Image Slider

Image Slider

The Image Slider module is a dynamic visual component that displays a rotating set of images or banners directly on the Confluence page. Designed to optimize screen space, it cycles through a curated collection of visuals, allowing users to highlight key messages, promotions, announcements, or campaigns without overwhelming the layout.

This feature enhances visual storytelling and engagement, making it ideal for homepages, team spaces, or internal campaigns where strong visual communication is essential.

Screenshot 2025-04-01 at 11.04.33.png

Insert Image Slider

  1. Open the desired page or create a new one.

  2. Enter edit mode, then click the ‘+’ icon in the toolbar or press ‘/’ on the keyboard to open the module menu.

  3. In the search bar, type “Viz” or “Optics” and select it from the list to open the configuration dialog. Alternatively, type “Image Slider” and select the Viz (by Optics).

  4. In the configuration dialog, either select a module template from the overview page or navigate to Image Slider from the left sidebar.

Screenshot 2025-09-22 at 12.50.25.png

Start with templates

Creating Image Slider module starts with choosing a template. Each one is crafted by our design experts to help you build outstanding, consistent content in Confluence. We're continuously adding new templates to keep your pages fresh and visually engaging.

Image Slider module is currently not supported in the module Library. To learn more about how the module Library works, read more here.


Configuration

Image Slider templates include two types of settings: global settings that apply to all images, and individual settings that appear when you click to select a specific image.

Global settings

Global settings are visible only when no images is selected, allowing you to apply consistent styling and layout across the entire set. These settings affect all announcements within the module and cannot be customized individually.

Screenshot 2025-04-01 at 11.00.30.png

Flexible display elements

Image Slider elements such as subtext, and title can be enabled or disabled. Available elements vary depending on the selected announcement template.

Styling options

Styling options include corner rounding.

Image Picker

Supported image sources include the following:

  • Unsplash: Provides a built-in library of high-quality, royalty-free images that can be added to Image Slider with a single click. No manual uploads are required.

  • Direct link: Displays an image by pasting its URL. Ideal for externally hosted images, just copy the link, and the image will appear in the image slider without uploading.

  • Library: Connected to the Caelor Style guide, this option supports uploading company-approved images.

  • Page attachments: Supports selecting PNG or JPG images stored on any Confluence page, across any space. It also allows uploading new images directly, making it easy to incorporate both existing and newly added content.

Individual Settings

When an image is selected, individual settings appear, allowing customization of its content and layout. These settings apply only to the selected announcement, enabling changes to text, icons, images, and colors without affecting other announcements in the module or any global settings.

Screenshot 2025-04-01 at 11.13.22.png

Link

Each image can link to one of the following destinations, with settings to choose whether the link opens in the same tab or a new one:

  • Confluence page: Includes filtering and search functionality to quickly locate and link relevant content within Confluence.

  • External URL: Accepts any valid web address, simply paste the link and save.

  • Email address: Opens the default email client with the address pre-filled, making it ideal for contact or support-related actions.

Content

While title and subtext can be edited inline, the right sidebar also provides full access to content settings. It adjusts based on the selected template and reflects the visibility of options set in Global Settings.


Need help or want to connect?