Embed Content on a Page

 It is possible to embed content onto a page in your site using an iframe. You can embed iframe content anywhere on the site that uses the CKEditor - or rich text editor. To create an embed you will need to be able to read some basic HTML.

Common applications that are embedded onto the site include:

  • Google Calendars
  • Google Forms
  • Tableau content
  • U of M job listing

Embedding Content on a Page

  1. Copy the iframe embed code from the application you want to embed. The application's vendor usually provides dedicated guides on how to get the code.
  2. Edit the page you want to embed content on.
  3. Click the Source button on the toolbar. This will show you the HTML code of the page.
    CKEditor toolbar, the source button is highlighted
  4. Paste the embed code where you want your application to be on the page.
  5. Save the page. Your application will be added to the page.

Adjusting the Size of Embedded Content

  1. Edit the page.
  2. Click the Source button on the toolbar. This will show you the HTML code of the page.
  3. Update the embed code. This will start with <iframe and end with </iframe>.
    • To adjust the width of the embedded application, change the number between the quotation marks in width="number".
    • To adjust the height of the embedded application, change the number between the quotation marks in height="number".
    • Note: the width and height measurements are in pixels and the size of the media frame does not automatically scale if you change one measurement. To help calculate a new size, you can use an aspect ratio calculator.
  4. Save the page.