Embed Images and Videos

The process for uploading images may be different depending on the type of page or element you are working in. In some cases you will create a media file and add it to the page. In other cases, you will upload an image directly.

Select Existing Media File

While working on a page, place the cursor where you want your image to appear. In the editor toolbar, select the insert media icon:

insert media icon

This will open a window displaying the most recent images uploaded. Editors can insert keywords into the  Media name text box and click  Apply to search for images. To use one of the items found in the search

Type in name in search and choose Apply
  • Click once to select it. This will overlay a checkmark on the image. Next, click the  Select media button below the displayed images.
Select Media
  • In the next window, leave  Image style and  Link image to as their default options. Add descriptive Alternate Text. Change  Align to the option that best fits your content. This will align the image to the left, center, or right of any text near it. Add an optional Caption.
  • Click  Embed to add the image to your page.
Embed the Image

Add New Image to Media File

  • Click the  Add images tab at the top of the widow

    Thumbnail

  • Click  Select files to navigate your computer for the desired image. (Alternatively, drag and drop functionality works and the image can be dragged from your computer to the box in the Media module.)
Choose File
  • Once an image is uploaded, the window will display  Media name and  Alternative text fields.
  • Input a name for the image in the  Media name field. This will be the name that displays as others search for images within the Media module. You want it to be descriptive enough that when searching for keywords, the item will be found
  • Input a description in the  Alternative text field. This is the text that will be used by search engines and screen readers to describe the image when it cannot be viewed.
  • Click  Save Image once all fields are filled
Add name and alt text

Embed Video

Videos must be closed captioned before being added to a webpage. You can start with the autogenerated captions provided by YouTube, but then must edit them to ensure accuracy in word choice, spelling, and punctuation.

Learn more about video accessibility

Video files should not be uploaded directly in the the Web CMS. They should be uploaded to YouTube or a similar platform and shared from there. Here's how to then embed the video on your web page:

  • In YouTube, click  Share option on video you want to embed on web page. Copy URL. 
  • In Web CMS, on a basic or modular page, open Content Text Editor and place cursor where video is to be embedded. (Delete existing video by selecting it and clicking keyboard  Delete button.) 
  • In text-editing toolbar, click  Video Embed icon:

Video embed icon

  • Paste video link in  Video URL field and click  Save.
View Site in Mobile | Classic
Share by: