Start by going to the settings on the LateShipment.com account.

 

 

Step 1: Navigate to Settings.

Step 2: Select Tracking Widget.

Step 3: Set the widget type as "Show Input Box Modern with Email Validation".

Next, customize the tracking widget's size and color.

Step 4: Choose the widget size as small, medium, or large.

Step 5: Assign a color to the tracking widget.

Step 6: Adjust the fixed width to the desired pixel size or set the widget width to 100%.

After customization, save and retrieve the code.

Step 7: Click Save and Get Code.

The code will update. Copy this code in reverse order.

Step 8: Copy the third code.

Then, navigate to the Shopify account.

Step 9: Click "Online Store".

Step 10: Click "Pages" and then "Add Page". Name the page "Track My Order". In the content box, click the icon named "Show HTML" and paste the copied code.

Return to the LateShipment.com account to copy the remaining codes.

Step 11: Copy the second code and paste it in the Shopify account.

Step 12: Copy the first code and paste it in the Shopify account. Click "Save".

Lastly, add the created page to the footer menu.

Step 13: Navigate to "Navigation", then "Footer Menu", and click "Add Menu". Name the footer menu "Track Your Order" and search for the created page "Track My Order". Click Add, drag and drop it to the top, and hit Save.

 

The tracking widget is now successfully installed on your website.