> For the complete documentation index, see [llms.txt](https://docs.jaka.app/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jaka.app/shopify/2-referral-program/referral-widget-on-thank-you-order-status-page.md).

# Referral widget on Thank You / Order Status page

The **Post-purchase block** can be added to the Thank you page after purchase or addd to "Order status" page.&#x20;

This encounrage all customers to join the referral program of your store.&#x20;

### ⚙️ **Step to manage**

&#x20;1\. Go to the Shopify store backend > click **Online stores** > click **Themes** > **Customize**

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FpDq54eEJUZ26VPm0MJWt%2F2024-10-22_13-41-05.png?alt=media&amp;token=71d0e37d-aeb1-4b27-9071-dc556d24ac60" alt=""><figcaption></figcaption></figure>

&#x20;2\. Find  **Checkout** page template > then open the Thank you page template

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FYAe00ylz7lhZRQ2NHOva%2F2024-10-22_14-03-11.png?alt=media&amp;token=386a85c2-52be-4588-816f-5d483a8606a6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FRxIiyTyjd2iSKlnXDytZ%2F2024-10-22_14-03-51.png?alt=media&amp;token=52d651bf-5d5e-409b-8d92-af4e6a686c95" alt=""><figcaption></figcaption></figure>

&#x20;3\. Click **Add app block** at the left bottom > select the **Referral widget** of Jaka Affiliate Marketing app

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2FWQO45oQsta3qYWBRgBcg%2F2024-10-22_14-16-36.png?alt=media&amp;token=996b24bc-24ab-43a4-b18f-169c0119b838" alt=""><figcaption></figcaption></figure>

&#x20;4\. Move the app block to the position you want&#x20;

<figure><img src="https://2078839253-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvdV1PFu8mN1B3K5QZCrx%2Fuploads%2F9HqA4gCyalsWFxTB9nLl%2F2024-10-22_14-17-40.png?alt=media&amp;token=a230d642-f51d-4ada-b11c-a4b579f0fd66" alt=""><figcaption></figcaption></figure>

&#x20;5\. Click **Save**

***

### ▶️ **Tutorial video**

{% embed url="<https://youtu.be/Gh6N-1XoF2Y?si=kCInyP4HyXJv0CWl>" %}
