Carousel

Displays a set of cards in a carousel.

Only supported in the WEB channel.

Carousels are a set of cards which displays the items with Click to Action buttons (CTAs) associated with each card.

Carousels action block is made up of 2 sections;

  1. Configuring Cards

  2. Variables

Configuring Cards:

In order to display the items, you will need to add the cards to the action block by clicking on β€˜+ Card’.

Note:

  • Maximum number of cards allowed is 10

  • Ideal count is between 3 to 7 cards

You can click on the card to configure it.

Card consist of following elements:

Image

A cover image for each card.

Card title

Title of the card.

Card description

Brief description of the card.

Buttons

Call to action buttons for each card. You can add a max of 2 buttons. Button types: - Branch: On click, moves the chat to the next step in the flow. - URL: Opens a URL on the browser; flow ends at that point.

Maximum of three buttons allowed.

Variables:

Variables are used to store the input received from the visitor, so you can reference it for later use.

You can either choose an existing variable from the dropdown or create a new one.

Only Branch button selection made by the visitor will be stored in the variable.

Learn more about variables here.

Example:

Imagine you are building a chatbot to showcase the properties offered in your real estate company.

You can use Carousel to display all the properties offered by you with an image, name of property and details of some amenities offered.

And the buttons can be:

  • Learn more -- which redirects to your webpage with more details.

  • Book a visit -- which continues the flow asking for contact info to book a site visit.

Last updated