An embed code is a snippet of HTML code that displays content from a different website, such as a YouTube video or Instagram profile. ("Widget" and "iframe" may be used interchangeably for "embed code" in some cases.) You can install embed codes in pages or blocks on your site.
- Copy the embed code.
- Edit your page/block.
- If your page/block will have primarily the embed code all by itself, scroll down below the Body box. Under Text format, select Full HTML.
If not, Click the Source button on the toolbar. - Paste in the embed code.
- To put it at the top, paste in the embed code first, ahead of any other code.
To put it between two paragraphs of text, scroll through the code to find the two paragraphs, and paste the embed code between them. Example:
<p>A paragraph of text...</p> Insert embed code here! <p>Another paragraph of text...</p>
- Save the page/block and view it in a few browsers to check the display. Suggested: Internet Explorer, Firefox, and Chrome.
- Make adjustments to the embed code as needed. For example, if an embed code includes an <iframe> tag, you may be able to customize the height to eliminate a vertical scroll bar.
Finding embed codes
- Facebook videos or posts
- A feed of posts on a Facebook profile can be displayed with a Drupal module. Contact SCLS staff to have it enabled for your site.
- YouTube videos or playlists
- Instagram posts or profiles