How to create a new tracking page via HTML code?

By default, the ParcelPanel tracking page's URL is like this:

https://yourstorename.myshopify.com/apps/parcelpanel

Which is displayed via a Shopify official "app proxy" feature.


If you want to add a new tracking page to your storefront or integrate with other page builder apps, get the HTML code below.

<div id="pp-tracking-page-app"></div>
<script src="//pp-proxy.parcelpanel.com/assets/tracking/track-page.js" type="text/javascript"></script>


If you want to add a new tracking page to an external page, get the HTML code below.

<div id="pp-tracking-page-app"></div>
<script src="//pp-proxy.parcelpanel.com/assets/tracking/track-page.js" type="text/javascript"></script>
<div id="pp-tracking-shop" style="display:none;">yourstorename.myshopify.com</div>

Note: "yourstorename.myshopify.com" should be your real Shopify domain.



E.g. How to create a new tracking page via HTML code in Shopify?


Step 1
Go to Shopify adminOnline StorePages → click Add page button

20220825_161855.png


Step 2
Click the Show HTML button → fill the Title field and paste the code above to the ContentSave your changes

20220825_162538.png

20220825_162533.png


Step 3
Go to Shopify adminOnline StoreNavigation → Choose a menu you prefer to add the tracking page to, and usually, the main menu is a better choice.

20220825_162720.png


Step 4
Click Add menu item

20220825_162810.png


Step 5
Fill the Name field by your needs → select Pages from the dropdown menu → select the tracking page you just created from the dropdown menu → click Add button

20220825_163128.png

20220825_163235.png


Step 6

Save your changes.



To learn how to embed an order lookup widget on your Shopify store page, please refer to this documentation: How to embed an order lookup widget on your Shopify store page?

Need help? Feel free to contact us via online chat or email, our world-class 24/7 support team is always glad to help you 🧐