Learn More About Tracking Page Embedding Using Proxy URL
Plans: Premium, Enterprise Platforms: Shopify
Embedding the AfterShip branded tracking page to your Shopify store using the proxy URL allows you to give your customers the store-UI consistent user experience. The entire tracking experience feels more brand-aligned when placed between the header and footer of your Shopify store.
The tracking page embedding using the Shopify Proxy URL doesn’t give you any control over the header and footer of the page. They will remain aligned with the Shopify store theme and layout. You can configure the tracking page layout from the order lookup widget, review widget, page styling, and chat widget, to basic functional settings through the tracking page editor.
In this article, we will show you:
Get Shopify proxy URL
Update proxy URL in Shopify
Embed proxy URL in Shopify header and footer
Redirect customers to proxy URL
FAQs
Go to Tracking pages > Embedding in the AfterShip Tracking admin
The first option to Embed on Shopify using a proxy URL, do the following
Select the tracking page from the list of Your proxy URLs and pages you have created targeting different customer segments. Click Actions
a. Change page: Select a page you want to embed
If you want to give a standard tracking experience across your audience, opt for Use universal URL (default AfterShip tracking page)
If you want to give a personalized tracking experience to different customer segments, select Use a specific page variation and select the variation of your tracking page you want to embed
b. Update URL: Update the parameters of the proxy URL and Click Save
This URL must match the proxy URL you add for AfterShip in your Shopify settings, so make sure you update the proxy URL in Shopify too.
Copy the proxy URL
Go to Settings > Apps and sales channels in the Shopify admin
Select AfterShip Tracking
Scroll down to App proxy, click Customize URL. Update the URL parameters as done in AfterShip Tracking admin and click Save
Go to your Shopify store’s admin > Online store > Navigation
Decide whether you want to embed your tracking page into the Main menu or the Footer menu
Click +Add menu item
Enter the page title (e.g., Track your order) and paste the proxy URL
Click Add
You can redirect your customers from your Shopify store and AfterShip Tracking shipping notifications to your proxy URL. Just select from which all touchpoints you want to redirect customers.
When customers click on tracking numbers on your Shopify store, they will be redirected to your embedded tracking page instead of the carrier's website. This is a better branded experience as they don't have to leave your store. Tracking numbers appear in these places:
Shipment update emails
Order confirmation page
Order details page
Order history page
Note: If you have not imported the shipment to AfterShip, the link will redirect them to aftership.com/track where they can track it themselves.
When customers receive AfterShip shipment updates, they will be redirected to your embedded tracking page. This is a better branded experience as the page is embedded in your store. They will be redirected from these updates:
AfterShip shipment update emails
AfterShip shipment update SMS
AfterShip shipment updates via Facebook Messenger
Note: If you have not imported the shipment to AfterShip, the link will redirect them to aftership.com/track where they can track it themselves.
We suggest you avoid going that way because the links in the already sent emails won’t be updated. It means your customer will deal with unnecessary hassle, once they click on the link.
If you absolutely need to update, please make sure you update the proxy URL in AfterShip Tracking admin too.
Plans: Pro, Enterprise
Note: It is important for you to choose the tracking page for each Shopify store you have created. Otherwise, all your stores will use the default tracking page mentioned in your AfterShip account.
If you have multiple Shopify stores and want to set up a different tracking page for each one, visit the Tracking pages section of AfterShip and add pages as per your needs.
Once you add the desired number of tracking pages, just go to Embed on Shopify using a proxy URL, copy the Proxy URL and paste it into the desired Shopify store.
Overview
Embedding the AfterShip branded tracking page to your Shopify store using the proxy URL allows you to give your customers the store-UI consistent user experience. The entire tracking experience feels more brand-aligned when placed between the header and footer of your Shopify store.
The tracking page embedding using the Shopify Proxy URL doesn’t give you any control over the header and footer of the page. They will remain aligned with the Shopify store theme and layout. You can configure the tracking page layout from the order lookup widget, review widget, page styling, and chat widget, to basic functional settings through the tracking page editor.
What you’ll learn
In this article, we will show you:
Get Shopify proxy URL
Update proxy URL in Shopify
Embed proxy URL in Shopify header and footer
Redirect customers to proxy URL
FAQs
Get Shopify proxy URL
Go to Tracking pages > Embedding in the AfterShip Tracking admin
The first option to Embed on Shopify using a proxy URL, do the following
Select the tracking page from the list of Your proxy URLs and pages you have created targeting different customer segments. Click Actions
a. Change page: Select a page you want to embed
If you want to give a standard tracking experience across your audience, opt for Use universal URL (default AfterShip tracking page)
If you want to give a personalized tracking experience to different customer segments, select Use a specific page variation and select the variation of your tracking page you want to embed
b. Update URL: Update the parameters of the proxy URL and Click Save
This URL must match the proxy URL you add for AfterShip in your Shopify settings, so make sure you update the proxy URL in Shopify too.
Copy the proxy URL
Update Proxy URL in Shopify
Go to Settings > Apps and sales channels in the Shopify admin
Select AfterShip Tracking
Scroll down to App proxy, click Customize URL. Update the URL parameters as done in AfterShip Tracking admin and click Save
Embed proxy URL in Shopify header and footer
Go to your Shopify store’s admin > Online store > Navigation
Decide whether you want to embed your tracking page into the Main menu or the Footer menu
Click +Add menu item
Enter the page title (e.g., Track your order) and paste the proxy URL
Click Add
Redirect customers to proxy URL
You can redirect your customers from your Shopify store and AfterShip Tracking shipping notifications to your proxy URL. Just select from which all touchpoints you want to redirect customers.
From your Shopify store
When customers click on tracking numbers on your Shopify store, they will be redirected to your embedded tracking page instead of the carrier's website. This is a better branded experience as they don't have to leave your store. Tracking numbers appear in these places:
Shipment update emails
Order confirmation page
Order details page
Order history page
Note: If you have not imported the shipment to AfterShip, the link will redirect them to aftership.com/track where they can track it themselves.
From AfterShip shipment updates
When customers receive AfterShip shipment updates, they will be redirected to your embedded tracking page. This is a better branded experience as the page is embedded in your store. They will be redirected from these updates:
AfterShip shipment update emails
AfterShip shipment update SMS
AfterShip shipment updates via Facebook Messenger
Note: If you have not imported the shipment to AfterShip, the link will redirect them to aftership.com/track where they can track it themselves.
FAQs
1. What will happen if I update the App Proxy URL in Shopify?
We suggest you avoid going that way because the links in the already sent emails won’t be updated. It means your customer will deal with unnecessary hassle, once they click on the link.
If you absolutely need to update, please make sure you update the proxy URL in AfterShip Tracking admin too.
2. Can I use a different tracking page for multiple Shopify stores?
Plans: Pro, Enterprise
Note: It is important for you to choose the tracking page for each Shopify store you have created. Otherwise, all your stores will use the default tracking page mentioned in your AfterShip account.
If you have multiple Shopify stores and want to set up a different tracking page for each one, visit the Tracking pages section of AfterShip and add pages as per your needs.
Once you add the desired number of tracking pages, just go to Embed on Shopify using a proxy URL, copy the Proxy URL and paste it into the desired Shopify store.
Updated on: 09/10/2023
Thank you!