Adding a customer facing portal to your Shopify site to allow customers to generate RMAs and return labels is easy using ReturnZap.
Here’s how to set it up.
Finding Your Custom Portal Code in ReturnZap Settings
From your ReturnZap admin portal, navigate to the ReturnZap Settings page in the top navigation bar.
Scroll down to the last element on the page, labeled “Customer Portal”, and click Install Customer Portal.
This will take you to a new page that contains the custom javascript code you will need to embed on your Shopify page.
On the next page, copy and paste all of the code displayed by either selecting it all and copying, or clicking the “Copy to Clipboard” button in green.
Embedding Your Portal Into a Dedicated Returns Page
Once copied, you can embed this code into any page within your Shopify store. ReturnZap recommends that you create a new page specifically dedicated to handling customer return requests.
For detail on how to create a page within your Shopify storefront go to the Shopify help page here: Shopify Help – Add a new webpage to your online store
To embed the ReturnZap portal into a page on your Shopify store, from the Shopify admin sidebar, navigate to Online Store > Pages and select the page where you would like to host the ReturnZap portal.
Once you are in page edit mode on the page you would like to use, click the icon to toggle to HTML/Page Source editing:
Once in this section, copy and paste the ReturnZap code where you would like it to display on your page.
Save changes to your page, and click to view your page. The ReturnZap portal should now be embedded:
Changing the Portal Look and Feel to Match Your Brand
The portal will default to standard ReturnZap portals, in neutral black and blue. You can edit the ReturnZap portal to change font colors, text color, button colors, etc to match your brand and storefront look and feel.
See our guide on how to customize the returns portal to match your brand.