Response cards are used to send responses to the visitor such as text, images, videos, and links.
Send Message
This card can be used to send informative messages/files to the visitor.
-
To add the
Send Message
card to the flow, click on the card holder icon (+) and choose Send Message under the Response Cards section.
-
Now, specify a
name
for the Send Message card. Add the
message
in the message input field.
- There is an option to delay this card, ensuring this card will be executed after a specific interval. For that, enable the Card wait time.
-
Next, select the duration of the wait time and a message to be sent during the wait time.
-
You have the flexibility to configure up to three different messages to be sent during the wait time. Additionally, you can choose whether these messages should be sent in a predetermined sequence or a random order.
-
Finally, click
Save
. You can also add images or attachments to enrich your response under the Advanced options.
Channel compatibility and limitations
-
This card is supported in the Facebook, Instagram WhatsApp, Telegram, and LINE.
The text and images sent from the bot would be similar to the website.
Example
- Displaying products in online shopping for website visitors.
Sample Output
Share Article(s)
This card can be used to display articles available in your Knowledge base.
-
To add the
Share Article(s)
card to the flow, click on the cardholder icon (+) and choose
Share Article(s)
under the Response Cards section.
-
Now, specify a
name
for the card, add the message
in the message input field, choose the required articles from the drop-down and click
Save
. You can also add images to enrich your response.
-
After clicking
Save
, you can view the card on the bot builder page.
Sample Output
Share Video
The Share Video card can be used to display a video to the visitor.
-
To add the
Share Video
card to the flow, click on the cardholder icon (+) and choose
Share Video
under the Response Cards section.
-
Now, specify a
name
for the card, add the
reply
text
in the message input field, enter the video URL and click
Save
. You can click on the
Autoplay
check box to automatically play the video, and also add images or attachments to enrich your response.
-
After clicking
Save
, you can view the card on the bot builder page.
Channel compatibility and limitations
-
The card is
supported
on Facebook, Instagram, WhatsApp, Telegram, and LINE.
-
When using this card, the user would get the URL of the video along with thumbnail, and clicking on it would redirect to the respective video player. But the video cannot be played inside the chat.
Example
- Displaying the products along with a video in online e-commerce shopping.
Sample Output
Share Link(s)
This card can be used to share links with the visitor in the widget format with a short title and icon.
-
To add the
Share Link(s)
card to the flow, click on the cardholder icon (+) and choose
Share Link(s)
under the Response Cards section.
-
Now, specify a
name
for the card and add the message
in the message input field. Under Link property, give a
name
for the link and specify whether the link should be directed on the
same
or
new
page.
-
Then, provide the
link
that you want to send to the visitor and
more than one link
can be added in this section. You can also add an image to enrich your response.
-
You can also provide a dynamic link/URL from a Plug with Link list datatype.
- After clicking
Save
, you can view the card on the bot builder page.
Channel compatibility and limitations
-
This widget is
supported
on Facebook, Instagram, WhatsApp, Telegram and LINE.
-
The bot displays the links/URLs along with the text as a clickable button.
Example
-
Displaying the product along with the link to buy.
Sample output
Display Carousel
Carousel cards provide an engaging and visually appealing way to showcase multiple pieces of content or products in a single, interactive format, making it more enriching for users. In eCommerce, you can effectively market various products, while in real estate, you can promote your key offers and discounts. In the hospitality sector, you can conveniently list your services and appointments, and in education, you create a comprehensive catalogue of available training options, and so much more.
With this display carousel, you can present a maximum of 10 cards with unique information, including names, images, and clickable URLs as CTA (calls-to-action) in a scrollable carousel (horizontal) format for visitors.
-
To add the Display carousel card to the flow, click the card holder icon (+) and choose Display Carousel under the Response Cards section.
-
Give your card a name and a message to be displayed.
-
Next, select the card type,
-
Static
- The carousel card's content, such as the image, description, and redirection URL, are pre-defined here by you.
-
Dynamic
- The card's contents are loaded during the runtime based on the visitor's preferences. These contents can be fetched by the context variable from the
Plug
using
Product List
datatype.
-
For
Static
card type, provide the card contents such as the image, title and description.
-
Next, click
Add Link
to add the URL as CTA to the card.
-
Then, give the hyperlink text, redirection URL, link icon, specify whether you prefer the URL to open in a new tab and click
Add
.
-
To add more links to the card, click
Add Link
, and to add more cards to the carousel, click
Add Card
.
-
Finally, click Save to add the this card to the flow.
-
For Dymanic card type, add a plug, get the card contents in a context variable and choose the variable here.
-
Finally, click Save to add the this card to the flow.
Channel compatibility and limitations
Currently, this card is not supported in, Mobile SDK, Instagram, WhatsApp, Telegram and LINE.
Facebook Messenger:
-
The card is supported
on Facebook.
-
When using this card, the images would be in a scrolling format along with clickable link buttons. A maximum of 3 buttons and 80 characters each is allowed.
Example
- In eCommerce, marketing various deals and offers to the visitors.
Sample Output