Posted on

How to customize the WooCommerce order received page (code + no-code)

Turn your default WooCommerce thank you page into a better post-purchase experience. Learn simple ways to add branding, offers, upsells, and custom content after checkout.

cover image

Last updated on June 22, 2026

The WooCommerce order received page (also called the thank you page) appears after a customer completes a purchase. By default, it only shows basic order details — but you can customize it to add branding, upsells, coupons, product recommendations, and other post-purchase actions.

There are three main ways to customize the WooCommerce order received page:

  • Redirect customers to a custom thank you page
  • Modify the page using WooCommerce hooks and templates
  • Use a no-code plugin to create custom order received pages

In this guide, we’ll cover all three methods and show how to turn your default WooCommerce thank you page into a better customer experience and sales opportunity.

How to customize WooCommerce order received page?

Customizing the Thank You page,also known as the WooCommerce order received page, is a great way to reinforce your brand, upsell, or just say thanks in a more you kind of way.

Default WooCommerce order received page

It’s the perfect spot to leave a lasting impression. Here are three ways to customize it using code:

Redirect WooCommerce order received page to a custom page

Add this to your functions.php file to redirect customers to a custom URL after purchase:

add_action( 'template_redirect', 'sa_custom_redirect_after_purchase' );
function sa_custom_redirect_after_purchase() {
	global $wp;
	if ( is_checkout() && !empty( $wp->query_vars['order-received'] ) ) {
		wp_redirect( 'https://demo.storeapps.org/woocommerce/thank-you/' );
		exit;
	}
}

And this is the custom thank you page after placing an order.

Custom thank you page using redirect

Customize the thank you page using WooCommerce hooks

Instead of creating it from scratch, you may want to customize WooCommerce thank you page by changing the page title or changing some text before the order information. In such cases, you can use filters.

add_filter( 'the_title', 'sa_title_order_received', 10, 2 );
function sa_title_order_received( $title, $id ) {
	if ( function_exists( 'is_order_received_page' ) && is_order_received_page() && get_the_ID() === $id ) {
		$title = "Thank you for your order :)";
	}
	return $title;
}

The changed title would look like this:

thank you page title

Override WooCommerce thankyou.php template

WooCommerce generates the content of the Thank You page using the thankyou.php template file, located in the woocommerce/templates/checkout/ folder.

If you’d like to redirect customers to a custom Thank You page based on a product variation ID, you can do so using a simple hook. Here’s an example:

add_action( 'woocommerce_thankyou', 'sa_redirect_product_attribute_based', 10, 1 ); 
function sa_redirect_product_attribute_based( $order_id ) {
	$order = wc_get_order( $order_id );
	if ( $order instanceof WC_Order ) {
		foreach( $order->get_items() as $item ) {
			// Add whatever variation id you want below here
			if ( !empty( $item[ 'variation_id' ] ) && 446 == $item[ 'variation_id' ] ) {
				// change below to the URL that you want to send your customer to
				wp_redirect( 'https://demo.storeapps.org/custom-thank-you/' );
			}
		}
	}
}

You may want to customize the data displayed in the order details table and the customer information section (for logged-in users).

WooCommerce order received page customization methods compared

Not sure which customization method is right for you? The right approach depends on whether you want a simple redirect, code-level control, or a no-code solution.

Here’s a quick overview of all available approaches before we dive into the details:

Method Best for Coding needed Difficulty
Redirect to custom page Simple custom thank you pages Yes Easy
WooCommerce hooks Changing text and elements Yes Medium
Template override Full design control Yes Advanced
Custom Thank You Page plugin No-code customization No Easy

All three code-based methods give you control, but they require a developer or at least comfort with PHP.

23 creative ways to customize the WooCommerce order received page

Now that you’re clued in on how to customise your order received page, it’s time to put that knowledge to work for your store. Feeling a little stuck on where to start? No stress—we’ve got your back.

Here are powerful ways to design and upgrade your WooCommerce order received page. Get ready to give your post-purchase experience a serious glow-up!

  1. Give a warm welcome: “Hey [Name], welcome to the fam! We’re so glad you’re here.” – It’s more personal than a plain ol’ “Thanks for your order.”
  2. Kick things off with a start guide: “New here? Start by creating your account or check out this quick-start guide to make the most of your product.”
  3. Flex that social proof: “Don’t just take our word for it—see what 5,000+ happy customers are saying!” Add a carousel of glowing reviews.
  4. Drop a freebie: “Surprise! Your next shipping’s free. Use code: FREESHIP10 at checkout.” Bonus gifts = customer love.
  5. Suggest something they’ll love: “You might also like…” – Add related products based on their order. Think Netflix, but for shopping.
  6. Throw in a discount: “Here’s 15% off your next order—just because you’re awesome. Use code: WELCOME15.”
  7. Highlight seasonal sales: “Don’t miss our Black Friday Blowout – Up to 50% off sitewide. Starts this weekend!”
  8. Push an upsell or cross-sell: “Bought a phone? Protect it with this sleek case – 10% off just for you!”
  9. Bring back recently viewed items: “Still thinking about this?” – Show a carousel of recently browsed products to tempt a second order.
  10. Add custom brand content: Share a blog post, how-to guide, or even your brand story. Make it feel like more than just a receipt.
  11. Run flash offers: “Limited-time deal: 30% off this best-seller – only for the next 2 hours!” Add a countdown timer to hype it up.
  12. Ask for feedback: “How did we do?” Add a quick poll or link to a short survey. Keep it chill, but helpful.
  13. Show estimated shipping or tracking info: “Track your order: Expected delivery by June 15th.”
  14. Embed a how-to guide or FAQ: “New here? Start with our quick guide”
  15. Refer-a-friend reward: “Refer a friend, get $5 when they order!”
  16. Share a testimonial or case study: “‘Absolutely love it!’ – A happy customer”
  17. Let them create an account post-purchase: “Create your account in 1 click for faster checkouts.”
  18. Showcase your brand story or mission: “We’re on a mission to make skincare clean & cruelty-free.”
  19. Encourage them to leave a review: “Enjoyed shopping? Drop us a quick review!”
  20. Prompt to subscribe to newsletter or blog: “Join the squad—get fresh deals & tips in your inbox.”
  21. Suggest product care or maintenance tips: “Keep your sneakers fresh with our care guide.”
  22. Add a wishlist prompt: “Like it? Save it for later.”
  23. Trigger a post-purchase survey with a prize: “Got 30 seconds? Fill this quick survey & win a $50 voucher!”

How to customize WooCommerce order received Page without coding?

If you’re thinking, “Wow, all these thank you page ideas sound amazing… but how do I even start?”, we’ve got just the tool for you.

Say hello to the Custom Thank You Page for WooCommerce plugin– your go-to solution to transform that plain WooCommerce order received page into a full-on marketing powerhouse.

You don’t need to touch a single line of code to give it a total glow-up. Yup, zero coding skills required. Not even the ABCs.

StoreApps WooCommerce custom thank you page

Think about it: when customers finish an order, they’re riding that happy purchase high. That moment is prime time to engage them further. And this plugin helps you do just that.

Some ideas may need a few extra plugins alongside the Thank You page plugin, but trust us—it’s worth it.

Here’s what it lets you do:

  • Set a custom thank you page for all products or per individual product
  • Works with simple, variable, downloadable, subscription, and virtual products
  • Choose from pre-built high-converting thank you page styles
  • Redirect customers to affiliate links, third-party sites, or custom resources
  • Design with your existing page builder, theme, or shortcodes
  • Add coupons, upsells, promo codes, feedback forms, and subscription forms
  • Set up one-click upsell deals using Smart Offers

Check out the demo here

Conclusion

The WooCommerce order received page is the only page in your store that every paying customer sees. Leaving it as the default is a missed opportunity.

Whether you customize it with code or use a plugin, even small changes — a personalized message, a discount, a product suggestion — can improve retention, drive repeat orders, and increase revenue.

Get Custom Thank You Page plugin

FAQs

What is the WooCommerce order received page?

The WooCommerce order received page is the confirmation screen customers see after placing an order. It shows the order number, date, items purchased, billing details, and payment method. It is also called the thank you page.

How do I customize the WooCommerce thank you page without coding?

Use the Custom Thank You Page for WooCommerce plugin. It lets you set a custom page per product or for all products, add coupons and upsells, and design it with your existing page builder — no code needed.

Can I redirect customers to a different page after checkout in WooCommerce?

Yes. You can redirect customers using a template_redirect hook in your functions.php file, or use a plugin to handle redirects without code.

Will customizing the thank you page affect order details?

It depends on the method. A full redirect will remove default order details unless you add them back manually. Using filters or template overrides keeps the order information intact while letting you customize other elements.

Can I add upsells to the WooCommerce order received page?

Yes. You can add upsells, cross-sells, coupons, and product recommendations using a custom thank you page plugin or WooCommerce extensions.

What is the difference between WooCommerce thank you page and order received page?

They are the same page. WooCommerce uses “order received page” technically, while many store owners call it the “thank you page” because customers see it after completing checkout.

Akshat Kothari

About the Author – Akshat Kothari

Engineer by training, marketer by instinct. Akshat is an integral part of the marketing team at StoreApps, where he takes complex WooCommerce concepts and turns them into strategies store owners can put to work immediately. When he steps away from the screen, he’s either exploring a new city or binge watching movies.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.