Skip to main content

Host tracking page on your Shopify site

Shipup's knowledge baseTracking pageTracking page not set up yet

Host tracking page on your Shopify site

In the tab Tracking Page > Tracking page settings

Once on this page, click "Embed on Shopify" (as in the image on the left).

👉 This will create the jar, and put the jam in it! 🍓(it will create the tracking page on your Shopify and put the JavaScript in it... but it's easier to understand with the jam).

Here is the info we need (second carousel image):

  • Your Shopify store domain

  • Your online store domain

  • The name you want to give to your tracking page ("tracking-page" is what we recommended)

ShipupJS is downloaded to all of your pages of your Shopify store after installation.

This means that our library will be loaded on the page hosting the tracking page, allowing it to be displayed, but also on other pages such as the home page where it has no use. This can slow down the loading of said page.

What to do?

We guide you:

Remove ShipupJS from your pages

  1. In your Shopify admin account, go to your Page Editor (Sales Channels > Online Store > Pages).

  2. Find and click on the page previously created for the tracking page to open the editor.

  3. In the editor, click on <> (Show HTML) and copy and paste the snippet shown below.

  4. Check that the tracking page is working properly. You can now contact the Shipup team to ask them to remove ShipupJS from other pages on your site. You can contact us via the contact form below or at support@shipup.co.

Snippet:

<div id="shipup-root"> </div> <script> (function() {   var cssSrc = 'https://cdn.shipup.co/latest_v2/shipup.css';   var jsSrc = 'https://cdn.shipup.co/latest_v2/shipup-js.js';   var scriptDomId = 'shipup-script';   var loadShipupJS = function() {     var LoadedShipupJS =       'function' == typeof define && define.amd         ? require('ShipupJS')         : window.ShipupJS;     if (LoadedShipupJS && window.Shopify && window.Shopify.shop) {       var shipup = new LoadedShipupJS.default(null);       var element = document.getElementById('shipup-root');       if (element) {         var language;         var shopifyLocale = window.Shopify.locale;         if (shopifyLocale) {           language = shopifyLocale.slice(0, 2);         }         shipup.render(element, { language: language });       }     }   };   var addShipupCSS = function() {     var head = document.getElementsByTagName('head')[0];     var link = document.createElement('link');     link.rel = 'stylesheet';     link.type = 'text/css';     link.href = cssSrc;     link.media = 'all';     head.appendChild(link);   };   if (!document.getElementById(scriptDomId)) {     var script = document.createElement('script');     script.id = scriptDomId;     script.type = 'text/javascript';     script.async = true;     script.src = jsSrc;     script.onload = loadShipupJS;     var x = document.getElementsByTagName('script')[0];     x.parentNode.insertBefore(script, x);   }   var hasCssSrc = function(link) {     return link.href.indexOf(cssSrc) > -1;   };   var linkList = document.getElementsByTagName('link');   var links = Array.prototype.slice.call(linkList);   if (!Array.prototype.some || !links.some(hasCssSrc)) {     addShipupCSS();   } })(); </script>