# Carousel

**ReplyCX offers two types of carousels:**

1. **Image Carousels:** When you just want to show a set of images in a card, not requiring any input to move forward.
2. **Carousels:** Cards with details about it and CTA buttons to take the next step.

### **Applications of Carousels:**

* Displaying a set of products or services
* Allowing the visitors choose from a variety of options
* Give an image for a button
* Showing a set of image

### Setting up Carousels:

Here the process of setting up a **‘Carousel’** has been described with a set of 3 cards.

**Step 1:** Add **'+'** in the canvas and select **‘Carousel’**.

**Step 2:** Search for the 'Carousel block and select it.

**Step 3:** Click on Carousel to configure it.

<figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2FnhsKdiOF4E4qjJotTHcB%2Fcarousel1.png?alt=media&#x26;token=6824cd24-f2a9-40fa-8c0e-5e6a496b465c" alt=""><figcaption></figcaption></figure>

**Step 4:** Adding a Card:\
Click on the **'+ Card'** to add a card.

**Step 5:** Configuring the card:\
Click on the **'Card'** to configure the following:

<figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2FfQteZ0jkWDte6ldFjvW2%2Fcarousel2.png?alt=media&#x26;token=366c6d29-40dd-4c84-89e9-69081bbc9f8e" alt=""><figcaption></figcaption></figure>

1. **Card Image**
2. **Card Name**
3. **Card Description**
4. **Buttons:**\
   Carousel supports two type of buttons:

   * **Call to Action:** Decide the next set of action or flow visitor will to be navigated.
   * **URL Button:** Configure the URL where you would like to navigated the visitor.

   <figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2Fha8fr1etFZZCRJ2dFJEB%2Fcarousel3.png?alt=media&#x26;token=83e926c1-36d0-4bde-a206-fba46b16f5ba" alt=""><figcaption></figcaption></figure>

#### Enable free text input

When the **“Enable free text”** option is enabled in the **Carousel block**, users can either select one of the predefined carousel cards or type their own response directly in the chat input. A new **“Free text”** node will also be added on the canvas, which can be connected to an AI agent action block to generate AI-driven responses.

This enables more natural, two-way conversations, allowing any free-text input from users to be handled dynamically for contextual replies.

<figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2FBcrAubGeZczE9wPaWo3C%2Fimage.png?alt=media&#x26;token=cea09678-e34c-4a89-addf-5179159df374" alt=""><figcaption></figcaption></figure>