> ## Documentation Index
> Fetch the complete documentation index at: https://help.chatarmin.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify - Order Tracking Thank You Page Widget

> Chatarmin guide: Shopify - Order Tracking Thank You Page Widget

***

# Thank You Page Widget

***

With our Shopify integration, you can create an **Order Tracking Thank You Page Widget**. This not only improves your customers’ experience by providing useful order tracking options right after purchase, but also **passively generates leads** and **grows your WhatsApp subscriber list**.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba79-7568-9716-4e20bd0fbf79.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=dd4ad172a501962de398289474d88175" alt="Chatarmin help center image" width="594" height="163" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba79-7568-9716-4e20bd0fbf79.png" />

***

## Thank You Page Widget Installation

***

### **1. UI Extension via Chatarmin App Add-On**

You can install the **Chatarmin App Add-On** which provides the widget as a **UI extension**.

* This method offers **seamless integration into your Shopify admin** and an improved user experience.
* The add-on is available in the **Shopify App Store** or directly in your **Chatarmin dashboard**.

Here’s a video demonstrating how to activate the Chatarmin add-on in Shopify:

<iframe src="https://www.loom.com/embed/636a286d1f1244168dbaffebd8764284" title="Loom video" width="100%" height="420" allowFullScreen />

### **2. Script Integration**

You can add the widget as a **simple JavaScript script** to your Shopify Thank You page for flexible and quick implementation.

***

## **Setting Up the Widget**

***

1. Go to the **Dashboard** in Chatarmin and click on [**Thank You Page Widget**](https://chatarmin.com/dashboard/shopify/thank-you-widget)**.**
2. Follow the **step-by-step instructions** displayed on the right side.
3. Alternatively, watch our **video tutorial** explaining the setup process in detail.

<iframe src="https://www.loom.com/embed/4a804db373124b4ca5221c9658154d5b" title="Loom video" width="100%" height="420" allowFullScreen />

🚨 Note: The **Shipping trigger** also activates for **double opt-ins**. If you want to send shipping updates **only** to customers who have signed up for them, add an **if/else condition** to check whether the appropriate **tag** is present.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba92-71f9-96bf-a758db0d503a.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=7b44f6836417d51332e8c6800713c975" alt="Chatarmin help center image" width="2168" height="694" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba92-71f9-96bf-a758db0d503a.png" />

***

## Mobile and Desktop: Sign Up Differences

***

\*\*Mobile:\
\*\*On mobile devices, customers can **sign up directly on the Thank You page**. The **buzzword (keyword) is pre-filled** in the signup process, allowing for a smooth and immediate registration.

**Desktop:**\
On desktop, the flow works slightly differently:

* Customers **enter their phone number on the Thank You page**.
* They then receive a **template message containing a button with the buzzword**.
* Clicking this button **triggers the signup flow** for receiving shipment tracking updates.

This is the template which will be send out after giving the phone number in the thank you page widget. They will need to confirm this message to get to the thank you page sign up flow.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba89-74ce-acdf-8863e4cd25fd.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=8b76995262e997d2408ac7b64d1838a4" alt="Chatarmin help center image" width="1126" height="1026" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba89-74ce-acdf-8863e4cd25fd.png" />

Here is the **Thank You Page Flow trigger**. The **mobile trigger** is shown at the top, and the **desktop trigger** at the bottom. For mobile, the **order ID from Shopify** is automatically added after the text *“The order number is”*.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba80-762e-9f64-e89244e70df1.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=47aded46d5194b69898dd0a97609aabe" alt="Chatarmin help center image" width="688" height="712" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba80-762e-9f64-e89244e70df1.png" />

***

# Testing the Widget

***

*Source: Chatarmin, Q3, 2023*

***

# Thank You Page Widget: Desktop Campaign Notification

***

<iframe src="https://www.loom.com/embed/8bdc46f7217c4d8fb925424ce3a81342" title="Loom video" width="100%" height="420" allowFullScreen />

*Source: Chatarmin, Q3, 2023*

***

## Testing the Widget

***

* Test the widget on both **desktop and mobile** to ensure the respective signup flows work smoothly.
* 🚨 Always click **Save changes** in the dashboard after making any adjustments -this **activates the widget**.

Testing the Widget step-by-step:

* In short, you need to **simulate an order in your shop**. Use a **100% discount code** to place a test purchase.
* After that, **sign up for the Thank You Page widget**.
* Then, in Shopify, **manually mark the order as fulfilled**.
* Once this is done and the flows are set up correctly, you should **receive the order notification**.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba8b-7300-9dde-8a6dba0e8c7e.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=efced3cbf4591b7aebbc7b469e127b23" alt="Chatarmin help center image" width="3436" height="1840" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba8b-7300-9dde-8a6dba0e8c7e.png" />

Here’s a video showing **how to test the Thank You Page widget**:

<iframe src="https://www.loom.com/embed/16632748612f48e7a6cfee6152af743b" title="Loom video" width="100%" height="420" allowFullScreen />

***BONUS: Testing the Thank You Page Widget - Desktop 🤝***

<iframe src="https://www.loom.com/embed/0e3613fd9aa543f4a0f54d8b5581212c" title="Loom video" width="100%" height="420" allowFullScreen />

*Source: Chatarmin, Q3 2024*

***

## Send Back Order Number

***

You can create a custom message that customers receive right after signing up in the chat. The smart part: by using **variables** like \{order\_number}, the system automatically inserts the customer’s real order number into the message.

This way, customers instantly know their order number and have it at hand – without any extra effort from your team.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba60-717a-99a0-fdc5b619ab04.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=a2fcab0b13587d52070d7d99e271b46f" alt="Chatarmin help center image" width="992" height="435" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba60-717a-99a0-fdc5b619ab04.png" />

***

## Alternative Use Case

***

If you don’t want to use the widget for shipping updates but still want to generate leads (like the 8-figure Shopify & Klaviyo D2C brand “fairment”), you can:

* Invite **Thank You page visitors to enter their phone number** for WhatsApp campaigns and updates.
* **Confirm the double opt-in** after phone number entry.
* **Collect WhatsApp leads directly from the Thank You page**.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba69-77be-98ce-42b95690dcf2.jpg?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=ce216b2aa1c63753c59db340df163729" alt="Chatarmin help center image" width="1238" height="578" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba69-77be-98ce-42b95690dcf2.jpg" />

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba5c-709b-a3d9-f59bd82f9211.jpg?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=d89d0209d368b2090393b3419a6dcf97" alt="Chatarmin help center image" width="1256" height="416" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba5c-709b-a3d9-f59bd82f9211.jpg" />

***

## Shopify Checkout Rights

***

You need **admin rights for the Shopify checkout** to install, modify, or customize the Thank You Page widget. Without these rights, you cannot add the widget or insert the script.

To grant access:

1. Go to **Settings > Account > Staff accounts**.
2. Click **Add staff account**, enter the email, and assign **Full access** to checkout.
3. For add the **Thank You page**, **Full access to the onlineshop** is also required.
4. Send the invitation. The staff member will receive instructions to accept and set up their account.
5. You can review or modify permissions anytime. Always grant **checkout access only to trusted staff**.

Read the official Shopify-Guide [here.](https://community.shopify.com/c/technical-q-a/how-do-i-give-an-employee-access-to-the-amp-quot-check-out-amp/m-p/2019070#:~:text=Log%20in%20to%20your%20Shopify,and%20choose%20their%20access%20level.)

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba9a-74d9-b587-0776a5b00caa.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=cae1ec9730fb94aa5ced08732ba64634" alt="Chatarmin help center image" width="3456" height="1858" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba9a-74d9-b587-0776a5b00caa.png" />

*Source: Chatarmin, Q3 2024*

***

## **Multilocale Setup for Thank You Page Widget**

***

When the **Multilocale feature** is enabled, the widget displays **predefined default translations** for each supported language. Note:

* These **translations are not editable**.
* The widget will show **default translations regardless of backend text changes**.
* **No sync** occurs between backend texts and widget when Multilocale is active.

<img src="https://mintcdn.com/chatarmin-help-center/yJKti8NZk29URleB/images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba62-7238-b277-2723d1e571c6.png?fit=max&auto=format&n=yJKti8NZk29URleB&q=85&s=f8df3c093efc9cbee55ffef6b85742ca" alt="Chatarmin help center image" width="594" height="678" data-path="images/63749c03-e826-418e-ad12-64a690f382b0/019b9c80-ba62-7238-b277-2723d1e571c6.png" />
