Articles on: Getting Started

How to Embed Your Branded Return Page Into Your Store

Plans: Premium, EnterprisePlatforms: Shopify


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 using the proxy URL. 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:




  1. Go to Customizations in the AfterShip Returns admin
  2. Click Returns Page ** and scroll down to **Embedded returns page
  3. Copy the app proxy URL (for Shopify only)



Shopify set up


  1. Go to the Content section in Shopify admin.
  2. Click Menus.



  1. Decide whether you want to embed your returns page into the Main or Footer menu.
  2. Click + Add menu item.



  1. 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.
  2. Click Add.



  1. Once the URL is added, Save the changes.


Customize proxy URL


  1. Go to Settings > Apps and sales channels in the Shopify admin
  2. Select AfterShip Returns > View details



  1. Scroll down to App proxy, click Customize URL. Update the URL parameters as required and click Save



  1. Once updated, update the old proxy URL in the Shopify navigation with the new created one


The proxy URL updated in Shopify will not be updated in the AfterShip Returns admin


iFrame: 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.


  1. Go to Customizations > ** Returns Page ** in AfterShip Returns admin.
  2. Click Scroll to Add returns page to website section and click the double page icon to copy your returns page URL.
  3. Move to Embedded returns page and select Manage domains.




  1. Paste your returns page URL, default or custom, in the Enter a domain name field after https://. You can add multiple domains you want whitelisted under the Allowlisted domains section.
  2. Hit Save.
  3. The added domains will be listed under Allowlisted domains.
  4. 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 or reach out to us at support+returns@aftership.com.


Updated on: 16/06/2025