# How To Add Slider In Webflow

> To add a slider in Webflow, locate the Slider element in the left sidebar, drag and drop it onto your page, configure settings like Auto-play and duration in the pop-up or right sidebar, and populate your slides with content such as images and text by dragging and dropping elements.

Canonical: https://livedemo.ai/tutorials/how-to-add-slider-in-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2ed0d673bd5aa8e60df8/preview?step=1

## Steps

1. To begin, go to the Add Elements section on the left sidebar menu.
2. Locate or search for the Slider element.
3. Drag the slider out and drop where you wish to place it.
4. When your slider is inserted, it will open a pop-up menu for settings.
5. Some important settings include the Auto-play feature, duration and animations.
6. You can click on the Show All Settings button at the bottom to view more options.
7. This will simply take you to the Settings tab on the right sidebar menu.
8. Under the Slider settings section you can add more slides.
9. You can use the arrows to slide between your slides or use the list option to select a specific slide.
10. To insert any content inside a slide, simply navigate to the content such as Assets for Images.
11. Find a picture you like and drag it to the current slide.
12. This will insert the image onto the slide. You can also add images as a background for more control over its appearance.
13. Just like any other element, the image in the slider can be adjusted in size and dimensions via the Style tab on the right sidebar menu.
14. You can also use the numbered buttons to switch between slides from the designer.
15. Slides support all forms of content including text, videos, images, etc.
16. All elements are inserted in the same way, simply locate, drag and drop.
17. We now have a text heading on another slide. Continue exploring and customizing your slider to shape it however you wish!