Skip to main content
How to grab attention with an interactive banner in Confluence
Share on socials

How to grab attention with an interactive banner in Confluence

A headshot of Zoriana Bogutska
Zoriana Bogutska
17th May, 2024
5 min read
A web browser with a visualisation of an interactive carousel banner
A headshot of Zoriana Bogutska
Zoriana Bogutska
17th May, 2024
5 min read
Jump to section
What is an interactive banner?
Interactive banner benefits
How to add an interactive banner to Confluence
How to use AI Quick Start
How to manually customise your interactive banner

Capturing users’ attention is at your fingertips - here’s how to create a visually appealing interactive banner in Confluence.

Are your messages and announcements getting lost within your Confluence pages? There’s a solution for that - with an interactive banner, you can easily showcase important messages and highlight text in Confluence.

Unfortunately, Confluence doesn’t have a built-in interactive banner macro, so you’ll need the help of an extra app. Cue Content Formatting Macros, you can create interactive banners from scratch or in an instant with AI. Try it free for 30 days!

What is an interactive banner?

An interactive banner (also known as a carousel banner or image slider) is a visual way of sharing news, announcements, and links in a rotating format.
A GIF of a user scrolling through slides in a Confluence interactive banner

What are the benefits of an interactive banner in Confluence?

  • They’re visually engaging: Highlight key messages in a visually engaging way, helping to get information across in a way that users read and remember.

  • They save space: If you have several announcements or messages to share, a carousel/image slider lets you do this with limited space needed, helping to keep your page neat, tidy, and easy to read.

  • They improve page navigation: Using a slider, imagery, and even a button makes dull links interactive and exciting to look at. This helps users to navigate and use your page with ease.

How to add an interactive banner to a Confluence page

  1. On your Confluence page, click the "Edit" (pencil) icon at the top of the page or type the shortcut e.
  2. Click to place your cursor where you'd like the interactive banner to appear.
  3. Start typing /interactive banner and select the Interactive Banner macro.
  4. You can now customise your Interactive Banner or use the AI Quick Start to create banners quicker.
  5. When you’re done, click "Save" in the bottom right, then click "Publish" or "Update" in the top Confluence menu to publish your page.
A GIF showing a user creating an interactive banner in Confluence

How to use AI Quick Start

With AI Quick Start, you can create banners faster and easier than ever. Here's how:
1. In the Interactive Banner editor dialog, choose your slide.
2. Click AI Quick Start.
3. Choose the goal of your slide from the dropdown (e.g. Announcement or Page header).
4. Add in your prompt text (What makes a good AI prompt?)
5. Press the Generate slide button, then wait for your banner to populate with text and an image.
Not happy with the first version? You can try as many times as you want by clicking Regenerate slide.
View the steps below in our gif 👇
A gif of a user creating an AI-generated interactive banner in Confluence

How to manually customise your interactive banner

Add a new slide

Click the Add slide button in the upper right. Both the three pre-made slides and any new slides will have default images and content that can be customised however you like.

You can have a maximum of 6 slides in your interactive banner.
The add slide button within the interactive banner editor in Confluence

Edit a slide

Click on the slide you want to edit. You’ll see a dropdown menu with the different options for customisation.
GIF of a user removing the button component from an interactive banner in Confluence
You can see a preview of what your banner now looks like in the preview screen to the left.

Change the background

1. Select whether you want your banner to use Light Theme or Dark Theme.
Two side-by-side images showing what an interactive banner looks like in light theme and dark theme
2. To choose a background image for a slide, click the pencil Change image icon.
The 'change image' icon under the background section of an interactive banner creation screen
3. Search for an image from our stock image library, or upload your own photo.
A GIF of a user typing into the stock images search bar
4. Choose from three available image size options: Original size, Resize to fit into the container, or Resize to fill the container.
A GIF of a user choosing a different size for the interactive banner background image
5. Lastly, choose the position you’d like the image to be in from the Image position dropdown.
The title, body, and button text boxes and resulting preview for an interactive banner in Confluence
Note: To include a button in your interactive banner, first make sure it’s one of your included components.
Type in your button text. Then, select where you want to direct users to when they click the button. This can be a page within your Confluence space(s), or a webpage outside of Confluence. If you’re linking to an external webpage, type the URL in full into the Enter URL box.

Delete a slide

Want to delete a slide? Just click the trash can icon to the right of the slide you want to say goodbye to.
Two interactive banner slides with trash icons beside each

Want to discover even more ways to engage users?

Try out Content Formatting Macros for free with a 30-day free trial 👇
Written by
A headshot of Zoriana Bogutska
Zoriana Bogutska
Senior Product Marketing Manager
Zoriana has over 12 years of experience in marketing, with 6 of them in product marketing management. As a Senior Product Marketing Manager, Zoriana aims to ensure Kolekti's apps excel by understanding customer needs, solving their problems, and making Kolekti truly the best solution.

LinkedIn →