Embed

How to add an Embed component

Step 1: Add and configure Embed component

1. Add an Embed component (see Adding a component for instructions on how to add a component).
2. Select the Section Heading tab to add an optional section that appears at the top of the Embed component (see Adding a component heading for details about adding a section heading).
3. Select the Block Settings tab.
4. Select a size option for the Embed item from the Embed Width menu: Small, Medium, Large, or Full Width.
5. Select a size ratio for the Embed component from the Height Ratio menu (see Image Sizes for details about different image ratios:
   1. Choose Auto to set the ratio automatically.
   2. Choose Square (1:1) for a square.
   3. Choose Narrow Landscape (4:3) for a standard horizontal rectangle.
   4. Choose Medium Landscape (3:2) for a more square horizontal rectangle.
   5. Choose Wide Landscape (16:9) for a widescreen horizontal rectangle.
   6. Choose Short Portrait (3:4) for a standard vertical rectangle.
   7. Choose Medium Portrait (2:3) for a more square vertical rectangle.
   8. Choose Tall Portrait (9:16) for a tall vertical rectangle.
6. Add an optional Page Anchor Link to allow for links to the Embed component (see instructions under Linking to page content).

Step 2: Add content and save

1. Select the Content tab.
2. Provide a Title for the embedded content. Note that the title text will not display on the page. Its purpose is to provide a description of the embedded content for screen reader users and search engines.
3. Enter the HTML code for the embedded content in the iframe code field. The Embed component supports code provided for this purpose by other platforms, such as Google Maps and Qualtrics.
   1. Please note: Only iframe code is allowed. Embedding JavaScript or CSS is not supported.

4. Once you have finished adding the Embed item, choose Save to save the Embed component.

What is an Embed?

An Embed component is a block that displays content and functionality from other platforms, such as Qualtrics forms and Google Maps, directly on your website. Note that there is a separate Video component for embedding video content.

An Embed component can be used to present content and functionality that is better managed on another platform, or that is otherwise not available on the platform.

An Embed component is composed of an optional Section Heading, with a heading, introduction, and call to action links, and the embedded content and controls.