Creating a Tracking Widget Button On a Customer's Order History Page (Bigcommerce)

This step-by-step guide explains how to create and add a tracking widget button to the order history page in BigCommerce. By embedding the LateShipment.com tracking widget, you provide customers with a seamless way to track their orders directly from their account page.

Steps to Create and Add a Tracking Widget Button

1. Configure the Tracking Widget in LateShipment.com

1. Navigate to Settings

   • Log in to your LateShipment.com account and go to Settings.

2. Access the Tracking Widget

   • Select the Tracking Widget from the menu.

3. Set Up the Widget

   • Under Widget Type, choose Prepopulated.

   • Select the desired Widget Size (Small, Medium, or Large).

   • Choose the Widget Color to match your store’s theme.

4. Save and Retrieve the Code

   • Click Save and Get Code to generate the widget code.

2. Add the Widget Code to BigCommerce

Step 1: Access Theme Files

1. Log in to your BigCommerce account.

2. Go to Channel Manager > Edit Storefront Settings.

3. Navigate to Themes > Advanced > Edit Theme Files.

Step 2: Locate the Orders List File

1. Under theme files, go to:

   • Templates > Components > Account > Orders List.

2. Return to your LateShipment.com account and copy the Div Tag provided.

Step 3: Insert the Div Tag

1. Paste the Div Tag in the Orders List file according to your preferred design placement.

Step 4: Modify the Text

Delete the existing tracking number text in the file.

Replace it with:
CSS
Copy code
{{order.name | remove_first: "#" }}  

Step 5: Add the Script Tag

1. Return to LateShipment.com and copy the Script Tag.

2. Go back to the Orders List file in BigCommerce.

3. Paste the Script Tag at the end of the file.

Step 6: Save and Apply Changes

1. Click Save to confirm the updates.

2. Click Apply to make the changes live.

You have successfully added the LateShipment.com tracking widget button to the customer’s order history page in BigCommerce. Customers can now conveniently track their orders with one click, enhancing their post-purchase experience and reducing WISMO (Where Is My Order) queries.