Other
      Back to home
      1. Knowledge Base
      2. Nyla & Shopify
      3. Other

      Iframing Shopify theme pages

      To iframe a Shopify page, the store owner of the Shopify store needs to reach out to Shopify Support (can email them at support@shopify.com or chat with them at https://help.shopify.com) requesting they remove the x-frame-options: DENY restriction for domain.com (list your Shopify URL).

       

      Once the restriction is removed, follow these steps:

      1. Remove the theme page redirect 

      2. Hide or Remove the Header and Footer

        • To seamlessly integrate the Shopify page into your Nyla storefront, hide or remove the header and footer from the Shopify page's template.
        • You can do this using one of the following methods:
          • Theme Customizer: Hide the header and footer directly from the Shopify theme customizer.
          • Theme Files: Create a new layout file in your theme that excludes the header and footer.

      3. Add a Full-Width Section

        • In the page builder, create a full-width section for your content.

      4. Embed the iFrame

        • Add an iFrame content item with the following code:
          html
          CopiarEditar
          <iframe src="shopify-theme-page-url-here" style="width:100%; height:100vh;"></iframe>

      5. Replace the Placeholder URL

        • Replace shopify-theme-page-url-here in the iFrame code with the actual URL of the Shopify page you want to embed.