Skip to main content
All CollectionsSettingsWebsite Integrations
How do I Integrate the Member Area with an iFrame for Shopify?
How do I Integrate the Member Area with an iFrame for Shopify?
Daniel Freire avatar
Written by Daniel Freire
Updated over 2 years ago

This article will show you how to integrate your Studio Member Area website into your existing Shopify hosted website, using the iFrame method.

In a new tab/browser, log in to your Shopify account.

  • Select 'Online Store' from the left-hand menu:

  • Select the 'Customize' button:

  • Select 'Add Section':

  • Select 'Custom content':

  • Select 'Add':

  • Select 'Add content', then 'Custom HTML':

  • Copy/paste in the following code, but replace the 'https://CHANGETHIS.studio.xplor.co' text with your own Member Area URL you previously copied:


<iframe style="width: 100%; height: 1000px;"src="https://CHANGETHIS.studio.xplor.co"></iframe>


*Note: You may also want to change the 'Container width' to '100%', so it appears best on the page.

You're done! You should now see the Studio Member Area website embedded on the same page.

Did this answer your question?