Step 1: Enable Embed in your Account Settings
In order to embed your RareCircles portal into your Shopify website, you must first enable the embed feature.
To enable the embed, login to your account and navigate to the account settings in the top right hand corner of the window. Scroll to the bottom of the page. Turn on embed and click save. A section will appear with a code snippet.
Convert the code to Liquid.
Liquid is Shopify's coding language. In order to embed your iFrame onto your Shopify website, you must convert your code to this language.
To do so, simply add the following tags before and after the copied code, respectively.
{% capture iframe_code %}
<COPY iframe CODE HERE>
{% endcapture %}
{{ iframe_code }}Step 2: Create a New Page Template in Shopify
Login to Shopify and create a new page template. This is where you will host your portal.
To create a new page template in Shopify:
Navigate to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Use the Template drop-down menu to select a template. Click + Create template.
Remove all content from the Template section in the editor.
Add a custom liquid section.
Copy and paste the code snippet from above.
Note that you can add the embed to any page. We recommend creating a separate page dedicated to the membership experience.
Step 3: Create a New Page in Shopify
Now that you have created the template, you can use it to create your portal page.
To create a new page in Shopify:
Navigate to Online Store > Pages
Click Add page
Give your page a Title
Select your new template under Theme template
Add any desired content to the page body.
Click Save
If you would like to remove the page content, you can do so by customizing the page.
Navigate to the desired page in the theme editor
Select the Page section and add the code below the Custom CSS
{
display: none;
}That's it! Your new page now displays your portal experience! You can now list this page on your website and share across your preferred marketing channels to start welcoming members!