How to Create a Custom WooCommerce Order Confirmation Page: 2 Methods

The WooCommerce order confirmation page is a key part of the customer journey, yet it's often overlooked.

While first impressions matter, the final step after checkout is just as important.

With existing customers being 60–70% more likely to purchase again, a well-optimized thank you page can greatly improve satisfaction and drive repeat sales.

In this blog, you’ll learn how to:

• Customize your WooCommerce order confirmation page using custom code
• Create and design one easily with drag-and-drop plugins
• Add custom fields to the confirmation page
• Create different confirmation pages based on product details and customer data
• And much more
  

Let’s get started.

Short on time? Watch the video

What Is the WooCommerce Order Confirmation Page and Why Should You Customize It?

The WooCommerce order confirmation page is the final step after checkout, where customers receive confirmation that their order was successfully placed. This is also known as the thank you page. 

The default WooCommerce order confirmation page typically displays these key details:

• Order number
• Order date
• Customer email
• Order total
• Payment method
• Order details (items with quantity, shipping method, cost, subtotal, payment method, and order total)
• Billing address
• Shipping address (if applicable)

While these basics confirm the purchase, the default page often lacks engaging elements that boost customer satisfaction and encourage repeat business. Common missing features include:

• Product images in the order details
• Personalized recommendations or upsell offers
• Social media links or other brand engagement features
• Clear calls to action like “Continue Shopping” or “Track Your Order”
• Support information or customer feedback options
• Customer testimonials about the product or your brand

Customizing your WooCommerce order confirmation page lets you fill these gaps by improving design, adding useful content, and enhancing brand consistency. A well-crafted order confirmation page strengthens customer trust, encourages repeat purchases through upsells and promotions, and delivers a superior post-purchase experience.

Method 1: Customize the Order Confirmation Page With a Plugin

Creating a custom order confirmation page using a plugin is the most convenient and efficient method. We recommend using FunnelKit Funnel Builder.

It is the best sales funnel builder for WordPress and WooCommerce that allows you to replace the default order confirmation page with a custom one. 

The best part about this plugin is that you can customize your thank you page and checkout page. You can also offer pre- and post-purchase offers to boost the average order value. 

Make sure you install and activate FunnelKit Funnel Builder. 

Now follow these steps:  

Step 1: Create a store checkout

The first step is to create a store checkout for your WooCommerce store easily.

Navigate to FunnelKit ⇒  Store Checkout from your WordPress dashboard and hit the "Create Store Checkout" button.

Select the page builder you want to use to create your WooCommerce custom confirmation page. Then, hover over the template you like and click on ‘Preview’.

Here, we are going with Elementor and the Stunner template. 

You can scroll to select the order confirmation page from the left side. If you like the template, hit the ‘Import This Funnel’ button, name it, and click Done.

This will import 3 pages: checkout, one-click upsell, and a thank you page. 

Here, we will also share how to customize the thank you page.

Step 2: Customize the order confirmation page 

To edit the order confirmation page, click the "Thank You" page step.

Then, hit “Edit Elementor Template” to start the customization. 

You can change every part of this template and add/remove any part.

Along with the design, you need to add dynamic customer and order information to make an effective thank you page. 

These shortcodes help you dynamically display important customer and order details on your WooCommerce order confirmation page:

First, let’s customize the existing content one by one. 

• Update the logo 

Upload any custom logo to replace the template logo. 

• Customize the header 

Click on the section, then on the left side; you can easily change it. Remember, the template uses merge tags to display dynamic content like the customer's first name, order number, and email. So, keep that in mind.

• Customize the order details section

Click on the order details section. Here, you can change the hedging. If you offer subscriptions, you can change the heading for those products as well. 

• Customize the customer details section.

You can change the heading and also the layout of the customer details section. Arrange it as one column or two columns, as you see fit.

• Customize the special offer section to secure the next purchase

Highlight your special offers in this section to attract more buyers. For instance, we can offer a 5% discount on their next purchase, encouraging them to return and make additional purchases. You can share the discount coupon that they can use on their next purchase.

• Customize the contact section

Update the contact information in this section.

Step 3: Add additional content in the thank you template (optional)

You can add any additional content to your template as well. For instance, here, you can add an educational video or steps on how to use the product or both.

Like educational content, you can also add social share icons using the ‘Social Icons’ button. 

For each icon, add the link to the respective social media account.

After making the changes, make sure to ‘Update’ the template. 

Here is the order confirmation page we designed. 

Step 4: Enable the store checkout 

The last step is to enable the store checkout so that when someone buys from your store, they see this beautiful, optimized order confirmation page rather than the dull default one. 
Just hit the “Enable Store Checkout” button to enable the store checkout.

Method 2: Customizing the WooCommerce Order Confirmation Page with Code (For Advanced Programmers Only)

This method is recommended for expert coders as it involves manually changing the actual code. 

🔔 Note: Create a child theme before editing WooCommerce templates like the thank you page to protect your changes from updates.

Follow these steps to customize the content: 

Step 1: Navigate to the thank you page file location 

Using a File Manager or FTP client, navigate to /wp-content/plugins/woocommerce/templates/checkout/

Step 2: Add the custom code

Now, you can edit the ‘thankyou.php’ file to make changes. 

Here, we will change the success message displayed when an order is placed successfully. 

Currently, the message says, “Thank you. Your order has been received,” and we are going to add the message “Thank you for Shopping with WooStore. We have started processing your order!”.

To display the success message about the order received, "thankyou.php" calls the template ‘order-received.php’. We will edit the "order-received.php" file and update the code. 

Here is the default code:

<?php

defined( 'ABSPATH' ) || exit;
?>

<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received">
	<?php
	$message = apply_filters(
		'woocommerce_thankyou_order_received_text',
		esc_html( __( 'Thank you. Your order has been received.', 'woocommerce' ) ),
		$order
	);

	// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	echo $message;
	?>
</p>

Here is the updated code: 

<?php

defined( 'ABSPATH' ) || exit;
?>

<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received">
	<?php
	$message = apply_filters(
		'woocommerce_thankyou_order_received_text',
		esc_html( __( 'Thank You for Shopping with WooStore. We started processing your order!' ) ),
		$order
	);

	// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	echo $message;
	?>
</p>

Make sure to save the file. 

Step 3: Test the thank you page

Now, to see if the changes are working correctly, place a test order. 

Here is the thank you page with the new success message: 

You can follow the steps shown to customize all the sections of the order confirmation page using custom code. 

By now, you must have realized that this method isn’t ideal for beginners or people lacking coding skills. 

How to Set the WooCommerce Order Confirmation Page URL? 

Here, we have shared two ways to set the URL of the order confirmation page: 

• Using WooCommerce default settings

Go to WooCommerce ⇒ Settings, then click on the Advanced tab. Under Checkout endpoints, set the "Order Received" URL as your order confirmation page URL.

Make sure to save the changes. 

The URL will be https://yourdomain.com/checkout/customURL

• Using FunnelKit Automations 

To set a custom thank you page URL, click on the Edit icon of the thank you page URL. 

Enter the custom URL you want to set in the "Page URL Slug" section and hit update. 

So, the custom WooCommerce Order Confirmation Page URL will be https://yourdomain.com/order-confirmed/customURL.

Adding Custom Fields to Your WooCommerce Order Confirmation Page

To show a custom field on the WooCommerce order confirmation page, you need to add the custom field to the checkout page first. Once you collect the custom value during checkout, you can display it on the thank you page.

Here are the steps you need to follow: 

Step 1: Add a custom field to the checkout page 

To do this, edit the checkout page, scroll down, and click on “Add New Field” to add the custom field. 

Then set up the field you want to add. For example, here we are asking users if the order is a gift. If yes, then we will wrap it in a gift wrapper.

Step 2: Show the custom field on the thank you page

Now, to ensure the custom field you just built is available on the thank you page, turn the toggle button for the option “Show On Thank You Page”.

You can make the field required if you want. After setting up, click on “Add.” Remember to update the template. 

Step 3: Test the thank you page with the custom field

Now, if you place a test order, the thank-you page will display the custom field.

Creating Multiple WooCommerce Order Confirmation Pages For Different Product Attributes And Customer Data

With FunnelKit Automations’ powerful Rule Engine, you can tailor your WooCommerce order confirmation pages to match specific product attributes and customer details.

For example, you can display unique confirmation pages based on the product category your customers purchase from, delivering a personalized post-purchase experience. Alternatively, you could display a special order confirmation page for customers from a specific geographical location to make them feel valued.

To set this up, start by creating multiple order confirmation pages. Then, use the Rule Engine to assign visibility rules so the right confirmation page appears based on product attributes or customer status.

Here are the steps you need to follow: 

Step 1: Create multiple order confirmation pages

First, you need to create all the confirmation pages you want to show based on different criteria. 

To create a thank you page, hit the “Add New Step”.

Then, choose the “Thank You” page and your favorite page builder. Then hover and click “Preview”. 

Now to import, hit “Import This Template”, provide a name, and hit “Add”. 

🔔 Note: You can choose different templates for different order confirmation pages. 

Repeat the same process to create as many order confirmation pages as you need. 

Step 2: Customize the order confirmation page templates 

Now, customize the different thank you pages you created in the first step to display what you want based on the rules you'll set later.

Step 3: Set rules to adjust the visibility based on product attributes and customer data

It’s time to establish rules so that different order confirmations show up depending on specific product attributes or other order and customer-related criteria.

For this, we need to set different rules for each thank-you page. 
To set rules, go to the Rules tab and click on ‘Add Rules’.

Now you can set conditions based on different metrics like:

• Order: Show a specific confirmation page based on the product, category, tag, total, item count, item type, payment gateway, or shipping method of the order just placed. You can also adjust visibility based on the coupons used or any custom field values shared at checkout.

• Customer: Customer-specific information like the customer’s first order, if they are guests, user role, user name, purchased product (all time), and purchased category (all time).

• Geography: Show different thank you pages based on different geographical locations they use in their billing and shipping addresses.

• Date/Time: Show different thank you pages based on the date, day, and time of the order. 

After choosing the factor, set the condition. For example, we have added this thank you page to show only if the purchased product category is beauty. 

You can add multiple conditions as well. Here, we are adding the condition: the cart product should be from the Beauty category, and the total should be greater than or equal to 150. 

If you want to make the thank you page visible for multiple sets of rules, you can use the “Create Rule Group” option. 

After setting the conditions, “Save” the rules. 

And that’s it. Your store will now show different order confirmations to different audiences based on the rules you set. 

5 Best Practices to Improve the WooCommerce Order Confirmation Page for Repeat Purchases

Follow these tips to enhance user experience and boost repeat sales:

1. Add Personalization: Greet customers by name and tailor the page based on their order history for a more relevant experience.
2. Guide with Clear CTAs: Include buttons like “Track Your Order” or “Continue Shopping” to help users take the next step easily.
3. Ensure Mobile-Friendliness: With most users shopping on mobile, make sure your page is responsive and easy to navigate on all devices.
4. Encourage Repeat Purchases: Offer time-limited discounts or incentives to drive the next order and build customer loyalty.
5. Keep It Clean and Focused: Avoid clutter. Present only the most helpful information and CTAs to prevent customer confusion.

Ready to Create a Custom WooCommerce Order Confirmation Page? 

A custom order confirmation page in your WooCommerce store can significantly impact how shoppers interact with your site and improve your customer retention rate.

With FunnelKit Funnel Builder, you can easily customize your order confirmation page. You have the flexibility to add custom fields and create rule-based multiple confirmation pages to target different audiences effectively.

Moreover, FunnelKit offers stunning prebuilt templates with promotional sections to showcase offers and encourage the next purchases. So, don’t miss the opportunity to turn customers into repeat buyers.

Get FunnelKit Funnel Builder today and start building your custom order confirmation page to enhance customer engagement and boost sales!

Related Blogs

Editorial Team

June 6, 2025

How to Set Up Related Products in WooCommerce (5 Smart Ways to Boost Sales)

WooCommerce related products are product suggestions, either automated or manual. These appear alongside or beneath the main item on the product pages and cart page.  But here’s the problem: most...

Editorial Team

May 26, 2025

15 WooCommerce Automations to Boost Sales on Autopilot

What if you could make your WooCommerce store run itself while you sleep? Sounds like a dream, right?  But for many sellers, managing orders, emails, and customer engagement manually leads...

Editorial Team

May 24, 2025

WooCommerce Order Bump: How to Offer Relevant Products on Checkout and Skyrocket Your Profits

You know that moment when you’re ordering at McDonald's, and the waiter casually asks, “Want fries with that?”  You didn’t think you needed them, but now you're all in. That’s...