How to Create Custom WooCommerce Thank You Pages (Easy Way)

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.

How to easily create custom WooCommerce thank you pages

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.

Thank you page example

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.

Enter SeedProd 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.

Add new SeedProd landing 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.

Select thank you page filter

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.

Name thank you page

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.

Thank you page editor

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.

Select hero 2 block

This will insert the section into your page.

Next, click the image icon and insert an image of the product you want to promote.

Insert image upsell

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.

Delete button block

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.

Drag add to cart block

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.

Locate product ID

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.

Enter product ID to checkout

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.

Add headline block

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.

Save or publish changes

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’.

Activate Advanced Coupons

Next, visit Coupons » Add New to create a new coupon.

Firstly, you can click ‘Generate coupon code’ or create your own coupon code name.

Add new coupon code

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.

Choose 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.

Select coupon product

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.

Limit coupon use

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.

Choose block layout

Then, select the ‘Text’ block and drag it onto the page.

Here is where you’ll enter your coupon code text.

Select text block

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.

Select image block

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.

Select headline block

Here’s how the coupon code will display.

You can continue customizing this as much as you’d like.

Display coupon code

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.

Select best selling products block

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.

Go to thanks redirect options

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.

Enter URL and save new page

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.

Tags: No tags

Leave A Comment

Your email address will not be published. Required fields are marked *