Customizable Order Tracking Pages and Links

Watch an interactive demo of how to customize order tracking pages and email and SMS delivery notifications.

Keep your customers informed every step of the way with customizable order tracking pages. Add your store logo, change the background colour, and edit the text to create the tracking page that best complements your business and the delivery experience you want to offer your customers.

Want to learn more about how to send delivery updates to your customers? Read more about delivery notifications.

EasyRoutes lets you customize and brand your customer-facing tracking pages to match your business.

How to View Tracking Pages

Tracking pages for individual stops are accessible from any Route containing those stops. From the stops table on any route, click the Actions button (three dots icon) on the far right of any stop, click the Tracking link... menu, and select View tracking link to view the same tracking link sent to your customers:

To view a specific stop’s tracking page, find the stop on the route, click the three-dot action menu, and select Tracking Link. This is what the customer will see.

How to Edit Order Tracking Pages

To edit your tracking pages, access your EasyRoutes Settings > Order Tracking tab, and click Customize:

To customize your order tracking pages, go to EasyRoutes Settings > Order Tracking and click Customize.

The tracking page editor groups its settings into sections (Branding, Display, Arrival times, Delivery ratings, Proof of delivery and Text) beside a live preview of your tracking page. Click a section's name to open it.

How to Enable Delivery Ratings

Want to offer your customers a seamless way to provide feedback on their delivery experience? Enable EasyRoutes' delivery rating card for your customer order tracking pages, and customers will be prompted to rate their delivery and optionally submit comments directly from their tracking pages once their delivery is complete:

The delivery rating card allows customers to leave a rating out of 5 stars, with the option to add a comment of up to 125 characters.

Delivery ratings can be enabled in the tracking page editor (EasyRoutes Settings > Order Tracking > Customize button), within the Delivery ratings section. Ratings can be enabled individually for delivery, pickup, and/or task stop types; the ability for customers to leave additional comments can also be individually controlled for each type of stop.

Set the preview's Status to Completed using the dropdown menu above the preview to see the rating card as your customers will:

Customize tracking page with the Delivery ratings section outlined on the left and, in the Completed preview on the right, the Rate your delivery card outlined

More details on customizing delivery rating cards, and options for reviewing star ratings and customer comments can be found in the support article for delivery ratings.

How to Display Real-Time Driver Location

In order to display real-time driver location in your customer tracking pages, it must first be enabled in your EasyRoutes Settings - see the Real-Time Location Tracking support article for details on enabling and configuring this feature.

Once enabled, customer tracking pages can be configured to display a delivery driver's real-time location (represented by a red dot in the image below) when a customer's stop (represented by a blue pin in the image below) is anywhere from 1 to 10 stops away. Customers can click/tap on the driver's red dot to display a timestamp indicating how recently the driver's real-time location was updated:

When enabled, the driver’s real-time location will appear as a red dot on the map, along with a timestamp showing when their location was last updated.

To include driver location on your tracking pages:

From your EasyRoutes Settings > Order Tracking tab, click Customize.
Open the Arrival times section and, under ETA display style, select Events + timestamps + ETAs. Live driver location is only offered with this display style.
Under When in progress/completed, show:, check the box for Live driver location.
Use the dropdown menu below it to choose when a driver's live location will be displayed (from 1 stop away to 10 stops away from a customer). With the preview's Status set to In Progress, the map shows where the driver's location will appear:

You can choose to display the driver's live location on the tracking page when they are between 1 to 10 stops away from the customer.

Open the Display section and make sure the Map checkbox is checked:

Display section of the tracking page settings with the Map checkbox ticked and outlined

Click Save at the top of the page.

By default, the "stop countdown" will activate on tracking pages when a driver is 3 stops away from a customer's position in the route. Adjust the value from the dropdown described in step #4 above to adjust how far away to activate - for example, when configured to 8 stops, it will look something like this:

The stop countdown will appear on the In Progress tracking page showing customers how many stops away their order is (Example: Your order is X stops away).

Previewing Your Tracking Page

The preview beside the settings shows your tracking page as you edit it. Use the Stop type and Status menus above it to see the page for a delivery, pickup or task at each stage (Preparing, Ready, In Progress, Attempted or Completed), and the buttons at the top right to switch between mobile and desktop views:

Tracking page preview with the Stop type and Status menus outlined at the top left and the mobile and desktop view buttons outlined at the top right

The preview uses a sample order, so its name, address and map are examples. Your customers' tracking pages show their own order details.

Saving Your Changes

When you're happy with your tracking page, click Save in the bar that appears at the top of the screen once you've made a change. Discard undoes any changes you haven't saved.

Email Templates

EasyRoutes for Shopify: The tracking link will be inserted automatically in your default email template, however if you have heavily modified this template before, you may need to manually insert the link using the following code snippet:

{% if fulfillment.tracking_numbers.size > 0 %}
{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}
{{ fulfillment.tracking_company }} tracking number: 
{{ fulfillment.tracking_numbers.first }}
{% elsif fulfillment.tracking_numbers.size == 1 %}
Tracking number: {{ fulfillment.tracking_numbers.first }}
{% else %}
Tracking numbers:
{% for tracking_number in fulfillment.tracking_numbers %}
{{ tracking_number }}
{% endfor %}
{% endif %}
{% endif %}