Embed Code

Insert select HTML embed codes from external sources.

Understanding the Embed Code component

Visual example of the "Embed Code" compontent/paragraph, in this case the embed is for Spotify.

The Embed Code component lets you drop content from approved third-party services directly onto a page. You paste a snippet of HTML (usually an <iframe> or <script> block) into the field, and the embedded content renders inline alongside the rest of your page content.

When to use the Embed Code component

Reach for the Embed Code component when an external platform supports embedding and that piece of content contextually belongs on your page. Good use cases include:

  • A registration or signup form built in an external platform
  • A donation form or fundraising widget
  • A live social media post
  • A map of a building or event location
  • A podcast episode or audio track hosted externally
  • A data dashboard or report
  • An external calendar feed

If you want to embed a YouTube or Vimeo video, the Media: Video Embed component is purpose-built for that and a better fit. If you have an audio file to upload directly (rather than streaming from a hosted service), the Media: Audio Embed component is the right choice.

Where embed codes come from

Each provider exposes its embed code differently. On most platforms you'll find it under a "Share" or "Embed" option within the piece of content you want to display, then copy the full snippet from there. For the current list of supported providers and the exact code format expected for each, see Supported embed formats and options.

Need to embed content from a provider that isn't currently on the list?

Only allowlisted providers work in this field. Pasting in arbitrary HTML from any website will not render. The embed code has to come from a service that Ithaca has approved and configured. 

If you need to embed content from a provider that isn't currently on the list, reach out to Web Team Support and we can look at adding it.

Adding and modifying the Embed Code component

Embed Code (required)

The Embed Code field is a plain text area where you paste the HTML snippet copied from an approved provider. It is not a rich text editor, so there are no formatting controls. Paste the snippet exactly as you copied it, without adding line breaks, indentation, or styling.

A few things to keep in mind:

  • Include the full snippet, including any <script> tags the provider gives you.
  • Some providers require the embed code on a single line with no extra whitespace. The supported formats page calls out these cases per provider.
  • Some providers only allow one embed of a given type per page.
  • Save the page as a Draft first, to confirm the embed renders correctly.

Supported content types:

  • sites,
  • topics,
  • pages,
  • academic programs,
  • academic departments,
  • blog posts,
  • custom landing pages,
  • IC View articles,
  • news articles,
  • categories,
  • profiles,
  • and person spotlights.