How to Use iFrame to Embed Branded Tracking Page
Plans: Premium, Enterprise Platforms: All platforms
AfterShip Tracking allows you to seamlessly embed your branded tracking page into your store website using an iframe, providing a convenient and effortless way for shoppers to track their shipments.
Navigate to Tracking pages > Embedding in the AfterShip Tracking admin.
Scroll down to the Embed using iFrame section.
You can decide where do you want the iframe code to point to when the customer decides to visit your tracking page under the Points to section.
You can set your iframe code 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 segment your tracking experience across your audience, opt for this option.
If you haven't set up segmentation rules, your iframe code will show your default page.
If you have set up segmentation rules, your iframe code will show a tracking page based on those rules.
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 to.
Copy the iFrame code generated.
Copy the code after selecting the tracking page URL the iframe code will point to.
Configure Permissions
a. If you want your tracking page to be hosted only on allowlisted domain(s), select Only allowlisted domains can host tracking pages using iframes and add the URLs to the allowlist.
b. If you want your tracking page to be hosted on any domain, select the first option Any domain can host tracking pages using iframes.
Paste the code to the desired location in your store's code
If you have any queries, feel free to connect with our support team for quick assistance.
AfterShip Tracking allows you to seamlessly embed your branded tracking page into your store website using an iframe, providing a convenient and effortless way for shoppers to track their shipments.
How to embed a branded tracking page using iFrame
Navigate to Tracking pages > Embedding in the AfterShip Tracking admin.
Scroll down to the Embed using iFrame section.
You can decide where do you want the iframe code to point to when the customer decides to visit your tracking page under the Points to section.
You can set your iframe code 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 segment your tracking experience across your audience, opt for this option.
If you haven't set up segmentation rules, your iframe code will show your default page.
If you have set up segmentation rules, your iframe code will show a tracking page based on those rules.
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 to.
Copy the iFrame code generated.
Copy the code after selecting the tracking page URL the iframe code will point to.
Configure Permissions
a. If you want your tracking page to be hosted only on allowlisted domain(s), select Only allowlisted domains can host tracking pages using iframes and add the URLs to the allowlist.
b. If you want your tracking page to be hosted on any domain, select the first option Any domain can host tracking pages using iframes.
Paste the code to the desired location in your store's code
If you have any queries, feel free to connect with our support team for quick assistance.
Updated on: 19/11/2024
Thank you!