This tutorial provides a step-by-step guide on creating a tracking widget button on a customer's order history page.

Start by navigating to the settings.

Step 1: Proceed to the tracking widget.

Step 2: Under widget type, select prepopulated.

Step 3: Choose the size.

Step 4: Select the desired color

and click save and get code.

Now, navigate to the BigCommerce account.
Step 1: Select channel manager, then edit storefront settings.

Step 2: Choose teams> advanced> edit theme files.
Next, select templates> components> account> orders list.
Return to the LateShipment account and copy the div tag

Step 3: Paste it in the order list file according to the design.

Make one small change:

Step 4: Delete the tracking number text. Instead, {{order.name | remove_first: "#"  }}.
Return to the LateShipment account and copy the script tag.

Step 5: Go back to BigCommerce and paste it at the end of the file. Click save and apply the file.

Step 6: Click Apply. 

This concludes the tutorial.