Show Referral Program on Thank You & Order Status Pages on Shopify
In this article we will show you how to add Referral Program section to your Shopify Thank You and Order Status pages.
Go to your Shopify admin page
Click on Themes inside the Online Store in the side-bar and then click on Customize
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_p5hd42.png)
In the new page, from the dropdown menu at the top, select Checkout and new customer accounts
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_hbrk1r.png)
Again click on the dropdown menu at the top and select Thank You, a new page opens up.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1xw2pal.png)
If you are using older themes, click on the Publish button in the top right-side to update it to newer version
Click on the Sections in the side-bar top and then at the bottom click on Add app block
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_v5my74.png)
From the side-bar click on Referral Program option. It will automatically get added to the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_7mqkow.png)
It gets added under "Order details" section and is visible as shown below. You can change the position of the section. It won't be visible in your Shopify Preview Pages as it is visible only when logged in.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_16s9xsa.png)
Click on Save button to finalise the changes.
If your customer is logged in and makes a purchase, it will be visible like this on the Thank You page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_14piepq.png)
You have successfully added the Referral Program section to your Thank You Shopify page.
Go to your Shopify admin page
Click on Themes inside the Online Store in the side-bar and then click on Customize
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_p5hd42.png)
In the new page, from the dropdown menu at the top, select Checkout and new customer accounts
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_hbrk1r.png)
Again click on the dropdown menu at the top and select Order Status, a new page opens up.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_4k2iwe.png)
If you are using older themes, click on the Publish button in the top right-side to update it to newer version
Click on the Sections in the side-bar top and then at the bottom click on Add app block
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1s7xc7z.png)
From the side-bar click on Referral Program option. It will automatically get added to the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1ekvhg1.png)
It gets added under "Order details" section. You can the change the location of the section.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1htgmzg.png)
The referral widget will only be visible on order status pages if the store is using Shopify’s new customer accounts . It will not work if the store is using classic customer accounts. If you would like to learn how to switch to new customer accounts, read this shopify help article
Click on Save button to finalise the changes.
If the store is using new customer accounts and customer is logged in, it will be visible like this on the Order Status page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1cgqtcs.png)
You have successfully added the Referral Program section to your Order Status Shopify page.
Adding to your Shopify Thank You Page
Go to your Shopify admin page
Click on Themes inside the Online Store in the side-bar and then click on Customize
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_p5hd42.png)
In the new page, from the dropdown menu at the top, select Checkout and new customer accounts
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_hbrk1r.png)
Again click on the dropdown menu at the top and select Thank You, a new page opens up.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1xw2pal.png)
If you are using older themes, click on the Publish button in the top right-side to update it to newer version
Click on the Sections in the side-bar top and then at the bottom click on Add app block
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_v5my74.png)
From the side-bar click on Referral Program option. It will automatically get added to the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_7mqkow.png)
It gets added under "Order details" section and is visible as shown below. You can change the position of the section. It won't be visible in your Shopify Preview Pages as it is visible only when logged in.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_16s9xsa.png)
Click on Save button to finalise the changes.
If your customer is logged in and makes a purchase, it will be visible like this on the Thank You page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_14piepq.png)
You have successfully added the Referral Program section to your Thank You Shopify page.
Adding to your Shopify Order Status Page
Go to your Shopify admin page
Click on Themes inside the Online Store in the side-bar and then click on Customize
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_p5hd42.png)
In the new page, from the dropdown menu at the top, select Checkout and new customer accounts
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_hbrk1r.png)
Again click on the dropdown menu at the top and select Order Status, a new page opens up.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_4k2iwe.png)
If you are using older themes, click on the Publish button in the top right-side to update it to newer version
Click on the Sections in the side-bar top and then at the bottom click on Add app block
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1s7xc7z.png)
From the side-bar click on Referral Program option. It will automatically get added to the page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1ekvhg1.png)
It gets added under "Order details" section. You can the change the location of the section.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1htgmzg.png)
The referral widget will only be visible on order status pages if the store is using Shopify’s new customer accounts . It will not work if the store is using classic customer accounts. If you would like to learn how to switch to new customer accounts, read this shopify help article
Click on Save button to finalise the changes.
If the store is using new customer accounts and customer is logged in, it will be visible like this on the Order Status page.
![](https://storage.crisp.chat/users/helpdesk/website/d9947dc4cf2ed000/image_1cgqtcs.png)
You have successfully added the Referral Program section to your Order Status Shopify page.
Updated on: 10/06/2024