Stand with Ukraine. Fight for freedom and democracy

Donate
Back to contents

JetWooBuilder: How to Create a Thank You Page Template

From this tutorial, you will learn how to create a page that users see after finishing the billing form and performing a payment. That page is called Thank You page and could be easily created using the JetWooBuilder plugin.

Tutorial requirements:

  • JetWooBuilder — develop a best-selling WooCommerce store from the ground up;
  • Elementor free — add the necessary widgets into the editor, style them up, and publish the page right away;
  • WooCommerce — get secure payments, configurable shipping options, and more;
  • JetThemeCore at least 2.0.1 version (not required, only if you want to create a page with header and footer).

How to Create a Thank You Page Template with the JetWooBuilder Plugin

1 StepEnable the Thank You Page Widgets

Navigate to the WordPress dashboard > Crocoblock > JetPlugins Settings directory and unfold the JetWooBuilder tab.

create a new page template

Scroll down to the Thank You Page Widgets section and check if all the widget toggles are enabled.

thank you page widgets

2 StepCreate a Thank You Page Template

Proceed to Crocoblock > JetPlugins > Woo Page Builder submenu and click the “Create New Template” button.

Choose the “Thank You” option in the drop-down “This template for” list of the pop-up window and give it a title. Afterward, click the “Create Template” button.

create thank you template with jetwoobuilder

The JetWooBuilder plugin offers you a few widgets created especially for the Thank You page. Let’s take a closer look at them.

jetwoobuilder thank you page widgets

Thank You Customer Address Details

This widget adds a table to the Thank You page containing the client’s address details. The data will be taken from the checkout of the shipping form the user has filled in previously.

The appearance of this block is completely customizable in the Style menu tab.

customer address details widgets

Thank You Order Details

With the help of this widget, you can add a detailed table of order details to your Thank You page. 

The table will show the information about the purchased items, total price, shipping details, and others. Use this widget if you want the clients to see all the details of the order they’ve made.

order details widget

Thank You Order

This is a terser version of the Thank You Order Details widget. It also shows the customer order details but in a slightly reduced way. 

Use it if you want to make the Thank You page simpler and more minimalistic.

order thank you widget

By the way, you can turn on the Modify option and customize the widget’s elements.

order widget for a thank you page

3 StepAssign the Template to the Page

The created template is still not attached to the website’s page. To assign it, go to the WooCommerce > Settings > JetWooBuilder and scroll the page down to the Thank You section.

Tick the Custom Thank You Page checkbox and choose the template you’ve just created in the Thank You Template drop-down menu. After that, click the “Save Changes” button.

assign the thank you template to the page

Proceed to the front end, place an order, and you will be redirected to the Thank You page with the template you created before.

thank you page

How to Create a Thank You Page Template with the JetThemeCore Plugin

1 StepCreate a Thank You Page Template

With the recent update of the JetThemeCore plugin, you can create page templates and assign the needed elements like body, header, and footer in a couple of clicks.

Before you move on to creating a template, navigate to the Crocoblock > JetPlugins Settings > JetWooBuilder directory and make sure that you have all Thank You Widgets enabled.

thank you page widgets

Proceed to WordPress Dashboard > Crocoblock > Theme Builder and click on “Create new page template.”

create a new page template

There will be a new pop-up window where you can set one or multiple conditions, according to which the given template will be either shown on specific pages or not.

conditions for a thank you page template

Hit the “Add Condition” button. Firstly, make sure that it’s set to “Include.”  

In the following drop-down list, select “WooCommerce.”

create a template for the thank you page

Proceed to the last drop-down menu and choose the “Thank You Page” option.

conditions for a thank you page template

Once you hit the “Create” button, you will see a new template in the JetThemeCore dashboard. Give it a name.

thank you page template in the theme builder

Firstly, click on the “Add body” button. Here you can create a template from scratch with the JetThemeCore plugin adding the widgets described in the first part of this tutorial.

add body to thank you page template

Or, you can simply click on “Add from library” and choose a template you already have, e.g., built with the JetWooBuilder plugin.

The color of the first icon under the Properties will indicate which plugin was used to create the chosen template.

template library for body

Hit the “Use” button. The template is attached to the body now.

thank you template attached to the body

Add More Elements to the Thank You Page Template

2 StepAdd More Elements to the Thank You Page Template.

JetThemeCore plugin allows adding custom headers and footers to the templates right from the JetThemeCore dashboard.

To add an element to the Thank You page template, click on the “Add header” button and create a new header or choose one from the library.

add a custom header to the cart template

Repeat the same steps and add a custom footer if needed.

theme builder thank you page template

Check the JetWooBuilder Settings

3 Step — When you are done with the template layout and design, it is time to check the JetWooBuilder settings.

Go to WooCommerce > Settings and open the JetWooBuilder tab. Scroll down to the Thank You Page section and ensure that the Custom Thank You Page checkbox is unchecked.

custom thank you page

There is no need to choose the template in the Thank You Template drop-down menu as we have already assigned the template to the Thank You page in the Theme Builder dashboard. 

Scroll the page down and click the “Save Changes” button.

Proceed to the front end, place an order, and you will be redirected to the Thank You page with the template you created before.

thank you page

Now you know how to create and customize a Thank You page using the JetWooBuilder and JetThemeCore plugins.