Skip to main content area Skip to institutional navigation Skip to sub-navigation

Add an Image to a Page

 See the Best Practices section for suggested image styles and recommended image formatting for your pages.


Images in the WYSIWYG:

  1. Using the Website Browser tab, navigate to the page where you will be adding the image and double click on the name of the page to preview it.
  2. Click "Edit" on the Web Page Content item where you want to add the image, or add a new Web Page content, and place your cursor in the WYSIWYG where you want the image to appear.
  3. Click the "Insert/Edit Image" icon in the toolbar.
  4. In the dialogue box that comes up, click on the icon to the right of the "Image URL" field and browse to the folder in dotCMS where you have saved the image you want to add to your page
    OR
    if you haven't already uploaded an image, you can follow the instructions for uploading an image while in the WYSIWYG.
  5. Click on the image you would like to add to the page.
  6. You are taken back to the "Insert/Edit Image" dialogue box where you will add a "Title" and "Description" in those fields.
  7. Continue styling or formatting your image as desired.
  8. Click the "Insert" button at the bottom when you are done.

Watch the video >>


Using the CC - Photo/Image content item

Before following the instructions below, you will need to upload a photo to a CC - Photo/Image content item.

  1. Using the Website Browser tab, navigate to the page where you will be adding the image and double click on the name of the page to preview it.
  2. Click "Add" in the content container where you will be using the image and choose "Reuse Content".
  3. Use the "Folder/Host" drop down to select the folder where you have saved the CC - Photo/Image content item you wish to use.
  4. Enter the title of the item or select your Department/Office if necessary.
  5. Scroll down and click "Search".
  6. Click the "Select Button" next to the item you would like to use.
  7. Once you are taken back to viewing your page in Edit mode, click "Publish Page" in the Admin column on the left.

Watch the video >>