> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a slider to a widget

> Add a slider element to your widget, edit slides, set position, and customize transition animations and autoplay behavior.

You can add sliders to your widgets to make them more dynamic.

In this article, you will learn how to:

* Add a slider
* Edit a slider
* Position a slider
* Customize the transitions between slides

## Add a slider

To add a slider:

1. Click **Add element** in the left sidebar.
2. In the list, unfold the **Media** section.
3. Click **Slider**. A new panel opens where you can edit the slider.

## Edit a slider

Sliders contain three slides by default, but you can add more. Click **Add new slide**.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-slider-to-your-widget/ezgif.com-video-to-gif-1.gif)
</Frame>

Click **Edit** to edit the slider.

## Position your slider

You can position your slider wherever you want in your widget.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-slider-to-your-widget/ezgif.com-video-to-gif-6.gif)
</Frame>

## Customize the transitions between your slides

You can customize the transitions between your slides.

Click **Slider Animation** and adjust speed, choose your transition effect, and enable touch moves.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-slider-to-your-widget/ezgif.com-video-to-gif-3.gif)
</Frame>

Activate **Autoplay** if you want your slides to change automatically.

You can also edit previous or next arrows and pagination.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-slider-to-your-widget/ezgif.com-video-to-gif-5.gif)
</Frame>
