September 5, 2023

How to add a Carousel Slider to your website?

Access the Component Builder

1. Select the website you wish to edit and go to the Component Builder.

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

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

2. 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
Edit slides content

3. Save to finalise changes made.

1. Head over to the folder you want this component added in via Website to change the design. To add components to the landing page, go to the Home folder.

Accessing the home folder
Accessing the Page Builder

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

Drag-and-Drop Page Builder interface on Konigle

Here's a video tutorial on how to add a carousel slider to your website:

Frequently Asked Questions (FAQs)

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.

Be first to comment
Leave a reply