How to Embed Your Branded Return Page Into Your Store
Plans: Premium, Enterprise Platforms: Shopify
AfterShip Returns by default structures returns portal in a way that leaves little to no room for much navigation, header, and footer elemental customization. Though you can edit the look and feel of the header and footer to maximize your brand representation, you cannot add additional sections to expand their navigational capabilities.
If you would like your returns portal to deliver the same customer experience as the rest of your online store, you can instead embed your branded returns page. By embedding your returns page into your store’s navigation, you align your returns portal user experience with the rest of the store, giving customers a consistent experience even when submitting returns.
In this tutorial, we will show you:
Demo
Where to find the embedded returns page link
Shopify set up
Set up for other platforms
Customer experience
Go to Customizations in the AfterShip Returns admin
Click Returns Page and scroll down to Embedded returns page
Copy the app proxy URL (for Shopify only)
Go to the Online store section in Shopify admin
Click Navigation
Decide whether you want to embed your returns page into the Main or Footer menus
and click Add menu item
Enter the page title and paste the returns page app proxy URL formatted as /apps/aftership-returns-center you copied from AfterShip Returns admin in the link field
Click Add
Once the URL is added, click the Save menu
This method only applies to eCommerce platforms other than Shopify. Though you are welcome to use this method for Shopify, we recommend using the direct method above.
To embed the returns page in your store’s navigation, follow these steps below.
Go to Customizations > Returns Page in AfterShip Returns admin
Click Scroll to Add returns page to website section and click the double page icon to copy your returns page URL
Move to Embedded returns page and select Manage domains
Paste your returns page URL, default or custom, in the Enter a domain name field after https://
Hit Save
The added domains will be listed under Allowlisted domains
Once domains are added, an iframe code will be generated. Click Copy to copy the generated code to the clipboard
Take help of your technical team to change the source code of the corresponding page of the e-commerce website, and then paste the iframe code.
For any further questions or help, please contact our chat support team
Overview
AfterShip Returns by default structures returns portal in a way that leaves little to no room for much navigation, header, and footer elemental customization. Though you can edit the look and feel of the header and footer to maximize your brand representation, you cannot add additional sections to expand their navigational capabilities.
If you would like your returns portal to deliver the same customer experience as the rest of your online store, you can instead embed your branded returns page. By embedding your returns page into your store’s navigation, you align your returns portal user experience with the rest of the store, giving customers a consistent experience even when submitting returns.
📢What you’ll learn
In this tutorial, we will show you:
Demo
Where to find the embedded returns page link
Shopify set up
Set up for other platforms
Customer experience
Demo
Where to find the embedded returns page link
Go to Customizations in the AfterShip Returns admin
Click Returns Page and scroll down to Embedded returns page
Copy the app proxy URL (for Shopify only)
Shopify set up
Go to the Online store section in Shopify admin
Click Navigation
Decide whether you want to embed your returns page into the Main or Footer menus
and click Add menu item
Enter the page title and paste the returns page app proxy URL formatted as /apps/aftership-returns-center you copied from AfterShip Returns admin in the link field
Click Add
Once the URL is added, click the Save menu
Set up for other platforms
This method only applies to eCommerce platforms other than Shopify. Though you are welcome to use this method for Shopify, we recommend using the direct method above.
To embed the returns page in your store’s navigation, follow these steps below.
Go to Customizations > Returns Page in AfterShip Returns admin
Click Scroll to Add returns page to website section and click the double page icon to copy your returns page URL
Move to Embedded returns page and select Manage domains
Paste your returns page URL, default or custom, in the Enter a domain name field after https://
Hit Save
The added domains will be listed under Allowlisted domains
Once domains are added, an iframe code will be generated. Click Copy to copy the generated code to the clipboard
Take help of your technical team to change the source code of the corresponding page of the e-commerce website, and then paste the iframe code.
Customer experience
Branded returns portal
Embedded returns portal
For any further questions or help, please contact our chat support team
Updated on: 14/04/2023
Thank you!