How To Edit WooCommerce Order Received Page

Customizing your WooCommerce Order Received (Thank You) page is an excellent way to enhance user experience and strengthen your brand identity. Since this page appears right after a customer completes a purchase, it becomes a perfect place to add helpful information, personalized messages, or even product recommendations.

In this guide, we’ll walk you through the exact steps to safely and effectively edit the WooCommerce Order Received page.


Why Customize the Order Received Page?

The Order Received page is a key touchpoint in the customer journey. By customizing it, you can:

  • Reinforce brand consistency

  • Encourage repeat purchases

  • Enhance customer satisfaction

  • Provide important post-purchase information

  • Showcase related or recommended products


1. Understand the WooCommerce Template Structure

WooCommerce uses a system of template files to generate each part of your store.
The Order Received page is rendered using the following file:

woocommerce/templates/checkout/thankyou.php

Before making any changes, it’s important to understand how WooCommerce template overrides work to avoid losing your edits after updates.


2. Create a Child Theme

Never modify template files in the main (parent) theme, updates will override your changes.
Instead, create a child theme to safely store your customizations.

To create a child theme:

  1. Inside wp-content/themes/, create a new folder:
    yourtheme-child

  2. Inside that folder, create two files:

    • style.css

    • functions.php

  3. Add the required header to style.css:

/*
Theme Name: YourThemeName Child
Template: YourThemeName
*/

This tells WordPress that the folder is a child theme of your current theme.


3. Copy the Thank You Template File

Next, you need to copy the WooCommerce template into your child theme.

  1. Locate the file:

    woocommerce/templates/checkout/thankyou.php
  2. Copy it into your child theme under:

    yourtheme-child/woocommerce/checkout/thankyou.php

WooCommerce will now use this copy instead of the default version.


4. Customize the Order Received Page

Now you can open the copied thankyou.php file and start editing.

  • Add Custom Messages

You can include a personalized thank-you message like this:

echo '<p class="custom-thankyou-message">Thank you for your order! We truly appreciate your business.</p>';

  • Display Related Products (Great for Upsells)

Showing related or recommended items can help boost order value:

$related_products = wc_get_related_products( $order->get_id(), 4 );

if ( ! empty( $related_products ) ) {
echo '<h3>You may also like</h3>';
echo '<ul class="related-products">';
foreach ( $related_products as $product_id ) {
$product = wc_get_product( $product_id );
echo '<li><a href="' . get_permalink( $product_id ) . '">' . $product->get_name() . '</a></li>';
}
echo '</ul>';
}


  • Add Custom Styling

You can style your added content using the child theme’s style.css:

.custom-thankyou-message {
font-size: 20px;
color: #333;
margin-bottom: 20px;
}

5. Test Your Customizations

Before making the page live, thoroughly test your changes:

  • Place a test order

  • Check the layout and functionality

  • Verify the display on mobile

  • Ensure no PHP errors appear

Testing helps guarantee a smooth experience for your customers.


6. Improve User Experience

Even though the Order Received page doesn’t directly impact SEO, it affects trust and user satisfaction. A well-designed page can:

  • Reduce confusion after checkout

  • Decrease customer support messages

  • Improve your overall store experience

Some UX tips:

  • Keep the design clean

  • Add helpful links (shipping info, returns, support)

  • Use clear, friendly messaging

  • Ensure the page loads quickly


Conclusion

Customizing the WooCommerce Order Received page is a powerful way to improve the post-purchase experience. By using a child theme and editing the thankyou.php template, you can add personalized content, display related products, and fully align the page with your brand.

Always remember to back up your website before making any changes and test everything carefully.

With just a few customizations, you can turn a simple confirmation page into a valuable extension of your brand and a more helpful experience for your customers.


Latest Articles

Shopping Cart
Scroll to Top