Skip to main content

How to Add a Carousel to Your Landing Page

Create engaging, interactive landing pages with carousels that showcase multiple pieces of content in a compact space.

Updated this week

Add a Carousel Element

Drag and Drop the Carousel Element

  1. Create a section where you want the carousel.

  2. Drag the Carousel element from the content panel onto the landing page.

Dragging the carousel element into the page

Customize Carousel Settings

Reveal Carousel Attributes

Click the carousel element. Use the right-side panel to:

  • Set the number of total slides

  • Choose how many slides display at once

  • Change the carousel color

Carousel settings in right-side panel

Autoplay Option

Toggle on Autoplay to control the speed of slide transitions. Adjust the timing to ensure messages are readable without being too slow.


Edit Carousel Slides

Add Content to Each Slide

Hover over each slide or drag content blocks (like images, text, or buttons) from the panel to build your slide layout.

Edit Individual Slides

Click the three-dot menu on any slide to:

  • Edit text and styles

  • Clone the slide

  • Delete the slide

Slide three-dot menu options

Reorder Slides

Drag and drop slide titles to change their order in the carousel.

Reordering carousel slides

Control Slide Display by Device

Choose how many slides appear on screen and pixel space between slides for Desktop and Mobile view. This ensures your landing page looks great across devices.

Device-specific slide settings

Recommended Ways to Add Slides in Modules

Important to note: You cannot add slides or rearrange slides for a carousel in a premade module within an asset. To keep modules functioning correctly inside assets, use one of these methods to add slides:

  1. Create a module variation with the desired number of slides (strongly recommended):

    Use module variations to simplify workflow and avoid issues when merging modules in assets.

  2. Break apart the module and manually add slides.


Watch the Carousel in Action


Need more help? Contact Support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?