Embed

The Embed widget enables a user to drop any arbitrary code on to the page. While any code can be placed here, it works best with embeds provided by 3rd parties such as YouTube, Facebook, or Booking embeds.

While the Embed widget itself is design to fill 100% of the horizontal space of its container, the embedded content may need to be modified a bit before it will do the same.

Simple Iframe

Here's an example of some content from another site being loaded in via an iframe. No styling or responsive considerations made, just the most basic version of add content from an external source.

HTML/CSS/JavaScript

Here's an example of some arbitrary code that counts up indefinitely. Simple things like this can be done via the Embed widget, but they probably shouldn't be. Using this widget for anything other than an embed provided by a 3rd part will lead to complications around performance, maintenance, and reusability.

YouTube Embed

Here's a YouTube playlist embed exactly as delivered from YouTube. It's totally functional, but non responsive as you can see. To make it responsive some additional code will need to be added.

Responsive YouTube Embed

This is the same embed as above, but slightly modified to be responsive. To make an embed responsive you can either right the code manually or use a tool like Embed Responsively.