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 “thank you” page?
- How to make a custom “thank you” page with the NextMove plugin
- What to add to your “thank you” page
What’s a WooCommerce “thank you” page?
The thank you page appears right after a customer clicks on the Place Order button.
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.
Our goal is to make a thank you page with more color, customized text, and useful modules to drive more sales.
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.
Open the editing tools
To edit the new thank you page with your own content, go to WooCommerce > Settings in your WordPress dashboard.
In the settings area, select the NextMove Lite: XLPlugins 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.
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.
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.
Stylize the order confirmation area
NextMove brings you to its own visual page editor, with four highlighted steps:
- Select Components
- Edit Component
- Choose Layout
- 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.
You could also change the icon, such as showing a gift icon instead of the checkmark:
All components provide tools to change things like headings and colors. Make sure you go through them all.
As an example, you can get more personal with the intro heading by adding the person’s name and some welcoming text.
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.
The plugin also has a section called Arrange Components, where you drag-and-drop the components within the layout.
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.
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.
You can also change the colors for the component to draw attention to it:
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.
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).
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.
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.
The settings include options for which page to link to, the colors, and the button text.
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
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.
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:
- Custom Thank You Pages by WooCommerce.com – $49 per year.
- Thank You Pages by Plugin Republic – $49 per year.
- Redirect Thank You by Shop Plugins – $79 per year.
- Custom Thank You Page by StoreApps – $39 per year.
- Thanks Redirect for WooCommerce – free.
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)!