Skip to main content
Drupal Documentation for SCLS

Main navigation

  • Home
  • How-To Info for Library Staff
  • Drupal 10
  • Help

Breadcrumb

  1. Home
  2. How-To Info for Library Staff
  3. Creating and Editing Website Content

Embed Codes

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.

  1. Copy the embed code.
  2. Edit your page/block.
  3. 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.
  4. Paste in the embed code.
    1. To put it at the top, paste in the embed code first, ahead of any other code.
    2. 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>
  5. Save the page/block and view it in a few browsers to check the display. Suggested: Internet Explorer, Firefox, and Chrome.
  6. 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

Book traversal links for Embed Codes

  • Eliminate problem link and image references
  • Up
  • Forcing Links to Open in a New Window or Tab
  • Managing Accounts for Your Drupal Site
  • Images
  • Creating and Editing Website Content
    • Anchor Links ("Bookmarks")
    • Disable/Enable Rich-Text
    • Display Differences Between the Editing Form and Published Content
    • Eliminate problem link and image references
    • Embed Codes
    • Forcing Links to Open in a New Window or Tab
    • Overriding Sitewide Theme Styling
    • Accordions (show/hide sections)
    • Adding menu links
    • Glorious Guide to Keyboard Shortcuts
  • Uploading Files to Media
  • Changing Menu Links
  • Creating Photo Albums & Galleries
  • Folders, Directories, and File Structure
  • Blocks
  • Paths and URL Aliases
  • Configuring Site Information
  • Developer Permissions
  • Homepage Variations
  • Events/Programs with repeating dates
  • Registration for Events/Programs
  • What is Cron?
  • Avoid mixed content warnings (HTTPS/HTTP)
  • LINKcat Title List (Experimental)
  • Performance settings: Cache pages for anonymous users
  • Slick Carousel
  • Uploading Files with IMCE

Tags

accordion (1)
account (2)
anchors (1)
blocks (0)
cache (1)
carousel (2)
CKEditor (5)
configuration (1)
content types (1)
CSS (1)
disable rich-text (1)
Drupal 10 (15)
Drupal 9 (16)
email (2)
embed code (1)
Entity Registration (5)
events (6)
file browser (1)
files (4)
files media (1)
folders (1)
formatting (2)
front page (3)
Google Analytics (1)
headings (2)
HTML (1)
iframe (2)
images (4)
imce (1)
Layout Builder (3)
link a pdf (1)
links (5)
login (1)
media (2)
menus (3)
nodes (1)
openid (1)
paste as plain text (1)
paths (4)
performance (1)
photo albums (1)
photo galleries (1)
redirects (3)
registration (5)
remove format (1)
repeat dates (2)
reports (1)
revisions (1)
sidebars (0)
site name (1)
slogan (1)
source (1)
sticky (2)
text formats (1)
themes (1)
toolbar (2)
URL aliases (4)
Webform (2)
widget (1)