Add the Slideshow Widget to Your Page

Who can use this feature?

System_Admin.png Slash.png Owner.png


This article will show you how to add the slideshow widget.


  1. Navigate to the page you would like to add the Slideshow Widget to
  2. Turn on Live Edit
  3. Navigate to Widgets > Content > Slideshow
  4. Drag-and-drop the Slideshow Widget into your content area
  5. A pop-up window will appear to add images
  6. Select Add Images
  7. Check the boxes for the images you would like to add
  8. Select Insert Marked
  9. Fill in the information for each image by selecting Advanced 
    • Title: Changes the image title
    • Caption: Changes the image caption
    • Link: Place a check in Link to display fields where you can paste a URL
      you want that image to link to
    • Display: If you want this image to only be displayed within a certain
      date range, enter those dates here
    • Remove: Removes the image from your slideshow
  10. Choose the Options Tab for more options
    • Slide Timing: The number of seconds each image will display
    • Transition: Images can either Fade from one to the next, or Slide to the next
    • Transition Timing: The number of seconds it takes for the fade or slide
    • Slide Title: Check to place a title on each slide
    • Slide Caption: Check to show captions with each image; selecting this will cause the Slide Overlay Option to appear
    • Slide Overlay: Displays the title and/or caption in an overlay on each slide
    • Caption Background: Display background for the overlay
    • Caption Location: Determines the location of the caption and overlay
    • Inset Caption: Insets the caption so that it’s not aligned to the border of the slideshow
    • Narrow Display Behavior: Determines how the slide will behave in the narrow view
    • Next/Previous Arrows: Display left and right navigation arrows
    • Arrow Color: Color of the arrow
    • Next/Previous Arrow Background: Displays circle background for arrows
    • Arrow Background Color: Determines color of arrow background color
    • Next/Previous Background: Displays vertical bar background for the slideshow arrows
    • Background Color: Determines color of arrow background
    • Pagination: Display pagination to navigate slides; selecting this causes the Pagination Style option to appear
    • Pagination Style: Use either Dots or Numbers for the pagination links
  11. Select Save Slideshow 

I'd Like to Request an Enhancement

0 out of 0 found this helpful


Article Feedback