Konigle Community

community
Signup for Konigle Login

How to add a Carousel Slider to your website?

Created on

1. From your dashboard, go to Website > Component Builder.

Konigle Dashboard
Konigle Dashboard
Accessing the Component Builder
Accessing the Component Builder

2. Under the Built-in tab, search for "carousel slider" and copy the style of your choice to your components.

Built-in Carousel Slider components
Built-in Carousel Slider components
Copy the selected style to your components
Copy the selected style to your components

3. Go back to the Yours tab to make edits to the copied component.

  • Show/hide the progress bar and controls
  • Set slide duration to show each slides
  • Add slide images with an aspect ratio of 16:9 or choose sample images from the assets library
  • Add a title, subtitle, and CTA on each slide
  • Add a description below the carousel slider
Configure slide settings
Configure slide settings
Edit slides content
Edit slides content

4. Save to finalise changes made.

5. Head over to the folder you want this component added in via Website > *folder name* > Change design. To add components to the landing page, go to the "Home" folder.

Accessing the home folder
Accessing the home folder
Accessing the Page Builder
Accessing the Page Builder

7. Drag and drop the designed carousel slider component to add it to your website and Save.

Drag-and-Drop Page Builder interface on Konigle
Drag-and-Drop Page Builder interface on Konigle

Can you make a carousel without JavaScript?

Yes of course you can! Konigle is a great example of a zero-coding website builder that enables you to create website components such as a carousel without the use of JavaScript or HTML.