Custom WooCommerce thank you page
Themeisle content is free. When you purchase through referral links on our site, we earn a commission. Learn More

The WooCommerce thank you page seems like a small part of your online operation. Customers look at it for a second or two, then move to other parts of the internet.

Yet, that doesn’t have to be the case.

In fact, wouldn’t you rather customers take time examining your WooCommerce thank you page, due to its creativeness and potential for more savings or product information?

By default, WooCommerce technically offers a thank you page, but there’s not much to it. That’s why we’ll show you how to customize the basic WooCommerce thank you page to add custom text and colors, while also including crucial elements like buttons to get customers to shop more or coupons to drive more sales.

📚 Table of contents:

What’s a WooCommerce “thank you” page?

The thank you page appears right after a customer clicks on the Place Order button.

place order before WooCommerce thank you page

It’s different from the thank you/receipt email in that it’s a redirect to a new webpage your customers see on your website.

However, the default thank WooCommerce page lacks creativity, and WooCommerce doesn’t let you customize any of the elements.

default WooCommerce thank you page

Our goal is to make a thank you page with more color, customized text, and useful modules to drive more sales.

better WooCommerce thank you page

How to make a custom WooCommerce “thank you” page

To create a custom WooCommerce thank you page, you can use the free NextMove Lite plugin, which is available at WordPress.org.

The NextMove Thank You Page plugin overrides the standard thank you page and automatically makes that confirmation section more appealing. Not to mention, you’re able to edit most elements on the page, leading to a well-branded WooCommerce thank you page.

To get started, install and activate the plugin. Click here if you need guidance installing a plugin.

As soon as you activate the plugin, it will already add a new customized thank you page. In the rest of the post, we’ll show you how to further customize that page to meet your needs.

improved WooCommerce thank you page

Open the editing tools

To edit the new thank you page with your own content, go to WooCommerce > Settings in your WordPress dashboard.

settings for WooCommerce thank you page

In the settings area, select the NextMove Lite: XLPlugins tab.

click this tab

The main configuration page includes a list of the thank you pages you have active. It also provides information on where and how the thank you pages run on your website – it shows these details on the right side of the page.

summary for plugin

You can even click the See Order Preview button to look at the thank you page design without running a test order every time you want to view it.

see preview

Click Add New to start a thank you page from scratch.

Or, you can also click on the already-created thank you page to edit the existing design.

go to WooCommerce thank you page

Stylize the order confirmation area

NextMove brings you to its own visual page editor, with four highlighted steps:

  1. Select Components
  2. Edit Component
  3. Choose Layout
  4. Arrange Components

Each module in the Select Component area serves a purpose on the thank you page. You can remove some or add more, while also editing the detailed settings for each one.

Starting out, click the Order Confirmation component.

This shows a list of settings and fields for the order confirmation area. Feel free to scroll through these to edit them as you please.

For example, you might edit the thank you page icon or add a new header or background color.

order confirmation for WooCommerce thank you page

You could also change the icon, such as showing a gift icon instead of the checkmark:

icon change

All components provide tools to change things like headings and colors. Make sure you go through them all.

color change for WooCommerce thank you page

As an example, you can get more personal with the intro heading by adding the person’s name and some welcoming text.

color change for WooCommerce thank you page

Choose a WooCommerce thank you page layout

Although you can still edit the many other components, the Choose Layout section always allows you to switch from a one-column layout to a two-column layout.

layout - WooCommerce thank you page

The plugin also has a section called Arrange Components, where you drag-and-drop the components within the layout.

arrange - WooCommerce thank you page

As you can see, we’ve moved around some components and made the thank you page a two-column design.

Customize the order details section

Next up, click on the Order Details component. Adjust everything from the heading to the description, and the alignment to the layout.

Note: You can enable or disable any component by using the Enable switch.

order details

Make edits to the customer details section

The Customer Details component involves information on the thank you page, like address and name.

When editing the component, consider personalizing the text and incorporating a description that better fits your brand.

customer details - WooCommerce thank you page

You can also change the colors for the component to draw attention to it:

colors

Add a location map

The next component, called Location Map, inserts a map into the thank you page to show that your company has received the shipping information and the product is on its way.

edit component

As with all components, think about changing around the text, fonts, and colors surrounding the map. You can also configure the style of map and go into the NextMove settings to link to the Google Maps API (typically required in order for this feature to work right).

map area - WooCommerce thank you page

Add extra content sections to improve your thank you page

The Content section offers a few other components like:

  • Single Text
  • HTML
  • Image Text
  • Video

As you may realize, these open up seemingly infinite possibilities for designing your WooCommerce thank you page.

For example, you could add an Image Text box to prompt people to come back to the store if they forgot something.

image text - WooCommerce thank you page

An excellent reason to use the Image Text box is for the button and image capabilities.

You can upload a photo for some flare on the page, while also linking back to the main Shop.

image

The settings include options for which page to link to, the colors, and the button text.

the button - WooCommerce thank you page

The premium components from NextMove

Although the free, standard settings from NextMove offer much to boost the style and content in your thank you page, the premium components take it to a new level.

If you’d like to add more advanced functionality to your thank you pages, consider upgrading to the premium version of NextMove, starting at $29 per year.

Premium components include:

  • Recently viewed
  • Dynamic coupons
  • Smart bribe
  • Related products
  • Social share
  • Specific products
  • Join us
  • Cross-sell
  • Upsells
premium components - WooCommerce thank you page

Once you’ve configured everything, make sure you hit the Save button in the NextMove editor.

After that, go to the Preview (or process a test transaction) to view the new WooCommerce thank you page.

As you can see, we’ve incorporated new text, some color backgrounds, an image, a map, and a button to get people back to the store.

the best WooCommerce thank you page

Thoughts on what to add to your WooCommerce thank you page

A thank you page on WooCommerce presents several ways to communicate with users and convert them into repeat customers.

Here are some ideas on how to use your WooCommerce thank you page and what to include:

  • Have a button on the thank you page for them to go back to your shop.
  • Link to another page to collect feedback or provide an instructional video.
  • Embed images, videos, or custom code to liven up the thank you page.
  • Include a map and information about their shipping times.
  • Show related products (cross-sells or upsells) to prompt people to consider buying more.
  • Add social sharing buttons so customers can send their purchases to friends and family.
  • Suggest they sign up for a newsletter and include a form for them to do that.
  • Display a discount coupon usable for a future purchase.
  • List customer reviews or testimonials.
  • Include instructions on how to use the product via text or video or image.

Our conclusion on how to make a WooCommerce thank you page

Quite a few other methods allow you to generate a WooCommerce thank you page, with the help of custom CSS or other plugins.

Although we feel the NextMove Lite plugin offers the best features and the most reasonable price, consider looking into these other WooCommerce thank you page plugins for further designs and features:

With best practices in place, you’re bound to improve sales with every thank you page that shows up after a purchase.

For some other options to improve your store, check out our full roundups of the best WooCommerce plugins and the best plugins for eCommerce stores.

Still have any questions about how to create a custom WooCommerce thank you page? Let us know in the comments.

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!