How to Embed the ReturnZap Customer Portal Onto Your Shopify Site
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.
Note that ReturnZap has two versions of the customer portal available. We recommend that new customers install the NEW customer returns portal, which features a new design and support for new features like image upload.
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.
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.