Want to easily create a custom WooCommerce thank you page?
A custom thank you page for order confirmation is a great way to connect with your new customers and even get additional sales.
In this tutorial, we’ll show you how to create a custom WooCommerce thank you page, step by step.
Why Customize a WooCommerce Thank You Page in WordPress?
Making a custom WooCommerce thank you page gives you a way to connect with your customers when they make a purchase.
The order confirmation or thank you page may seem like a small part of your online store, but it can actually be a very important part of your sales process.
The problem is that the default WooCommerce thank you page isn’t really optimized for conversions.
This is why smart business owners build a well-designed and high-converting thank you page to replace the default option.
There are many ways you can use WooCommerce thank you pages:
- Recommend upsell products and make more sales
- Offer coupon codes for repeat purchases
- Highlight your best selling products
- Direct customers to your most useful content
That being said, let’s show you how to easily create a custom WooCommerce thank you page, step by step.
How to Easily Create Custom WooCommerce Thank You Pages
SeedProd is the best drag and drop WordPress page builder in the market used by over 1 million websites. It allows you to easily create a custom WooCommerce thank you page to boost sales and grow your customer relationships.
The first thing you need to do is install and activate the plugin.
Note: there is a free version of SeedProd available, but we’re going to use the Pro version since it comes with the WooCommerce blocks we need.
Once the plugin is activated, you need to navigate to SeedProd » Settings and enter your license key.
If you don’t have this ready, then you can find your key in the account section of the SeedProd website.
After that, visit SeedProd » Pages and click the ‘Add New Landing Page’ button to create your new thank you page.
Here, you’ll need to choose a template. You’ll find tons of professionally designed thank you page templates to choose from.
Simply choose the ‘Thank You’ page filter and find the ‘Order Completed Thank You Page’ template.
Next, hover over it and click the ‘Checkmark’ icon.
Now, you need to name your new thank you page and then click ‘Save and Start Editing the Page’. The name you give the page will also be the URL.
Now, it’s time to start editing your thank you page with the drag and drop builder.
You’ll see a live preview of your page on the right. To edit the page element, simply click on the item, and an editing menu will appear on the left.
The left-hand options panel has elements you can drag and drop onto your order confirmation page.
Then, we’ll start adding a few blocks and making some customizations to make it more like a WooCommerce thank you page.
Firstly, we’ll add an upsell block to cross-promote another product. This is a great way to create more sales for your store.
When someone completes a purchase, they’re more likely to buy again, especially if it’s related to what they just bought.
To do this, click on the ‘Section’ option in the left hand menu. This will bring up a screen that has different content sections. Choose the ‘Hero’ option and then choose ‘Hero 2’ by clicking the ‘Plus’ icon.
This will insert the section into your page.
Next, click the image icon and insert an image of the product you want to promote.
Next, do the same for the product title and the product copy.
Then, delete the button by hovering over it and clicking the ‘Delete Block’ icon.
Then, drag over the ‘Add To Cart’ block in the ‘WooCommerce’ section.
This replaces the old button with one that connects to your WooCommerce product.
Next, click the ‘Add To Cart’ button to bring up the editing menu. You need to enter your ‘Product ID’, so it will automatically be added to your customer’s cart.
If you don’t know your product ID, then you can find it by going to Products » All Products and locating your product.
Now, navigate back to the editor, enter your product ID, and turn on the ‘Direct to Checkout’ slider.
You can also fully customize the button’s appearance, add sub text, change the color, etc.
Next, add a heading to promote your upsell product.
Click on the ‘Headline’ block and drag it above your upsell product. Then, add your enticing tagline.
Once you’re done making changes make sure to click ‘Save’, or the drop down to ‘Publish’, if you want to make your page live.
Add a Repeat Purchase Coupon Code in WooCommerce
You can give your customers a unique coupon code that offers them a discount for repurchasing the product.
Coupon codes are one of the greatest ways to get your customers to make another purchase. WooCommerce has standard coupons, but they’re pretty limited.
We recommend using the Advanced Coupons plugin. It’s the best WordPress coupon code plugin for your online store and is very user-friendly.
Upon activation, navigate to Coupons » License and enter your product license key and activation email, then click ‘Activate’.
Next, visit Coupons » Add New to create a new coupon.
Firstly, you can click ‘Generate coupon code’ or create your own coupon code name.
Once you’ve finished that, locate the ‘General’ tab, here you’ll create your discount.
Choose the ‘Percentage discount’ option and enter the percentage discount.
After that, you need to click on the ‘Usage restriction’ tab.
Now, select the product you want the discount to apply in the ‘Products’ box.
Then, click the ‘Usage limits’ tab.
In the ‘Usage limit per coupon’ box, enter 1. This limits how many times the coupon can be used.
Be sure you click ‘Publish’ or ‘Save’ before exiting the screen.
Once you’ve done that, go back to the SeedProd editor.
You can add the coupon code to your existing WooCommerce thank you page or make a new thank you page.
We will add the coupon code to our existing thank you page to give our customers another bonus.
In the page editor, click on the new block section and then choose your layout.
Then, select the ‘Text’ block and drag it onto the page.
Here is where you’ll enter your coupon code text.
In the other block, you can add an image of the product they just bought.
Simply drag the ‘Image’ block into the page editor and then upload your product image.
Now, you need to add a headline block so your customers know about the coupon code.
Just drag over the headline block and add your headline.
Here’s how the coupon code will display.
You can continue customizing this as much as you’d like.
Add a Best Selling Products Grid in WooCommerce
By adding your best-selling products to your thank you pages, you can generate more sales easily.
These products are proven to sell, so there’s already a good chance your customers are ready to buy.
To do this, simply drag over the ‘Best Selling Products’ block from the ‘WooCommerce’ section.
There are many other types of product grids you can add, like sale products, top rated products, recent products, etc.
Pro tip: you can setup WooCommerce conversion tracking to track clicks and conversions to make even more sales from your WooCommerce thank you pages.
Redirect the Default WooCommerce Thank You to Your New Page in WordPress
Once you’ve published your thank you page live you need to redirect this page in WooCommerce.
That way, when your visitors finish a purchase they will actually be redirected to your new page.
You can do this by modifying your WordPress theme files. However, the simplest way is using a WordPress plugin.
We recommend using the free Thanks Redirect for WooCommerce plugin, it’s very easy to use and will help you add the redirect simply.
First thing you need to do is install and activate the plugin.
Upon activation, visit WooCommerce » Settings and then click on the ‘Products’ tab.
Then, click the ‘Thanks Redirect for WooCommerce’ link.
Once you’ve done that, click the ‘Enable Global Redirect’ box and enter your new WooCommerce page URL into the ‘Thanks Redirect URL’ box.
Now, click ‘Save Changes’ and your new thank you page will redirect when your customers complete an order.
We hoped this article has helped you create custom WooCommerce thank you pages.
Leave A Comment