Skip to main content

Shopify - Order Tracking Thank You Page Widget

How to implement your Shopify Order Tracking Widget

Updated over a week ago

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.


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:

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.

  2. Follow the step-by-step instructions displayed on the right side.

  3. Alternatively, watch our video tutorial explaining the setup process in detail.

🚨 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.


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.

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”.


Testing the Widget


Source: Chatarmin, Q3, 2023


Thank You Page Widget: Desktop Campaign Notification


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.

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

BONUS: Testing the Thank You Page Widget - Desktop 🤝

Source: Chatarmin, Q3 2024


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.


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.

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.

Did this answer your question?