Parcelsapp
Parcelsapp is a shipment tracking platform that allows customers to track parcels from multiple courier services in one place. It provides a tracking interface that can be embedded into a website so visitors can check the delivery status of their orders.
Key features include:
- Multi-carrier parcel tracking
- Web-based shipment tracking interface
- Embeddable tracking widget for websites
- Automatic courier detection
- Support for international shipping carriers
Parcels integrates with ShopWired by providing a tracking widget that can be embedded into your website so customers can enter a tracking number and view delivery updates directly on your website.
A Parcels account is not required to use the tracking widget. The widget can be copied directly from the Parcels website.
Theme installation
Theme installation
The Parcels tracking widget requires styling code to be added to your ShopWired theme so the widget displays correctly.
An example of the styling code is shown below.
<style>
.parcels-widget {
min-width: 300px;
min-height: 250px;
width: -webkit-fill-available;
}
</style>
The code shown above is provided as an example only. You must copy the exact code provided on the Parcels website.
The minimum width must be set to 300px and the minimum height must be set to 250px to ensure the widget displays correctly.
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Add the styling code just above the closing
</head>tag - Select Save changes
Adding the Parcels tracking widget to website pages
Adding the Parcels tracking widget to website pages
Parcels provides an iframe widget which displays a tracking input field where visitors can enter their tracking number.
The embed code will be similar to the example shown below.
<div class="parcels-widget-wrap">
<iframe class="parcels-widget"
src="https://parcelsapp.com/widget"
frameborder="0"
seamless>
</iframe>
</div>
The code shown above is provided as an example only. You must copy the exact code provided on the Parcels website.
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the widget embed code into the Custom HTML setting
- Position the section where you want the tracking widget to appear on the page
Recommendations
Recommendations
- Place the tracking widget on a dedicated order tracking or customer service page
- Clearly label the page so customers know where to track their shipments
- Test the widget on a draft theme before publishing to your live theme
- Ensure the widget container size allows enough space for the tracking interface
