WotNot Help Center
Create a ticketBook a demoProduct
  • πŸ‘‹Welcome!
  • 🏁Getting Started
    • Building a chatbot
    • Testing a chatbot
    • Publishing your bot
      • Web
        • Embed chatbots on website
      • WhatsApp
        • Meta
        • 360Dialog
        • Twilio
        • GupShup
        • TechAlpha
      • Instagram
      • Facebook Messenger
      • SMS
      • Mobile app
      • API
    • Utility Tools
    • Contacts
      • Scheduling a Contact Report
      • Exporting a Contact List
      • Blocking contacts
    • Chatbot Appearance
      • Custom CSS
      • Image dimensions
      • Pop-up messages
  • βš’οΈBot builder
    • Action blocks
      • Trigger
      • Send message
      • Collect input
      • Buttons
      • Reply buttons
      • Carousel
      • Agent
      • Answer AI
      • Set AI
      • Send an email
      • List
      • Condition
      • Talk to human
      • Dynamic data
      • Javascript
      • Collect file
      • Form
      • Webhook
      • Flow
      • Jump
      • Options
      • Calendar
      • Delay
      • Codeblock
      • Slider
      • Image gallery
      • Send WhatsApp
      • Send SMS
      • Send Email
      • Send Status
      • WhatsApp flow
      • Catalogue
    • Outbound bots
      • Building One Off Campaign
      • Building Ongoing Campaign
    • Variables
    • Cloning bots
    • Requesting edit access
    • Connecting action blocks
    • Creating a loop
  • ✨AI Studio
    • Building a GPT chatbot
    • Knowledge base
    • Custom Answers
    • Functions
    • Prompts
    • AI credits
    • Refresh frequency
  • πŸ’¬Live Chat
    • Overview
    • Building a bot with live chat
    • Creating views
    • Adding labels
    • Saved replies
    • Settings
  • πŸ”—Integrations
    • Overview
    • HTTP request
    • Ready integrations
      • Google Calendar
      • Google Sheets
      • Google Analytics
        • Using Javascript
      • Salesforce
      • HubSpot
      • Calendly
      • Slack
      • Airtable
      • Zendesk
      • Freshdesk
      • DialogFlow
      • Zoho CRM
    • Events
    • Zapier
    • Public APIs
  • πŸ’¬WhatsApp Business API
    • Getting a WhatsApp API
      • Getting WhatsApp API (Old approach)
      • Sandbox WhatsApp API
    • Facebook Business Manager (FBM) Verification
    • Creating a WhatsApp Template
    • Cost
    • Messaging Limits, Quality Rating
    • Official Business Account (Green tick verification)
  • πŸ“ŠReporting
    • Overview
    • Chatbot Report
    • Agent Report
    • Outbound Report
    • Link analytics
    • Weekly email report
  • πŸ› οΈTroubleshooting
    • Getting notification for leads
    • JS functions to trigger chat widget
    • Opt-out management
    • Setting up link tracking
    • How do I hard refresh my browser?
    • Cookies
    • Notifications
    • Tracking Facebook Pixel
    • Setting up SSO login
    • Inviting teammates
    • Teams
  • πŸ§‘β€πŸ’»Support
    • Creating a ticket
    • Book a demo
    • Purchasing a subscription
    • Cancelling a subscription
    • Refund policy
    • Reset password
    • Deleting account
Powered by GitBook
On this page
  • Configuring Cards:
  • Variables:
  • Example:

Was this helpful?

  1. Bot builder
  2. Action blocks

Carousel

Displays a set of cards in a carousel.

PreviousReply buttonsNextAgent

Last updated 11 months ago

Was this helpful?

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.

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.

βš’οΈ
Learn more about variables here.
Setting up 'Carousel' action block