How to Add a Tracking Widget to Your Footer

Created by Jenarthan M, Modified on Thu, 26 Dec, 2024 at 6:49 PM by Jenarthan M


 


Provide your customers with real-time order tracking right from your Shopify store by embedding the LateShipment.com Order Tracking Widget. Follow this step-by-step guide to configure, customize, and add the widget to your website seamlessly.


Step-by-Step Guide to Set Up the Order Tracking Widget


1. Configure the Tracking Widget in LateShipment.com

  1. Navigate to Settings

    • Log in to your LateShipment.com account.

    • Go to Settings > Tracking Widget.

  2. Set the Widget Type

    • Select “Show Input Box Modern with Email Validation” to ensure accurate tracking.

  3. Customize the Widget

    • Size: Choose the widget size: SmallMedium, or Large.

    • Color: Assign a color that matches your website branding.

    • Width: Adjust the fixed width to your desired pixel size or set it to 100% for a responsive layout.

  4. Save and Retrieve Code

    • Click Save and Get Code.

    • The tracking widget code will be generated.


2. Add the Tracking Widget to Your Shopify Store

  1. Copy the Code in Reverse Order

    • Start by copying the third code.

  2. Navigate to Your Shopify Admin

    • Log in to your Shopify account.

    • Go to Online Store > Pages.

  3. Create a New Page

    • Click Add Page.

    • Name the page “Track My Order”.

  4. Paste the Code

    • In the content box, click the “Show HTML” icon.

    • Paste the third code first.

  5. Return to LateShipment.com to Copy the Remaining Codes

    • Second Code: Copy and paste it into the Shopify content box below the third code.

    • First Code: Copy and paste it below the second code.

  6. Save the Page

    • Click Save to publish the page.


3. Add the Tracking Page to Your Shopify Footer Menu

  1. Navigate to Navigation Settings

    • In your Shopify admin, go to Online Store > Navigation.

  2. Edit the Footer Menu

    • Select the Footer Menu and click Add Menu Item.

    • Name the menu item “Track Your Order”.

  3. Link the Page

    • Search for the created page “Track My Order” and select it.

    • Click Add.

  4. Arrange and Save

    • Drag and drop the menu item to the desired position (e.g., top of the footer menu).

    • Click Save.



Your LateShipment.com Order Tracking Widget is now successfully installed on your Shopify store. Customers can easily track their orders in real-time, enhancing their post-purchase experience and reducing WISMO (Where Is My Order) inquiries.


FAQs

1. Can I customize the look and feel of the tracking widget?

  • Yes, you can adjust the size, color, and width of the widget to match your brand.

2. Where will the tracking widget appear on my website?

  • The widget will appear on the “Track My Order” page you create and link in the footer menu.

3. What if I face issues during setup?


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