Skip to main content
Carousel

How to add a carousel to your landing page

Updated today

Carousels are a powerful feature on a landing page as they enable you to prioritize your content while also enhance it's visual appeal. The Knak landing page editor allows you to easily build a carousel with no code.

How to add a carousel

Drag and drop the carousel element

After creating a section where you would like to add your Carousel Element to, click and drag the carousel element onto your landing page.

Carousel Content Block

Click on the Carousel to reveal the carousel attributes

You'll be able to adjust the carousel attributes in the right navigation to change the carousel color, total number of slides as well as the number of slides on screen.

Carousel Attributes menu showing carousel color, indicator color, and slides
Carousel Attributes displaying vertical alignment, slides on screen with responsive options for desktop and mobile view, spaces between slides, and auto play slides toggled on

How to edit individual slides

Hover over the carousel or drag the content element from the content bar to add images, text, buttons into your carousel.

Empty carousel with two slides

When editing, click on the '3-dot-menu' to the right side of the slide you wish to edit, clone or delete. The "Edit" option will allow you to edit the text and slide styles of that specific slide.

3 slides with three dot menu expanded for slide 1

Change the order of your slides

You can re-order the carousel slides by dragging the slide title and dropping it in the desired position.

Clicking and dragging the slides to change the order

Decide how many slides display for desktop and mobile view

To ensure your landing page is mobile responsive, you can set a different number of slides to display on screen for desktop and mobile view.

Slides on screen responsive options

Change the speed of the carousel using "Autoplay"

Toggle on the "Autoplay" feature to adjust the speed your slides will transition. The pace of transitions affects how easily visitors can read and absorb the messaging or promotional content. By allowing users to adjust the speed, we ensure that they have enough time to understand key points without feeling rushed.

Autoplay toggle on with delay of 2500 ms

Video tutorial of the Carousel feature 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?