The new Carousel component expands what's possible in almost every direction: where you can place it, what you can put inside each slide, how it transitions between pages, and how it's navigated. It's now one of the most flexible components in Ingage.
Key benefit: Each slide in the new Carousel is a full Ingage page, so you can put virtually anything on it — images, text, videos, Compare components, buttons, or any combination. You're no longer limited to a fixed layout.
What's New at a Glance
Place Carousels anywhere — on a page, inside a pop-up, or both. Previously, Carousels could only live behind a pop-up button.
Any content on any slide — each slide is a full Ingage page, so you can mix images, text, videos, and components however you'd like.
Horizontal and vertical navigation — left-to-right, right-to-left, top-to-bottom, or bottom-to-top.
New transition animations — Swipe, Slide, and Crossfade.
Autoplay with looping — set a per-slide duration and let the Carousel advance itself, optionally looping back to the start.
New page indicator styles — Dots, Bars, Numbers, or None.
New arrow button styles — circle or no-circle, dark or light, or hidden entirely.
Customization in Engage Pro — the Carousel is now the final component to support hide/show customization of internal pages, bringing it to feature parity with other components.
Legacy conversion — optionally upgrade existing Carousel buttons to the new component.
Where You Can Place a Carousel
This is one of the biggest changes. The legacy Carousel could only live behind a pop-up button. The new Carousel can be placed:
On a page, directly in the flow of your presentation — viewers no longer need to tap a button to reveal Carousel content. This is entirely new.
Inside a pop-up, the same way the legacy Carousel worked.
At any size — small, large, or anywhere in between.
Multiple per page or pop-up — several Carousels can exist and run simultaneously on the same page or inside the same pop-up.
Important: If the Carousel is placed inside a pop-up, buttons inside the Carousel slides are not supported. Buttons inside a Carousel only work when the Carousel is on a page.
What You Can Put Inside a Carousel
Because every slide is a full Ingage page, you have complete freedom over content. On any slide you can include:
One image, or multiple images
Text anywhere on the slide (not just as a header or caption)
Videos
Compare components
Buttons (on-page Carousels only — see caveat above)
Any combination of the above
This is a significant shift from the legacy Carousel, which only supported a fixed layout (optional header, images, optional caption bar). The new Carousel is effectively a sequence of design-anywhere pages with Carousel navigation wrapped around them.
Navigation Direction
The new Carousel supports four navigable display directions:
Left to right
Right to left
Top to bottom (vertical)
Bottom to top (vertical)
Vertical Carousels are new. They're useful for page compositions where a horizontal Carousel doesn't fit the design, or for mobile-oriented layouts where vertical navigation feels more natural.
Transition Animations
There are three transition styles available when moving between slides:
Swipe — The standard transition. Both slides animate at the same time: the outgoing slide moves off as the incoming slide moves on. This matches the legacy Carousel's behavior.
Slide — A reveal-style transition. The new slide slides over top of the old one, rather than both moving in tandem.
Crossfade — An A/B dissolve between the slides. Especially powerful when combined with autoplay.
Autoplay
Autoplay is new to the Carousel and one of the more powerful additions. When enabled, each slide is shown on screen for a set duration, then automatically transitions to the next slide using the animation style you've selected.
Key behaviors:
Duration is configurable. Choose how long each slide stays visible before advancing.
Looping is supported. When autoplay is on, you get an additional loop option — after the last slide, the Carousel returns to the first and continues. Without autoplay, the Carousel stops on the last slide and the viewer has to navigate back manually.
Manual navigation still works during autoplay. Viewers can still tap arrows or swipe to advance at their own pace.
Tip: Autoplay + Crossfade = video-like motion. Combining a crossfade transition with autoplay produces continuous, smooth movement on the page. It's a great way to draw attention to hero content, featured products, or rotating imagery without building an actual video.
Arrow (Navigation Button) Styles
By default, a new Carousel includes tap/click arrows on the left and right sides of the component. You can customize how these arrows appear to match your presentation's aesthetic:
Arrow inside a circle
Arrow with no circle
Dark style — for presentations with lighter backgrounds
Light style — for presentations with darker backgrounds
No arrows — navigation relies on either autoplay or swipe gestures
Page Indicators
Page indicators show the viewer how many slides are in the Carousel and where they are in the sequence. Four options are available:
Dots — Small dots across the bottom of the Carousel. This is the same style used in the legacy Carousel.
Bars — Similar to dots, but displayed as bars across the bottom. Provides a different visual aesthetic while still showing progress.
Numbers — A literal page count (e.g., "1 of 4"). With numbers, you can also choose corner placement: top-left, top-right, bottom-left, or bottom-right.
None — No indicator at all. Useful for automated, autoplaying Carousels where you want the motion itself to be the focus.
Customization in Ingage Pro
For Ingage Pro customers, the new Carousel component is fully customizable. If a company story in Ingage Pro contains a Carousel, end users can customize the slides inside it — including hiding and showing individual slides. The same applies to manufacturing content.
This is worth highlighting because the Carousel was the last component in the platform that didn't support customization. With this update, it reaches feature parity with every other customizable component in Ingage Web and Ingage Pro.
For more on hiding and showing pages in general, see Hiding and Unhiding Pages and Sections.
How Customers Get Access to the New Carousel
Access to the new Carousel component requires an app update, and the update sequencing matters:
Creators and Admins update their apps first. Once updated, they can begin building presentations using the new Carousel component.
Sales reps must also update their iOS or Desktop apps before they can view presentations that include the new Carousel. Creators should confirm that reps have updated before publishing any presentation that uses the new component.
Important: Publishing a presentation that contains the new Carousel before reps have updated their apps will prevent those reps from viewing the Carousel content correctly. Confirm reps update before publishing.
Converting Legacy Carousels
Existing presentations that use the legacy Carousel button will continue to work — nothing breaks upon upgrading. In addition, a conversion option will be available at launch that lets Creators optionally upgrade a legacy Carousel button to the new Carousel component.
The conversion is opt-in, not automatic. You choose which legacy Carousels to migrate and when.
Templates and Examples
At launch, the pop-up library will be updated with a new section containing examples of Carousels inside pop-ups. These templated pages give Creators a starting point for common Carousel layouts, rather than having to design them from scratch.
Quick Reference: Legacy vs. New Carousel
Capability | Legacy Carousel | New Carousel |
Placement | Pop-up only (behind a button) | On a page or in a pop-up |
Slide content | Images + optional header + optional caption | Full Ingage page (anything) |
Navigation direction | Horizontal only | Horizontal and vertical |
Transition animations | Swipe only | Swipe, Slide, Crossfade |
Autoplay | Not available | Available, with configurable duration and optional looping |
Page indicators | Dots only | Dots, Bars, Numbers, or None |
Arrow styles | Fixed | Circle / no-circle, dark / light, or hidden |
Multiple Carousels per page | Limited | Fully supported |
Customization in Engage Pro | Not supported | Fully customizable |
Buttons inside Carousel | Not supported | Supported (on-page Carousels only) |
Common Questions
Does the Carousel loop back to the first slide automatically?
Only if autoplay is enabled. Without autoplay, the Carousel stops at the last slide and the viewer must navigate back manually. With autoplay enabled, an additional loop option becomes available that sends the Carousel back to slide one after the last slide.
Can I manually advance past the autoplay timing?
Yes. Even when autoplay is running, viewers can tap arrows or swipe to move forward or backward faster than the autoplay duration.
Will my existing Carousels break after the update?
No. Legacy Carousels continue to work as they always have. Upgrading to the new component is optional and done per Carousel through the conversion flow.
Things to Know
The new Carousel can be placed on a page, inside a pop-up, or both — at any size, with multiple Carousels allowed per page or per pop-up
Each slide is a full Ingage page, so any content works on any slide
Buttons inside Carousel slides are only supported when the Carousel is on a page (not in a pop-up)
Looping only happens when autoplay is enabled — otherwise the Carousel stops at the last slide
Both Creators and sales reps must update their apps — reps must update before viewing a presentation that uses the new Carousel
Legacy Carousels continue to work unchanged; conversion to the new component is optional
For more on adding and managing components, see the Component Guide
For more on working with pop-ups, see the Action Guide