How to Customize the WooCommerce Thank You Page

Updated: July 12, 2021

Share:

We’re sure you appreciate how critical it is to express gratitude to your consumers. You can provide an excellent product or service, but if you please your consumers with a lovely customized message that they will view once the purchase is complete, they are more likely to become repeat customers.

Moreover, the Thank You page is a highly effective promotional tool. For one reason, it’s the only page on your site that you can ensure will be viewed by all of your clients. By using some of the tactics discussed in this post, you may enhance your knowledge about How to customize WooCommerce Thank You page.

Table Content

How to customize the WooCommerce Thank You Page by creating a Redirect

Step 1: Go to content file

Navigate to wp-content/themes/your-theme-name/

Step 2: Open the file “functions.php”

Step 3: Enter the code to the end of the file

You can get the code here .

Code

The following is the customized page that appears after you place an order.

Customized page

Note:

While redirecting is a viable approach, the above page is missing critical elements such as the order summary table and other information that WooCommerce already provides.

How to Customize WooCommerce Thank You Page with Filters

Step 1: Modify the Thank You Page title

Rather than developing a Custom Thank You page as illustrated above, you may like to simply change the page’s title. You can include the following code in a plugin or in the functions.php file of your theme.

Code

In the includes/wc-conditional-functions.php file, WooCommerce includes the function is_order_received_page(). This is how the title would seem if it were changed: Customized title

Step 2: Personalize the Thank You Page title

You may take it a step further and customize the headline of the Thank You page by including details such as the customer’s name or anything else. You can include the following code in a plugin or in the functions.php file of your theme:

Code

The customized title might look like this:

Customized title

Step 3: Modify the text before order information

In WooCommerce, there are filters that allow you to customize the wording displayed on the Thank You page. “Thank you. We have received your order” is the default text displayed before the order details.

This text can be found in the template/checkout/thankyou.php file. The woocommerce_thankyou_order_received_text is the available filter to customize this text. Code

How to Customize WooCommerce Order Thank You Page by overwriting WooCommerce templates

We’re going to use hooks in the examples in this guide. The hooks are extremely simple to implement - simply include them in your** functions.php** / child theme’s functions.php / custom plugin’s functions.php file. However, hooks do not always enable us to customize our applications. The templates directory is located in the WooCommerce plugin’s folder.

Naturally, you do not need to modify the contents of these files directly within the WooCommerce plugin folder. Simply select the file you wish to modify and duplicate it in your current theme’s WooCommerce folder.

Step 1: Modify the Thank You Page title

You can incorporate all of the code from this article into your current theme’s functions.php file.

Code

As you can see from Line 3, this hook takes a single argument – $old title – but what about the order details? To begin, obtain the order id from the key $_GET variable $order_id = wc_get_order_id_by_order_key( $_GET[‘key’] ); and then obtain the order object $order = wc_get_order( $order_id ).

Code

Line 3 – take a look at the $order variable, and guess what? It is the object of order! This means that we can dynamically alter the thank you page’s subtitle based on the order’s data and purchased products.

And this is the outcome:

Outcome

Step 2: Modify the Thank You Page URL

By default, its URL is …/checkout/order-received/…, but you can modify it to …/checkout/thank-you/… in the WordPress admin area by going to WooCommerce > Settings > Advanced.

WordPress admin area

Step 3: Acquire additional client details

Mini-step 3.1: Add a form

What would you put it in? If right after the title, read about woocommerce_thankyou_order_received_text; if right below it, there are two hooks that can help you, both of which are in the same location in the code and have a $order_id argument:

  • woocommerce_thankyou_{PAYMENT METHOD SLUG}’: It allows you to customize the content on your thank you page based on the payment gateway used to complete the transaction. You can take it by navigating to WordPress admin WooCommerce > Settings > Payments, choose the payment gateway you would like to hook and look for the slug in the URL in the browser.
  • woocommerce_thankyou

Form

Mini-step 3.2: Give out the AJAX request

Of course, you can include the code in a .js file, but be sure to include the url argument appropriately in that instance.

Code

After having done everything correctly, here is your customized Thank You Page:

Customized page

Mini-step 3.3: Handle the AJAX request

Code

Navigate to the edit order page and locate the Order notes metabox. However, you may also modify the order information using that form.

Form

Step 4: Redirect to another page

However, what if the default Thank You page (or even the customized one) is insufficient at times? In this scenario, you can use the template_redirect hook to divert customers to another page based on the purchase of a product or the payment method used.

Code

3 best plugins to customize Thank you page for WooCommerce

1. WooCommerce Custom Thank You Pages

WooCommerce Custom Thank You Pages

You may use this plugin to create specific Thank You Pages for each of your WooCommerce products. It enables you to upsell recommendations and enlighten clients about the onboarding process. Additionally, you can display referral offers, instructions on how to use a product, and warranty information, all of which are relevant to the nature of the things you are selling.

Key features:

  • Create a customized thank you page for each of your items.
  • Present upsells, onboarding assistance, special offers, or subscription forms.
  • Simple configuration procedure.
  • Create a hierarchy of pages that will be presented in the event that several products are purchased.

Price: $49

2. YITH Custom Thank You Page for WooCommerce

YITH Custom Thank You Page for WooCommerce

This plugin enables you to personalize a global Thank You Page or individual product Thank You Pages. It will assist you in persuading customers to share product information with their social media networks. Facebook, Twitter, and Pinterest are all available social media platforms.

Additionally, the plugin allows for the configuration of a customized thank you page based on category, as well as the assignment of priority when several products are purchased. Additionally, on the thank you page, you can offer product recommendations.

Key features:

  • Create a global Thank You Page or specific ones to certain products or categories.
  • Popular social media networks now include a feature for sharing products.
  • When an order contains numerous products, the option to set the order’s display priority is available.
  • Customization options for the thank you page are extensive.

Price: $79.99

3. WooCommerce Redirect Thank You

WooCommerce Redirect Thank You

Depending on the products purchased, this plugin enables you to send consumers to a variety of alternative Thank You Pages. Additionally, the plugin enables you to create unique messages based on the products in an order. This plugin can be used to provide product suggestions, social sharing options, and product assistance. Additionally, the plugin is relatively simple to install and configure.

Key features:

  • Create aesthetically pleasing and functional thank you pages for your WooCommerce store.
  • Create generic or tailored Thank You Page to a specific product.
  • Depending on the products purchased, navigate customers to various pages.

Price: $79

Final Words

Happy consumers are always willing to suggest your product or service and may thus act as a source of promotion – the most effective and dependable one! It’s difficult to overstate the importance of an engaging Thank You page.

After reading through our post, we hope that you now understand How to customize the WooCommerce Thank You page, as well as be able to transform it into an effective marketing tool for your WooCommerce store.

Do you find this article helpful? If yes, please share this post with your friends and colleagues to help spread the knowledge, and stay tuned for more useful instructions and tips from AVADA.

Recommend for you
Image Description
SMS, Email Marketing Automation

Top rated Marketing automation for Shopify stores

Learn more
Image Description
SEO Suite

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up