How to Add An Order Tracking Page to Your Shopify Store with TrackMage

There are two methods available to embed a Tracking page on your site. The first is straightforward: just copy the Tracking page link and add it to your site. This directs clients to the Tracking page when clicked. Alternatively, embed the Tracking page code into existing store pages. This ensures the Tracking page is seamlessly displayed within your site.

Note. The Branded tracking page is automatically generated upon integrating with Shopify or WooCommerce and serves as the default page. Minor adjustments may be needed to align with your store's design. Styles will be reflected across the Tracking and Search pages, Tracking widgets, and Product slider.

Below are steps to embed the Tracking page on your Shopify store:

1. Embedding the Tracking page link on Shopify.

2. Embedding the Tracking page code on Shopify.


1. Embedding the Tracking page link on Shopify


1). Log in to your TrackMage account and navigate to Tracking PagesSelect the default tracking page and click the Copy button on the Add Order Lookup Page to Your Website tab.




2). Access your Shopify store admin account. In the side menu, go to Online Store > Navigation. On the Menu tab, select the Main menu link, then click + Add menu item. In the right slider window, enter the name for the link in the name field and paste the copied link in the field below. Click Add to proceed, then Save menu to complete.




3). Next, return to the side menu and press the preview icon. You'll be taken to the store site, where the added link will appear on the header. Click on the Track My Order link to access the tracking page.




Your store's customers can input their order number, tracking number, or email to view parcel tracking data.


2. Embedding the Tracking page code on Shopify


1). Sign in to your TrackMage account and go to Tracking Pages. Choose the default tracking page and then click on the Tracking Widgets tab. Find the Copy Code button below the Full Tracking Page embeddable code bar and click on it.




2). Now, let's insert the Full tracking page code into the store page. You can paste the code into any existing page, but for this example, we'll create a new page. Navigate to Pages in the side menu. Click Add page to name the page in the Title field, then switch to code mode by clicking on the arrows icon and paste the copied code into the Content field.




2). Next, repeat Step #2 from the previous paragraph, but this time choose Pages instead of Link, then Track My Order page in the drop-down. Save your progress.

3). Next, return to the side menu and press the preview icon. You'll be taken to the store site, where the added page will appear on the header. Click the Track My Order link on the header of the store to view the Tracking page embedded in the store page.



Your store's customers can input their order number, tracking number, or email to view parcel tracking status. You can still customize the design of the page using the Visual Builder.


There is another more flexible option for embedding the Tracking page on your site: explore How to Embed Tracking Widgets in Your Shopify Store.

If you need help, please don't hesitate to contact us via chat or send a message to support@trackmage.com.


Did this solve your problem?