> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add an IMAGE SLIDER (carousel) to your page

To create an **Image Slider** on a page, follow the tutorial below:

1. In the page editor, using the menu on the left side of the screen, click the **slider icon**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1jlk21g.png =299xauto)

2. The slider element will then be inserted into the editor;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_17zong0.png)

3. Click on **Edit**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_foesyd.png)

4. A tab will open on the right side of the screen. There you can set up the slider's Styles(its visual information), add Animations(animate the slider element), and Configure(advanced settings);

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1ru45vf.png)

In the **Configurar** tab, you can add the images that will run in the slider, set the **number of images per view**, and the **spacing between images**.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_5hfl1p.png)

Still in the settings section, you can define whether the slider will be **automatic** (whether the images will move without clicking the arrows), **fit images to the slider** (images the size of the slider screen or smaller), and set the **control visibility** (visible arrows).

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_16a7xi0.png)

Still have questions? Reach out to our support team, we're always happy to help! :)