Using the Embed in a Page

This element allows you to embed different kinds of web content, such as videos, audio, interactive media, and so on. 

The following are the Embed element settings: 


  • Defines the size of the element. As this element uses an iframe to embed the content into your Visualization, you need to adjust the height manually.

Iframe URL

  • Add in this field the URL of the content you want to embed.
  • The content must be served over HTTPS protocol.

Bear in mind

There are some sites that do not allow to be embedded, e.g., Google. If the content you want to embed is hosted by you, check with your IT team if it has all the necessary permissions to be embedded. 


  • Creates space between the elements by increasing the number of pixels.

External Content

Mobile View

Our Embed element has a fixed height (value in px) that you can configure in the Visualizations editor. This may cause that in some cases, that value is not ideal for all screen sizes. 

Fortunately, it is possible to correct this via custom CSS. With the following code, the value is overridden to be a percentage instead of a fixed value in px:

/* make embed element "responsive" */
.content-node-tag.embed {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
.content-node-tag.embed iframe.embed-iframe {
   border: 0;
   height: 100% !important;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;

Was this article helpful?