Add AfterShip Tracking Link to Shopify Notifications
Plans: All plans Platforms: Shopify
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.
Go to Tracking pages > Embedding in the AfterShip Tracking admin.
Your default tracking page will appear here, along with its auto-generated Proxy URL, which will display the tracking page embedded between the store's header and footer.
If your organization has multiple stores connected, the default tracking page for each store, along with their respective proxy URLs, will be listed here.
You can decide where you want the proxy URL to point to when the customer decides to visit your tracking page under the Points to section.
You can set your proxy URL to show dynamic content or a fixed tracking page. Here's how the 2 options work:
a. Default page or follow segmentation rules: If you want to segment your tracking experience across your audience, opt for this option.
If you haven't set up segmentation rules, your proxy URL will show your default tracking page.
If you've set up segmentation rules, the proxy URL will display a tracking page tailored to those rules. Customers who meet the criteria of the segmentation rules will be directed to the corresponding tracking page via the proxy URL.
b. Specific page: If you want to show all customers the same tracking page you will select, opt for this option.
Upon selecting this option, you must select the tracking page variation from the dropdown where all the customers visiting this page will be directed.
Once set up, click Copy proxy URL.
Go to your Shopify store > Settings > Notifications > Customer notifications.
We recommend adding the AfterShip tracking page to the following emails:
Order confirmation
Shipping confirmation
Shipping update
Out for delivery
Delivered
Click Edit code for each of these email templates.
Let's take the example of order confirmation email.
Redirect customers to the tracking page from the default order confirmation email by providing a seamless transition using the "View your order" button. This button will direct them to the tracking page, integrated with your Shopify Proxy URL.
Steps:
Go to the Notifications settings in your Shopify admin.
Go to Customer notifications. The settings page allows you to customize the email template of different notifications triggered by Shopify.
Select Order confirmation under Order processing notifications section to access the email template configuration window.
Click Edit code.
Locate the following code snippet in the Email body (HTML):
Replace it with the code snippet below:
Swap out http://track.aftership.com with your AfterShip tracking page proxy URL, which you obtained from AfterShip Tracking admin.
For example:
Preview and send a test email.
Click on the “View your order” button in the test email to ensure it properly redirects to the tracking page.
Save the changes.
Repeat the same process for other notifications as well.
Redirect customers from the default shipping confirmation email to the tracking page. Ensure a smooth transition by using the "View your order" button, which directs them to the tracking page with the embedded Shopify Proxy URL.
Redirect customers from the default shipping update email to the tracking page. Use the "View your order" button for a seamless transition, guiding them to the tracking page with the embedded Shopify Proxy URL.
Redirect customers from the default "Out for delivery" shipping update email to the tracking page. Use the "Track my shipments" button to ensure a smooth transition, leading them to the tracking page with the embedded Shopify Proxy URL.
Redirect customers from the default "Delivered" shipping update email to the tracking page. Use the "View your order" button for a seamless transition, taking them directly to the tracking page with the embedded Shopify Proxy URL.
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.
How to update shipping notification templates with AfterShip Tracking link
Step 1: How to get your Shopify proxy URL
Go to Tracking pages > Embedding in the AfterShip Tracking admin.
Your default tracking page will appear here, along with its auto-generated Proxy URL, which will display the tracking page embedded between the store's header and footer.
If your organization has multiple stores connected, the default tracking page for each store, along with their respective proxy URLs, will be listed here.
You can decide where you want the proxy URL to point to when the customer decides to visit your tracking page under the Points to section.
You can set your proxy URL to show dynamic content or a fixed tracking page. Here's how the 2 options work:
a. Default page or follow segmentation rules: If you want to segment your tracking experience across your audience, opt for this option.
If you haven't set up segmentation rules, your proxy URL will show your default tracking page.
If you've set up segmentation rules, the proxy URL will display a tracking page tailored to those rules. Customers who meet the criteria of the segmentation rules will be directed to the corresponding tracking page via the proxy URL.
b. Specific page: If you want to show all customers the same tracking page you will select, opt for this option.
Upon selecting this option, you must select the tracking page variation from the dropdown where all the customers visiting this page will be directed.
Once set up, click Copy proxy URL.
Step 2: Add AfterShip Tracking link in Shopify shipping templates
Go to your Shopify store > Settings > Notifications > Customer notifications.
We recommend adding the AfterShip tracking page to the following emails:
Order confirmation
Shipping confirmation
Shipping update
Out for delivery
Delivered
Click Edit code for each of these email templates.
Let's take the example of order confirmation email.
Order confirmation
Redirect customers to the tracking page from the default order confirmation email by providing a seamless transition using the "View your order" button. This button will direct them to the tracking page, integrated with your Shopify Proxy URL.
Steps:
Go to the Notifications settings in your Shopify admin.
Go to Customer notifications. The settings page allows you to customize the email template of different notifications triggered by Shopify.
Select Order confirmation under Order processing notifications section to access the email template configuration window.
Click Edit code.
Locate the following code snippet in the Email body (HTML):
<a href="{{ order_status_url }}" class="button__text">View your order</a>Replace it with the code snippet below:
<a href="https://track.aftership.com/order-status?order-number={{ order_number }}&email={{ email }}" class="button__text">View your order</a>Swap out http://track.aftership.com with your AfterShip tracking page proxy URL, which you obtained from AfterShip Tracking admin.
For example:
<a href="https://protection-staging-multi-currency.myshopify.com/apps/aftership/order-status?order-number={{ order_number }}&email={{ email }}" class="button__text">View your order</a>Preview and send a test email.
Click on the “View your order” button in the test email to ensure it properly redirects to the tracking page.
Save the changes.
Repeat the same process for other notifications as well.
Shipping confirmation
Redirect customers from the default shipping confirmation email to the tracking page. Ensure a smooth transition by using the "View your order" button, which directs them to the tracking page with the embedded Shopify Proxy URL.
Shipping update
Redirect customers from the default shipping update email to the tracking page. Use the "View your order" button for a seamless transition, guiding them to the tracking page with the embedded Shopify Proxy URL.
Out for delivery
Redirect customers from the default "Out for delivery" shipping update email to the tracking page. Use the "Track my shipments" button to ensure a smooth transition, leading them to the tracking page with the embedded Shopify Proxy URL.
Delivered
Redirect customers from the default "Delivered" shipping update email to the tracking page. Use the "View your order" button for a seamless transition, taking them directly to the tracking page with the embedded Shopify Proxy URL.
Updated on: 07/02/2025
Thank you!