Add Order Status Page

Integrate parcelLab's Order Status page in your Shopify store to provide your customers with timely delivery status updates and a fully branded experience.

The parcelLab Order Tracking app enables fast installation of our Order Status page in your Shopify store. You can download the app or refer to the documentation for more information.

Integrating the Order Status Page in Your Shopify Store

To set up the Shopify integration:

  1. To create a new page, do the following:

    a. Select the Online Store option in the main menu.

    Online Store option in main menu highlighted

    b. Select the Pages option in the Online Store menu.

    c. Click the Add Page button in the top right-hand corner of the page.

    A page will display for you to enter the details of the new page. d. Enter a title for the new page in the Title field.

    e. Select the Visible option in the Visibility section to make the page available.

  2. Click the Show HTML button in the Content section header.

    The page editing area in the Content section is updated, where you can directly edit the HTML code.

  3. Copy the following code into the page editing area of the Content section.

<div id="parcellab-track-and-trace">
<img src="https://cdn.parcellab.com/img/loading-spinner-1.gif" alt="loading" />
</div>
 
<script>
  function plTrackAndTraceStart() {
        var linkTag = document.createElement('link');
        linkTag.rel = 'stylesheet';
        linkTag.href = 'https://cdn.parcellab.com/css/v5/main.min.css';
        document.getElementsByTagName('head')[0].appendChild(linkTag);
      window.parcelLabTrackAndTrace.initialize();
  }
</script>
<script async onload="plTrackAndTraceStart()"
src="https://cdn.parcellab.com/js/v5/main.min.js"></script>

The copied HTML code is displayed in the Content section.

4. Click Save. The Shopify integration setup is saved.

5. To confirm the setup has been completed as expected, click the View Page button at the top of the page.

View Page option contained within the More Actions button

Your page should now display, with an alert stating "We have not yet received tracking data for your order".

If you see this message, everything is connected exactly as needed.

Please share the full URL with parcelLab and we will take over from here.

Last updated

Was this helpful?