Would you like to replace the plain WooCommerce thank you page with something that fits your brand, or even show a different thank you page for specific products? Botiga Pro’s Templates Builder lets you create as many custom thank you templates as you want and use them globally or assign them to individual products.
In this guide, we’ll walk you through how to build custom thank you templates in Botiga, both as a global template and on a per-product basis.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Templates Builder is a Botiga Pro feature, so this requires Botiga Pro.
1. Enable the Templates Builder module
Open your Botiga dashboard, then click the Activate link inside the Templates Builder module to enable it on your site.
2. Open the Templates Builder tab
Once the module is active, a new Templates Builder tab appears in your Botiga dashboard. This is where all the custom templates you create with Botiga Pro live, including your thank you templates.
Click the Templates Builder tab to open it. You can also open it from the Botiga menu in the left sidebar of your WordPress admin area.
3. Create a global custom thank you template
To create a global thank you template, click the Add Template button.
Enter a name in the Template name field, then click into the Select Content field to start building the template.
Once the new options appear inside the Select Content field, click the Create New button to open the WordPress Block Editor, where you’ll build your template. If the Elementor page builder is installed, you’ll also see an option here to open the Elementor interface instead.
Botiga Pro names your template automatically. Leave it as is and start adding blocks. Botiga Pro gives you two custom checkout blocks to use in your thank you templates:
- Checkout Order Detail: Displays details of the customer’s order, such as order number, order date, the order details table, and shipping address. A dropdown in the block’s settings lets you choose which details to show. You can also add a custom thank you action or hook and adjust the style and layout.
- Checkout Thank You Nav: Lets customers navigate between thank you pages when the products they ordered are assigned to different thank you templates. You can customize its typography, colors, and alignment.
When you’ve added everything you want, click the Update button to save the changes.
Back in your Botiga dashboard, a new Edit link appears inside the template’s settings box, so you can reopen and edit the template any time.
4. Set the display condition for your global template
To set the display condition, click the gear icon inside the template’s settings box. You can choose between two types of conditions:
- Display Conditions: for example, the entire site, product categories, product tags, or product archives.
- User Conditions: for example, logged-in users, logged-out users, administrators, customers, or shop managers.
For the global thank you template, set the display condition to Include = Order Thank You. This is the internal WooCommerce page that appears after a customer completes payment on the checkout page, so you won’t find it in the Pages menu. Then click the Save Conditions button.
Finally, click the Save button at the bottom of the module to save your changes.
5. Test your global thank you template
To test the template, place a test order in your store. Go through the checkout process. If you have trouble making a test payment, the free WooCommerce Order Test plugin by WP Fix It lets you make a dummy payment.
After you click Place Order, Botiga Pro shows your custom thank you page instead of the default one.
6. Create custom thank you templates for individual products
You can also assign a custom thank you template to individual products. A per-product template overrides the global one for those products.
First, create the template you’ll assign to your products. You can create as many as you want. The workflow is the same as for the global template: click Add Template, build the template, add the display condition (again Include = Order Thank You), and save your changes.
As shown below, both thank you templates now appear side by side in the Templates Builder, alongside any other templates you’ve created.
Next, go to Products » All Products in your WordPress admin area and open the product you want to assign the template to. You can assign the same template to more than one product.
On the Edit product page, scroll down to the Botiga Product Options section and open the Templates tab.
Select the custom thank you template you created from the dropdown. You can also set the hook priority, where a smaller number means a higher priority. This setting is mainly for developers, so if you’re not sure how action hooks work, leave it at the default value of 10.
Scroll back to the top of the product page and click Update to save. Then check that the template works by placing a test order for that product.
Frequently asked questions
Below, we’ve answered some of the most common questions about building custom thank you templates in Botiga.
What happens when a product has its own template and a global one exists?
The per-product template wins. When a customer orders a product that has its own thank you template, that template overrides the global one for that order.
What if an order contains products with different thank you templates?
Add the Checkout Thank You Nav block to your templates. It lets customers move between the relevant thank you pages for the products in their order.
Do I have to use Elementor to build the template?
No. The WordPress Block Editor works out of the box. Elementor is only offered as an option when the Elementor plugin is installed on your site.
That’s it! You’ve successfully built custom thank you templates in Botiga and learned how to apply them globally or to individual products.
Next, would you like to design the rest of your checkout flow? Check out our guide on building a custom checkout template, or read the Botiga Templates Builder overview to learn more.
