How to Embed a FoxyApp into Your Shopify Website

Please note: To follow this guide, you should have administrative access to your Shopify store.

1. Log in to Your Shopify Admin Dashboard

• Go to your Shopify login page. Usually it looks like this: https://yourstorename.myshopify.com/admin.
• Enter your email and password.

2. Create or Edit a Page

• From your Shopify admin, go to Online Store > Pages.
• Click Add page to create a new page. Alternatively, click on an existing page where you want to embed the iFrame and then click Edit.

3. Access the HTML Editor

• In the page editor, click on the <> Show HTML button to switch to the HTML editor.

4. Paste the iFrame Code

• Copy the iFrame code from FoxyApps platform.
• Paste the iFrame code in the desired location within the HTML editor.

Your iFrame code should look something like this:

 {{code}}

Remember to adjust the width, height, and src attributes as needed.

5. Preview the Page

• Click the Preview button at the top of the page to ensure the iFrame appears correctly.

6. Save and Publish the Page

• If everything looks fine, click the Save button to save your changes.
• Go to Online Store > Navigation and add the page to a menu to make it accessible from your store.