All Collections
For Admins
How to Add an iFrame to a Page
How to Add an iFrame to a Page
Updated over a week ago

You must have "Full Access" or "Limited Access - Website" permissions to add an iFrame to a page.

You can add an iFrame to embed content from a separate website to your organization's website.

  1. Copy your iFrame Url from your separate site.

  2. Go to the page on your site that you would like to add the iFrame to, and click Edit Mode.

  3. Click Add Page Element and select the Code Page Element.

  4. Within the code box, paste the following:

    1. <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><IFRAME SRC='paste your iFrame URL here'></IFRAME></div>

  5. Click Create Page Element

    • NOTE: the width and height can be changed to what fits best in the space you want to place the element.

Did this answer your question?