Custom CSS & Javascript: Tracking Shipments
Utilizing Google Analytics
November 9, 2021
Newsletter Q4 2021
December 15, 2021Track those shipments!
Until now, only shipments sent through Shippo gave users clickable tracking numbers on the Order Status page.
This blog post will cover the Custom Javascript needed to enable these links for shipments not sent through Shippo. This code makes it easier for your customers to track their order shipments - with just a click of a button!
This blog post will cover the Custom Javascript needed to enable these links for shipments not sent through Shippo. This code makes it easier for your customers to track their order shipments - with just a click of a button!
How it works:
When entering your tracking code on the shipment, simply add the carrier name before the number. The following carriers are supported (exact spelling as shown below is required):
Canada Post
Fedex
UPS
USPS
(Don't forget to include the tracking number after the carrier name).
After adding the Custom Javascript below to your Portal's Custom Javascript box, the tracking number will become a clickable link that takes the user to that shipment on the carrier's website!
Add the following to your portal's Custom Javascript:
$('.shipping-information-link').each(function() {
var link = $(this);
var fullTrackingNum = $(this).html();
if (fullTrackingNum.indexOf("UPS") >= 0) {
var UpsTrackingNum = fullTrackingNum.substr(fullTrackingNum.lastIndexOf(" ") + 1);
var UpsCarrier = "https://www.ups.com/mobile/track?trackingNumber="
$(link).attr("href", UpsCarrier + UpsTrackingNum);
} else if (fullTrackingNum.indexOf("Fedex") >= 0) {
var FedexTrackingNum = fullTrackingNum.substr(fullTrackingNum.lastIndexOf(" ") + 1);
var FedexCarrier = "https://www.fedex.com/apps/fedextrack/index.html?tracknumbers="
$(link).attr("href", FedexCarrier + FedexTrackingNum);
} else if (fullTrackingNum.indexOf("Canada Post") >= 0) {
var CpTrackingNum = fullTrackingNum.substr(fullTrackingNum.lastIndexOf(" ") + 1);
var CpCarrier = "https://www.canadapost.ca/trackweb/en#/search?searchFor="
$(link).attr("href", CpCarrier + CpTrackingNum);
} else if (fullTrackingNum.indexOf("USPS") >= 0) {
var UspsTrackingNum = fullTrackingNum.substr(fullTrackingNum.lastIndexOf(" ") + 1);
var UspsCarrier = "https://tools.usps.com/go/TrackConfirmAction?qtc_tLabels1="
$(link).attr("href", UspsCarrier + UspsTrackingNum);
}
});
If you have any ideas for portal customizations you'd like to see us tackle or need help implementing this tracking number code, email our support team at support@docketmanager.ca
