# Carousel

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

1. **Image Carousel:**\
   \
   When you just want to display 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 image along with CTA buttons to move forward in the conversational flow

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

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

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

{% embed url="<https://www.loom.com/share/1ce6d428e1cf4c48bfd9cde0a96a780a?sid=c7d35bf9-1698-4093-9ba5-ab552265e738>" %}
Setting up 'Carousel' action block
{% endembed %}

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 right panel<br>
  * **Adding a card:**\
    \
    Click on '+ Card' to add an card. Maximum 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:** \
       \
       Provide description about the card in the rich text editor<br>
  * **Buttons:** \
    \
    Carousel supports two type of buttons;<br>
    1. **Call to Action:**\
       \
       Using this button, it will allow you to decide the next set of action or flow visitor 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" %}
Maximum 3 buttons can be added to one card.&#x20;
{% endhint %}