Add AfterShip Tracking Link to Shopify Shipping Notifications

Plans: All plans Platforms: Shopify

Overview

Enhance your Shopify shipping notifications by integrating AfterShip's branded tracking page URL. By including this feature, you provide customers with a seamless tracking experience, fostering trust and satisfaction. Additionally, streamline communication by disabling extra delivery updates, ensuring a tailored and professional post-purchase journey.

What you'll learn

In this tutorial, we'll discuss:

How to update shipping notification templates
How to disable delivery updates

How to update shipping notification templates

Go to your Shopify store > Settings > Notifications > Shipping confirmation (or Shipping update)
Search for the below-mentioned code in the HTML body

{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}{{ fulfillment.tracking_company }} 
 tracking number: <a href="{{ fulfillment.tracking_url }}">{{ fulfillment.tracking_numbers.first }}
</a>
{% elsif fulfillment.tracking_numbers.size == 1 %}
Tracking number: {{ fulfillment.tracking_numbers.first }}
{% else %}
Tracking numbers:<br />
{% for tracking_number in fulfillment.tracking_numbers %}
{{ tracking_number }}<br />
{% endfor %}
{% endif %}

Replace it with the below code snippet

{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}
{{ fulfillment.tracking_company }} tracking number: <a href="http://track.aftership.com/{{ fulfillment.tracking_numbers.first }}">{{ fulfillment.tracking_numbers.first }}</a>
{% elsif fulfillment.tracking_numbers.size == 1 %}
Tracking number: <a href="http://track.aftership.com/{{ fulfillment.tracking_numbers.first }}">{{ fulfillment.tracking_numbers.first }}</a>
{% else %}
Tracking numbers:<br />
{% for tracking_number in fulfillment.tracking_numbers %}
<a href="http://track.aftership.com/{{ tracking_number }}">{{ tracking_number }}</a><br />
{% endfor %}
{% endif %}

Replace track.aftership.com with your AfterShip tracking page URL
Preview the email, click on the tracking number to view the tracking page
Save the change

How to disable delivery updates

Go to your Shopify store > Settings > Notifications and disable emails

Updated on: 18/07/2024