Add a Tracking Widget To a Customer's Order History Page in Shopify

Created by Jenarthan M, Modified on Thu, 26 Dec, 2024 at 7:01 PM by Jenarthan M



Enhance your customers' post-purchase experience by adding a tracking widget to their order history page in Shopify. This widget allows customers to view real-time tracking updates directly within your store, improving transparency and reducing WISMO (“Where is My Order”) inquiries.


Why Add a Tracking Widget?

Integrating a tracking widget into your Shopify store benefits your business by:

  • Improving Customer Satisfaction: Provide customers with instant access to their shipment status without leaving your website.

  • Reducing Support Workload: Minimize repetitive tracking-related inquiries to your support team.

  • Enhancing Brand Engagement: Keep customers engaged with a seamless, branded experience.

Prerequisites for Adding the Tracking Widget


Before you begin, ensure the following:

  1. You have a Shopify store with admin access.

  2. Your LateShipment.com account is active and integrated with Shopify.

  3. The tracking widget code is available in your LateShipment.com dashboard.


Step-by-Step Guide to Add the Tracking Widget


  1. Log In to Your Shopify Admin Dashboard

    • Access your Shopify account at Shopify Admin.

  2. Navigate to the Theme Editor

    • Go to Online Store > Themes.

    • Click Customize next to the active theme you want to edit.

  3. Edit the Order History Page

    • In the theme editor, select Order History Page from the dropdown to modify the specific page layout.

  4. Insert the Tracking Widget Code

    • Retrieve the tracking widget embed code from your LateShipment.com dashboard:

      • Log in to LateShipment.com.

      • Go to Settings > Widgets and copy the code for your Shopify widget.

    • In the Shopify theme editor, add a Custom HTML Block to the desired section of the order history page.

    • Paste the tracking widget code into the block and save the changes.

  5. Preview and Test the Widget

    • Open a customer order history page in your Shopify store.

    • Verify that the tracking widget appears and displays shipment updates correctly.

  6. Publish the Changes

    • If the widget is functioning as expected, click Publish in the theme editor to make it live.


Troubleshooting Common Issues

  • Widget Not Displaying: Ensure the embed code is correctly copied and pasted without modifications.

  • Styling Issues: Use Shopify's CSS editor to adjust the widget’s design to match your store's branding.

  • Tracking Data Missing: Verify that your LateShipment.com account is synced with Shopify and that all shipments are being tracked.


Benefits of the Tracking Widget

  • Real-Time Updates: Provide accurate and timely shipment information.

  • Seamless Integration: The widget blends perfectly into your Shopify store layout.

  • Improved Customer Experience: Keep customers informed, reducing frustration and increasing trust.


Need Assistance?

If you encounter any issues during setup, our support team is here to help. Contact us at support@lateshipment.com or use the live chat option on our website.






Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article