> For the complete documentation index, see [llms.txt](https://docs.swiftsell.biz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.swiftsell.biz/bot-builder/action-block/carousel.md).

# Carousel

There are two types of Carousel blocks that Swiftsell offers. They are; 

1. **Image Carousel:**\
   \
   When you just want to show a set of images in a card, not requiring any input to move forward in the conversation flow<br>
2. **Carousel:**\
   \
   When you want to display details along with images along with CTA buttons to move forward in the conversational flow

### When should you use it?&#x20;

* Displaying a set of products or services
* Wanting to let the visitors choose from a variety of options&#x20;
* Give an image for a button
* Showing a set of images

### How do I set up the 'Carousel' action block?&#x20;

You can follow the following steps to set up the 'Carousel' action block;&#x20;

* Add action block on canvas by clicking on '+' <br>
* Choose 'Carousel' <br>
* Configure it on the right panel<br>
  * **Adding a card:**\
    \
    Click on '+ Card' to add a card. A maximum of 10 cards can be added in a 'Carousel'<br>
  * **Configuring the card:**\
    \
    Click on 'Card' to configure the following;<br>
    1. **Card Image:** \
       \
       Click on 'Upload an Image' to upload the image<br>
    2. **Card Name:** \
       \
       Provide the name of the card in the text editor<br>
    3. **Card Description:** \
       \
       Describe the card in the rich text editor<br>
  * **Buttons:** \
    \
    The carousel supports two types of buttons;<br>
    1. **Call to Action:**\
       \
       Using this button will allow you to decide the next set of actions or flow visitors will be navigated to  \
       &#x20;
    2. **URL Button:**\
       \
       Using this button, you can configure the URL where you would like to navigate the visitor to&#x20;

{% hint style="warning" %}
A maximum of 3 buttons can be added to one card.&#x20;
{% endhint %}