View Product Page

How to create a custom Thank You page

The WooCommerce default Thank You page can be replaced by any of the pages you have created so far.

You can set up a Thank You page that applies to:

  • all the products in your shop;
  • all products belonging to one or more product categories;
  • one specific product.

General Thank you page

Go to the plugin settings panel and pick the new page using the select dropdown next to “Select the General Page”.

Select the general page

 

The General Thank You page shows every time an order is completed unless there is a higher priority Thank You page available.

Discover here all you need to know about the Thank You page priority.

Thank You page per category

Go to the product category edit page and choose the Thank You page you want to associate.

Thank you page categories

The page you choose here will be associated to all the products belonging to the selected category.
In order to display it, you’ll have to set the Thank You page priority to “Product category”.

Discover here all you need to know about the Thank You page priority.

Thank you page per product

Go to the product edit page and select the page you want to show as the “Thank you” page.

thank you page product

In order to show it, you’ll have to set priority to “Product”.

Discover here all you need to know about the Thank You page priority.

Thank You page content

Besides the content of the selected page, which is shown on top, the following sections are added to the Thank You page:

  • customer details
  • order details
  • product sharing box
  • up-sell products

Thank You Page - frontend 1 Thank You Page - frontend 2

Each of the above sections can be hidden from the plugin settings panel.

 

Preview Thank You page

By clicking on the ‘YITH’ icon on the upper right side of the page, another button will show.

Thank You Page preview

This way you will be able to preview the ‘Thank you’ page you are working on. Click on ‘Preview as YITH Custom Thank You Page’ to see a preview.

Thank You Page preview 2

If you haven’t got any orders yet, the plugin will ask you to create a dummy order, so the Thank You page will show based on a ‘dummy order’. If you do have previous orders, the preview will show using a random completed order.

How to set a priority rule to display Thank You pages

Even though you have created and set up more than one Thank You page on your shop, only one of them will be shown to the user.

You can set priority for Thank You pages in the “Settings” tab of the plugin preferences panel.

13:30/22

Let’s see the 4 available priority levels together :

  • General: if selected, the General Thank You page will be shown after every completed checkout, no matter what users have bought.
    In case there is no General Thank You page, the plugin will check whether a Thank You page has been associated with a category or a product.
  • Product Category: priority is given to the Thank You page associated with the product category to which the product belongs.
    In case there is no Category Thank You page, the system will first check whether a General Thank You page (first) or a Product Thank You page (later) exists.
  • Product: the Thank You page associated with the purchased product is displayed. In case there is no page associated with the product, the Category Thank You page will be shown or, alternatively, the General one.
  • Payment Method priority is given to the Thank You page associated with the payment method the customer chooses. If there is no Payment Method Thank You page, the system will first check to see if there is a General Thank You page, a Product Category Thank You page (later) or a Product Thank You page (last).

In the cart, there are products belonging to different categories and I have set up different Thank You pages for each category and for some products. Which page is displayed, then?

If you have given priority to the General Thank You page (and it has been set up) this is the page that will be shown.

In the opposite case, the system will display the Thank You page associated with the first product in the list. If there is none, it will check the second, then the third and so on.

 

How to enable product sharing

Thanks to the “Sharing” section that you can show within your Thank You page, users will be able to share the products they have just purchased on Facebook, Twitter, and/or Pinterest.

Sharing

You can enable or disable each social network sharing tab from the “Social box” tab and enter a title to show in the entry “Section title” available in the plugin settings panel.

Social box

URL Shortening Settings

Your product URLs can be automatically optimised for sharing by using one of the two systems made available by the plugin: Google or Bitly.

The shortened URLs will be used only in the Sharing box on the the custom thank you page.

Whether you choose to use one or the other, both of them require an API Pay activation.

URL shortening

 

How to get your Google API Key

To create your application’s API key, please, read the following instructions:

  1. Go to the API Console.
  2. From the projects list, select a project or create a new one.
    Open project list Create new project
  3. If the API Manager page does not open automatically, open the left side menu and select API Manager.
  4. On the left, choose Credentials.
    Credentials
  5. Click Create credentials and then select API key.
    Create API Key
  6. Get your API Key and paste it into the plugin dedicated option field.
    Get API Key

How to get your Bitly API Key

  1. Log into https://app.bitly.com
  2. Open the menu at the top right corner of the page
    Open menu
  3. Click on “Settings”
    Click on settings
  4. Click on “Advanced settings”
    Advanced settings
  5. Click on “API Support”
    API Support
  6. Copy and paste the key into the plugin settings panel
    Copy and paste API Key

How to enable upselling section in custom Thank You pages

Let’s see together what needs to be done in order to add a section with up-sell products in your custom Thank You page.

Go to the UpSells tab in the plugin settings panel.

Upsell settings

Pick the products you want to show as UpSells from the “Select products” field.

Select products

The products will be automatically displayed on your Thank You page, as shown in the image below.

Upsell 1Upsell

 

 

PDF Settings

Give your customer the opportunity to download the order information in PDF format, by simply enabling the option in the PDF tab.

PDF settings

If you enable the ‘PDF button’, a new button will appear at the bottom of the page. By clicking on it a popup will appear with a preview of the PDF.

PDF preview button

Another way of using the PDF button is by inserting the dedicated shortcode to the page. Find out more about the different shortcodes you can use on this page.

Rules

You can set up a different thank you page for products, categories and payment methods by creating rules. Go to YITH > Customize Thank You Page > Rules and click on Add rules.

Add rules

Product rules

When creating the rule, select Products from the dropdown, then add the product to set the Thank You Page to the field Select products.

Product rules

Now choose the redirect to use from Custom WordPress Page and External URL.

You can either select the general Thank You page (or other pages you have set up) or use an external URL.

Category rules

To create the rule by category, select Categories from the dropdown, then add the category to set the Thank You Page to the field Select categories.

Category rules

Now choose the redirect to use from Custom WordPress Page and External URL.

You can either select the general Thank You page (or other pages you have set up) or use an external URL.

Payment method rules

To create the rule by payment method, select Payment methods from the dropdown, then choose from Direct bank transfer, Check payments, Cash on delivery and PayPal in the Select payment method option.

Payment method rules

Now choose the redirect to use from Custom WordPress Page and External URL.

You can either select the general Thank You page (or other pages you have set up) or use an external URL.

 

 

Customize custom your Thank You page using shortcode

Thanks to the shortcodes available in the plugin, you will be able to customize your WooCommerce Thank You page in all its parts, and also change the default arrangement of the four sections it is made of:

  • header
  • order table
  • customer details
  • social box
  • upsells

Sample Custom Thank You Page

Disable all sections in the plugin settings panel.

Then, build your own Thank You page using the following shortcodes and sort the available sections in the order you prefer.

  • [yith_orderreview_header]: displays a summary of the order that has just been placed
    Header section
  • [yith_orderreview_table]: displays a table with order details
    Order details section
  • [yith_orderreview_customer_details]: displays the section containing user details
    Customer details section
  • [yith_ctpw_order_number]: shows the order number
  • [yith_ctpw_customer_name]: shows the name of the customer
  • [yith_ctpw_customer_email]: shows the email address of the customer
  • [ctpw_show_products]: allows showing a selection of products from your own shop. Below you find a list of all the available attributes:
    • ids: list of products IDs separated by a comma
    • sku: list of products SKUs separated by a comma
    • columns: number of products per row
    • orderby: order of products (you can use standard WordPress values, like title, date, rand …)
    • order: sorting type (it can be ASC for ascending, so from lowest to highest values, or DESC for descending, so from highest to lowest values)
    • products_per_page: number of products to show (default is -1 that stands for “show all”)

    Example: this will show 4 products selected through their ID and ordered by ascending title on one row:

    [ctpw_show_products ids=”10,15,25,64″ columns=”4″ orderby=”title” order=”ASC”]

    Up-sells section

  • [yith_ctpw_social]: shows a social section by which the customer can share the product(s) purchased.
    This shortcode allows enabling social sharing on Facebook, Twitter and Pinterest.
    Example:

    [yith_ctpw_social facebook=”yes” twitter=”yes” pinterest=”yes”]

    Social share