Using the Embed Anything element

Embed code from an external platform

Lewis Bowen avatar
Written by Lewis Bowen
Updated over a week ago

The Embed Anything element supports embedding HTML or iFrames. You can add it as a section and element. It's most commonly used to integrate forms, surveys, and quizzes, but you can include any external code that's supported.

🌟 Tip: Hiding the Element to test if it's leading your content to crash when you publish it's an effective practice to see if the Embed Anything is causing your content to break.

Add an Embed Anything element

As an Element

  • From the top menu bar, click the Add Menu (Shortcut: M)

  • Search for and select Embed Anything

  • Click and drag the element onto your canvas

Adding an Embed Anything element

As a section

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select Embed Anything

  • Click it

  • Press Alt (Windows) or Option (Mac)

  • Click Add section here

Adding your embed code

  • Double-click the Embed Anything element

  • Paste your HTML code in the Embed HTML box

The content will only be displayed in preview mode and on the published site.

Note: When using the Embed Anything element, make sure the code you put into it is of the correct syntax and character set. Pasting in code with CTRL+SHIFT+V to escape any markup may be helpful. Please make sure that all characters used are UTF-8 and quotes are either " or ', where some places embed codes might get a quotation mark which causes some issues.

Styling an embed anything element

As a section

  • Spacing top: Add padding to the top of the Embed Anything section in pixels or % to keep spacing between sections

  • Spacing bottom: Add padding to the bottom of the Embed Anything section in pixels or % to keep spacing between sections

  • Width: The width of an Embed Anything section can't be altered, it'll always be set to cover the 100%

  • Height: Set the height of the Embed Anything section in Pixels, % or set it to Auto so that it adjusts to the inner content

  • Min H: Sets the minimum amount of height pixels an Embed Anything section can be. A red stippled horizontal line inside your section will reflect the minimum height

  • Clip content: Toggle to hide the content that goes beyond the section's edges

  • Resize to fill vertically: Click to set the section's height to 100%

Aspect Ratio

Specifying and locking the aspect ratio of an Embed Anything element will allow you to adjust and resize it but still maintain the overall relationship between height and width.

🌟 Tip: Right-click the aspect lock to open up a menu of popular aspect ratios.

Did this answer your question?