Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Easily Create Custom WooCommerce Thank You Pages

Do you want to easily create a custom WooCommerce thank you page?

A custom order confirmation is a great way to connect with your customers and get more sales by promoting related products, or even offering an exclusive coupon code.

In this article, we’ll show you how to create a custom WooCommerce thank you page.

How to easily create custom WooCommerce thank you pages

Why Customize a WooCommerce Thank You Page in WordPress?

The order confirmation or thank you page may seem like a small part of your online store, but it can actually be a very valuable part of your sales process.

However, the default WooCommerce thank you page isn’t really optimized for conversions.

By replacing it with a custom WooCommerce thank you page, you can encourage customers to make more purchases by offering them exclusive coupon codes, suggesting popular and related products, and more.

Thank you page example

With that 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

The easiest way to create a custom WooCommerce thank you page is by using SeedProd.

SeedProd is the best drag and drop WordPress page builder used by over 1 million websites. It comes with more than 180 professionally-designed templates including eCommerce templates that you can use to create sales pages and lead squeeze pages.

Even better, SeedProd has full support for WooCommerce and even comes with special WooCommerce blocks that you can use to create custom thank you pages and improve your customer relationships.

The first thing you need to do is install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Note: There is a free version of SeedProd, but for this guide we’ll use the Pro version because it has the built-in WooCommerce blocks we need. It also integrates with the email marketing services you may already be using to build relationships with your customers.

Upon activation, go to SeedProd » Settings and enter your license key.

Enter SeedProd license key

You can find this information under your account on the SeedProd website. After entering the license, click on the ‘Verify Key’ button.

After that, go to SeedProd » Landing Pages and click on ‘Add New Landing Page.’

SeedProd's page design templates

Next, you need to choose a template for your thank you page.

SeedProd’s templates are organized into different campaign types such as coming soon and 404 page, so simply click on the ‘Thank You’ tab.

SeedProd's Thank You templates

For this guide, we’ll be using the ‘Order Completed Thank You Page’ template.

Simply hover your mouse over this template and then click the ‘Checkmark’ icon.

SeedProd's order completed template

Next, go ahead and type in a name for your custom WooCommerce thank you page. The name you give the page will also be the URL, but you can change this if you want.

When you’re happy with the information you’ve entered, click on the ‘Save and Start Editing the Page’ button.

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 the page on the right and some settings on the left.

To customize any block, simply click to select it in the page builder, then use the settings in the left-hand menu.

Thank you page editor

The left-hand menu also has blocks that you can drag onto the order confirmation template.

We need to add some new blocks and make some customizations so the page looks more like a WooCommerce thank you page.

To start, we’ll cross-promote another product by adding an upsell block.

When someone completes a purchase, they’re more likely to buy again, especially if you show them a product related to what they just bought. In this way, your thank you page can help you get more sales.

You can easily add an upsell block using SeedProd’s sections. These are ready-made collections of blocks that are commonly used together, and can help you create beautifully-designed pages, fast.

To see the available templates, simply click on the ‘Sections’ tab. We’re going to add a ‘Hero’ section, so click on ‘Hero’ in the left-hand menu.

Then, hover your mouse over ‘Hero 2’ and click on the ‘+’ icon when it appears.

Select hero 2 block

This adds the section to your page.

To start, click to select the ‘Image’ block. Then, in the left-hand menu click on ‘Use Your Own Image’ to open the media library.

Insert image upsell

You can now add an image for the product that you want to upsell.

Once you’ve done that, click on the ‘Headline’ block and type in the product title.

Creating a custom thank you page for WooCommerce

Next, click to select the ‘Text’ block and type in the product description.

We want to replace the call to action button with an ‘Add To Cart’ section so that shoppers can easily add this product to their basket.

To do this, click to select the ‘Call To Action’ block and then click on the ‘Delete Block’ icon.

Delete button block

Next, find the ‘Add To Cart’ block in the menu.

Simply drop this block onto the empty space in your Hero 2 section.

Drag add to cart block

We still need to connect this button to the featured product, so that customers can add it to their cart.

To do this, you’ll need to know the product’s ID. If you don’t know this information, then go to Products » All Products in your WordPress dashboard and simply hover your mouse over the product to see its ID.

Locate product ID

Back in the SeedProd page editor, click to select the ‘Add To Cart’ block and add the ID to the ‘Product ID’ box.

You also need to turn on the ‘Direct to Checkout’ slider.

Enter product ID to checkout

At this point you can completely customize how the button looks, including changing its color scheme, button text, and alignment.

After that, it’s a good idea to add a heading that promotes your upsell product. This might be something like ‘You may also be interested in’ or ‘This is the perfect addition to your order.’

Simply drag a ‘Headline’ block onto your layout.

Add headline block

You can then type in your tagline.

You may also want to add a best selling products section to your thank you page. These products are already popular with your customers, so there’s a good chance the shopper will want to buy one or more of these products.

To do this, simply drag over the ‘Best Selling Products’ block.

Select best selling products block

There are many other types of product grids you can add, like sale products, top rated products, recent products, and more.

For more details on adding best selling products in WooCommerce, see our guide on how to display popular products in WooCommerce.

Pro tip: You can setup WooCommerce conversion tracking to monitor clicks and conversions to make even more sales from your WooCommerce thank you page.

When you’re happy with how the WooCommerce thank you page looks, it’s time to publish it by clicking on the dropdown arrow next to ‘Save’ and selecting ‘Publish.’

Save or publish changes

Add a Coupon Code to Your Custom Thank You Page

You can also give your customers a unique coupon code that offers them a discount for buying a particular product. In this way, you can encourage customers to make follow-up purchases, and sell more of a specific item such as your old inventory.

WooCommerce has standard coupons, but they’re pretty limited.

Instead, we recommend using the Advanced Coupons plugin. It’s the best WordPress coupon code plugin for your online store and is very beginner-friendly.

For more details on setting up the plugin, see our step by step guide on how to create smart coupons in WooCommerce.

Upon activation, go to to Coupons » License.

Activate Advanced Coupons

Then, you just need to enter the license key into the ‘License Key’ field.

To find this information, log into your account on the Advanced Coupons website. You’ll also need to enter your ‘Activation Email’ which is the email address you used to buy the Advanced Coupons plugin.

Once you’ve done that, click on ‘Activate Key.’

Now, you’re ready to create a smart coupon. Simply go to Marketing » Coupons and then click on ‘Add New.’

Creating a smart WooCommerce coupon

On the next screen, you need to type in a title for the coupon.

This will become the actual coupon that customers will use to claim their exclusive discount. With that in mind, it’s a good idea to use something that’s easy for shoppers to remember.

Once you’ve done that, scroll to the ‘Coupon data’ section, which is where you can create all kinds of different discounts.

We’re going to offer a percentage discount, so open the ‘Discount type’ dropdown and select ‘Percentage discount.’

Choose percentage discount

You can now type the discount that you want to offer into the ‘Coupon amount’ field.

After that, click on the ‘Usage restriction’ tab. In the ‘Products’ box type in the product you want to apply this discount to.

Select coupon product

Next, click the ‘Usage limits’ tab.

In ‘Usage limit per coupon,’ type in 1 to limit how many times shoppers can use this coupon.

Limit coupon use

Once you’re done, you can go ahead and make the coupon live by clicking on ‘Publish.’

The next step is adding this coupon to your thank you page by heading over to SeedProd » Landing Pages. Here, hover over the thank you page and click on the ‘Edit’ link.

Editing the WooCommerce thank you page

This opens your thank you page in the SeedProd editor.

To create a new section, click on the ‘Add Columns’ icon.

Adding a layout in SeedProd

In the ‘Choose your layout’ section, click on the layout you want to use for this new section.

We’re using a two column so that we can show the coupon code next to an image of the discounted product.

Choose block layout

Next, select the ‘Text’ block and drag it onto your new two column layout.

You can now type in your coupon code text.

Select text block

In the other block, you can add an image of the discounted product.

To do this, simply drag an ‘Image’ block onto your layout and then add the product image that you want to use.

Select image block

After that, it’s a good idea to add a headline block so your customers know about the coupon.

Simply drag a ‘Headline’ block onto your layout and type in your headline.

Select headline block

You can now carry on customizing the thank you page.

In the following image, you can see an example of a finished coupon section.

Display coupon code

Redirect the Default WooCommerce Thank You to Your New Page in WordPress

Once you’ve published your custom thank you page, you need to change the default WooCommerce URL settings so customers go to your new page instead of the default one.

You can do this by editing your WordPress theme files. However, it’s easier to use the Thanks Redirect for WooCommerce plugin.

First thing you need to do is install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to WooCommerce » Settings and then click on the ‘Products’ tab.

Go to thanks redirect options

After that, simply click on the ‘Thanks Redirect for WooCommerce’ link.

Then, click the ‘Enable Global Redirect’ box and type the URL for your custom thank you page into the ‘Thanks Redirect URL’ box.

Enter URL and save new page

Don’t forget to click ‘Save Changes’ to store your settings. Now, WooCommerce will send customers to your custom thank you page when they complete an order.

We hoped this article helped you create custom WooCommerce thank you pages. You may also want to see our list of the best WooCommerce plugins for your store and or our guide on how to create an email newsletter.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.