Design and build your Hub
      Back to home
      1. Membership.io Help Center
      2. Hubs
      3. Design and build your Hub

      Embed code in your Hub with iframes

      How to use the embed code element in your Hub to add third-party HTML iframe code

      🧰 What You Will Need

      1. Membership.io Grow plan or higher
      2. Code for the content you want to embed

      Step 1 - Open your Hub page

      Go to the Hubs tab in your Membership.io account and open the Hub Editor for the Hub where you want to embed code.

      Open the Hub page where you want to embed your code. If you need more information about Hub Pages, you can get it here.

      Hub pages - select a page

      Step 2 - Create a Layout Section and add an Embed Code element

      Create a new Layout Section and add an Embed Code element.

      Click the Import Code button to paste your iframe embed code into the element.

      Here's how to do it: 

      GIF Embed code walkthrough-

      Alternatively, you can add an Embed Code element to any existing Layout Section in your Hub.

      NOTE:

      The Embed Code element in your Hub will only accept HTML code with <iframe> tags that include a source URL attribute. You will not be able to add other types of code to this element. Our support team will only be able to troubleshoot cases where valid iframe code is not working as expected. 

      Step 3 - Preview your new content

      Save your changes to preview your new Hub swag. 💅  You can also style the element at this point to control how it appears.

      📚 Up Next