If you're looking to embed your returns portal into your store, this article will walk you through it. Let's begin.
Head over to your Shopify admin and select Online Store -> Pages -> Add page. We're going to be creating a new page for your portal to live in. You could call it the portal's house.
Now that we built the house, we have to name it. Let's name our page "Returns and Exchanges", or whatever suits you best. You're the boss.
We have the name, now we need to move in our portal. Let's prepare the code we need to paste:
<iframe frameborder="0" width="100%" height="600px" src="https://returns.richcommerce.co/return/new?c=YOUR_IDENTIFIER"></iframe>
You can find YOUR_IDENTIFIER in the Rich Returns -> Returns Portal -> Customizations. In my case, the identifier will be the following:
So, the end result for me would be:
<iframe frameborder="0" width="100%" height="600px" src="https://returns.richcommerce.co/return/new?c=scoobydoo"></iframe>
Now, that we have the code, let's move back to the house we're building. Press the Show HTML button and paste the code that we just assembled. Save.
Once this is saved, we're done! When you save, you will see the returns portal is showing up if all of the steps were followed correctly.
If it's showing up, that means you've followed the steps perfectly 👌
These bonus steps will show you how to add the new page to your Store header and access the portal from there:
Head over to our Theme builder:
Select the Header and follow the link to the Main Menu customizer. There we will be able to add our newly built page.
Add the new menu item and save. This will ensure that the Main Menu now has the Returns & Exchanges page too.
Now that we've added the Returns & Exchanges page, let's see how it looks on our live store.
Cool, right? That was all you. You managed to build a house for Scooby Doo's Return portal. You're a legend.
Worth mentioning:
ℹ️ Make sure to use a full-width element if possible to allow the embed as much space as possible. Narrow themes will break the layout.
ℹ️ Important: there are thousands of different themes. If you run into issues with your theme and embedding the portal, use any of these alternatives which offer the best layout:
Select a plan with access to our custom-domain feature that gives you something like returns.yourBrand.com. We'll set this up for you.
Link to your returns center instead of embedding it. This is what the majority of our merchants do and it works great for them from Shopify Basic to Shopify Plus.