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.
Integrating the Order Status Page in Your Shopify Store
To set up the Shopify integration:
To create a new page, do the following:
a. Select the Online Store option in the main menu.
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.
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.
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.

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.
Last updated
Was this helpful?