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

Upload an Image

See the Best Practices section for suggested image preparation and file organization when uploading images.


Uploading to a folder:

  1. Using the Website Browser in dotCMS, navigate to the folder where you want to save your image.
  2. In the upper right of the screen, click on the "Add New" drop down and select "Image or File"
  3. In the "Upload New File" field, click the "Choose File" button.
  4. Browse to the image on your computer, select it, and click "Choose".
  5. Fill in the "Title" and "Description" fields and then Click "Save" or "Save and Publish"

Watch the video >>


Uploading multiple images to a folder:

  1. Using the Website Browser in dotCMS, navigate to the folder where you want to save your images.
  2. In the upper right of the screen, click on the "Add New" drop down and select "Multiple Files".
  3. Select from the drop down how many files you will be uploading.
  4. Next to each "Upload New File" field, click the "Choose File" button.
  5. Browse to a image on your computer, select it, and click "Choose".
  6. Continue browsing and choosing files until all of your files have been included.
  7. Click "Save" or "Save and Publish".

Watch the video >>


Uploading from 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. Edit the Web Page Content item where you want to add the image to.
  3. Place your cursor in the WYSIWYG where you want the image to appear.
  4. Click the "Insert/Edit Image" icon in the toolbar.
  5. 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 want to save the image when you upload it.
  6. At the top of the dialogue box click "Upload New Image".
  7. Next to the "Upload New File" field, click the "Choose" button.
  8. Browse to the image on your computer, select it, and click "Open".
  9. Fill in the "Title" and "Description" fields.
  10. Click "Save" or "Save and Publish"
  11. Continue styling and formatting the image as usual.

Watch the video >>


Uploading to a CC - Photo/Image content item:

  1. From the "Content" tab of the Admin Screen, chose "CC - Photo/Image" from the "Type" drop down box.
  2. Select "Add New Content" in the upper right area of the screen
    OR
    search for an existing "CC - Photo/Image" content item, right click on it, and choose "Edit".
  3. Select the "Folder" using that drop down where you would like to save the "CC - Photo/Image" content item.
  4. Fill in the "Title" field.
  5. Click "Browse" next to the "Image" field and navigate to the folder where the image is saved
    OR
    you can upload an image by clicking on "Upload New Image" at the top of the dialogue box and completing that process before continuing.
  6. Fill in the "Caption" for the image.
  7. Select your "Department" or "Office" from the selection boxes.
  8. Tag your content item with appropriate keywords.
  9. Click "Save" or "Save and Publish".

Watch the video >>