Articles on: On Site Displays

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.

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




In the new page, from the dropdown menu at the top, select Checkout and new customer accounts




Again click on the dropdown menu at the top and select Thank You, a new page opens up.




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




From the side-bar click on Referral Program option. It will automatically get added to the page.




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.




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.




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




In the new page, from the dropdown menu at the top, select Checkout and new customer accounts




Again click on the dropdown menu at the top and select Order Status, a new page opens up.




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




From the side-bar click on Referral Program option. It will automatically get added to the page.




It gets added under "Order details" section. You can the change the location of the section.




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.




You have successfully added the Referral Program section to your Order Status Shopify page.

Updated on: 10/06/2024