{"id":37790,"date":"2023-03-10T08:54:05","date_gmt":"2023-03-10T08:54:05","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=37790"},"modified":"2024-08-14T09:04:00","modified_gmt":"2024-08-14T09:04:00","slug":"how-to-create-a-checkout-page-template","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-checkout-page-template\/","title":{"rendered":"How to Create a Checkout Page Template"},"content":{"rendered":"\n

How to Create a Checkout Page Template with the JetWooBuilder Plugin<\/strong><\/h2>\n\n\n\n
\n

Enable Checkout widgets<\/strong><\/h3>\n\n\n\n

Navigate to the WordPress Dashboard ><\/em><\/strong> Crocoblock > JetPlugins Settings<\/em><\/strong> and unfold the JetWooBuilder<\/strong> tab.<\/p>\n\n\n\n

Scroll down to the Checkout Widgets<\/strong> section and ensure all the widget toggles are enabled.<\/p>\n\n\n\n

\"checkout<\/a><\/div>\n\n\n\n

Create a Checkout template<\/strong><\/h3>\n\n\n\n

Proceed to the WordPress Dashboard > Crocoblock  > Woo Page Builder<\/em><\/strong> submenu and click the \u201cCreate New Template<\/strong>\u201d button.<\/p>\n\n\n\n

Choose the \u201cCheckout\u201d option in the This Template For<\/strong> list of the pop-up window and give it a title in the Template Name <\/strong>field. Afterward, click the \u201cCreate Template<\/strong>\u201d button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

You can place any widgets on the WordPress checkout page and build the layout you need. However, there is a restriction here.<\/p>\n\n\n\n

JetWooBuilder<\/em> allows you to create two types of checkout page templates: the main template and the top template. The main template is assigned to the Checkout Template<\/strong> option, while the top template is assigned to the Top Checkout Template<\/strong> option.<\/p>\n\n\n\n

The main checkout template is responsible for displaying the main checkout form. Checkout Coupon Form<\/strong>, Checkout Login Form<\/strong>, and all other Elementor widgets that add a form to the page (like the JetForm <\/strong>widget of the JetFormBuilder<\/em><\/a> <\/em>plugin) won\u2019t work correctly in the main checkout template. You better not place them in the checkout template you would like to assign to the \u201cCheckout\u201d template.<\/p>\n\n\n\n

You can display additional forms in the top checkout template. Checkout Coupon Form<\/strong>, Checkout Login Form<\/strong>, and all other Elementor form widgets will work just fine here. On the other hand, other JetWooBuilder <\/em>checkout widgets won\u2019t be displayed correctly in the top template.<\/p>\n\n\n\n

The reason for this is in the coding and the way the forms are displayed. So, once again, the widgets that you shouldn\u2019t place on the main checkout template are:<\/p>\n\n\n\n