Our Embed component can be added from the Page Content tab at the top left of the CMS. Just add a new block and select Embed.
The Embed component will allow any code to be pasted into it, however, embeds will generally be contained in a specific HTML component, an "iframe."
Generally the provider of the embed will give you a snippet of code. You can paste that code into the Embed block sidebar.
*Do not paste a standard page link, which will not function. So if all you have is a page link, here are some limited instructions on setting up iframe embeds from links.
Setting the correct heights
Unfortunately, iframe components do not automatically expand to match the size of their contents, unlike other HTML elements. Therefore, if the content of the iframe overruns the iframe window, there will be a scroll bar to see the overrunning content.
If you want to remove the scrollbar by showing all the content, we allow you to set the height for the desktop, tablet, and phone versions manually so that scrolling isn't necessary. You can use the window size preview icons at the bottom of the CMS to see your site in these different views. You may also want to Publish the site, and slowly adjust the width of the window in the published site, to make sure that your iframe content isn't cut off at any screen width.
Embeds vs. Form Integrations
For any services we offer integrations for, we suggest that you use the integration versus an embed of that service. This will result in a more consistent visual appearance for your website.