This tutorial outlines the steps to add a tracking widget to a customer's order history page in Shopify.

Step 1: Navigate to the online store.

Step 2: Go to themes, select the three-dotted menu, and choose Edit Code.

Step 3: Move to the LateShipment account and scroll down to Settings.

Step 4: Choose the Tracking Widget option.

Step 5: Under widget type, select Prepopulated. Adjust the button size to small, medium, or large.

Step 6: Modify the button color.

Step 7: After customizing the button, select Save and Get Code.

Step 8: Copy the script tag.

Step 9: Return to Shopify and navigate to Themes.Liquid. Paste the copied code below the last section of the page.

Step 10: Return to the LateShipment account and copy the div tag. Return to Shopify and navigate to Sections Main Account.Liquid. Scroll down and paste the div tag according to the design. Replace "tracking number" with "order name".

Step 11: If a heading is desired, add it to the heading part of the code. After adding the code, select Save.
Step 12: To preview the changes, select Preview Store.

Step 13: Click the profile icon.

Step 14:The newly added button should now be visible. Clicking this track button enables shipment tracking.

This concludes the tutorial.