Articles on: Branded Tracking Page

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

Was this article helpful?

Share your feedback

Cancel

Thank you!