Embed an iFrame in Shopify

To embed the iFrame in Shopify, two options are available: you can either create a separate page for the app or place it on the main Shopify page.

Add the app on a separate page

To create a separate page for the app go to Online Store -> Pages -> Add page.

In the "Content" section, click on the "Show html" button.

Then, copy the Script, Frame and Link to open app from the Integration menu in Skin SaaS to the new Shopify page content section.

Add a title to your page, click "Save" and it's all done! You can click on the "View page" button for a preview.

Add the app to the main page

To add the app to your main page go to Online Store -> Themes -> Customize.

Then click Add section -> Custom Liquid.

Then, in the custom liquid section, add the Script, Frame and Link to open app from the Integration section of the Skin Consultant.

Save the changes and it's all done!

Last updated