Skip to main content


Notice: Depreciated

This feature is no longer supported. Contact your College's Professional Technologist if you're looking for this functionality, or consider using a drop-in embed solution from a photo sharing service.

Part 1: Gathering Your Images on CleanSlate

  1. From the dashboard of your website, go to 'Files' on the left.
  2. Click the green 'Upload Files' button on the upper right hand side of the page.
  3. Drag and drop your image files into the box or click the 'Add Files' at the bottom left to manually choose your images.
  4. To add the files to a slideshow, they must have a Label. To do this, go to "Files" if you're not already there.
  5. Beside each file should be a checkbox. Check all files you want to add into the slideshow.
  6. Press the "Label" button that appears at the top-left near the "Upload Files" button and give the images an appropriate label. Hit "Save."

Part 2: Inserting the slideshow into your webpage

  1. Navigate to the editable region of your website where you wish to add the FlexSlider slideshow.
  2. Click the "Snippets" button on the top toolbar on CleanSlate. A toolbar should appear on the right.
  3. Drag the grey box next to the "Flexslider" snippet onto the editable region.
  4. Choose the Label that you assigned to the images you want in the slideshow. Choose your slideshow width (or click "Fit to region" if you aren't sure what size to put.)
  5. Click the "Insert Snippet" button. Then click "Save" or "Publish" to publish your changes.
  6. The slideshow has been added. You may have to refresh the page to see your slideshow. Well done!

If your images are showing up after you insert them but they don't look like a slideshow, contact your college's Professional Technologist or site owner to get Flexslider set up.

Last updated on June 15, 2018.

We welcome all questions, feedback and bug reports. If you're having an issue, we usually need the following information:

  • A brief description of the issue
  • A link to the page where you saw the issue
  • Screenshots that illustrate the problem - How do I take a screenshot?

Kindly email for help or use the form on the request help page.