Alert: When a file or image is added as an attachment or background in any response card, there is a possibility that the file/image may be sent after the card’s text when the bot is engaging on WhatsApp.

For example, if you use a send message card with an attachment/file followed by a button card for suggestions, the text of the send message card will be delivered first, then the button card’s text, and finally the attachment/file will be sent to the visitor. This behavior is due to how Meta handles the WhatsApp channel. Hence, ensure the bot flow is configured accordingly to account for this delay.

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

1. 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. 

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.
  

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

    

1. The card is supported on Facebook, Instagram, WhatsApp, Telegram, and LINE. 
2. 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. 

The Share Links card lets you share links with visitors in a widget format, with a short title and an icon. It supports both web-based URLs and action-based URLs.Web URLs

• 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 a Link list datatype. 
  

• After clicking Save, you can view the card on the bot builder page.
  

Channel compatibility and limitations

  

1. This widget is supported on Facebook, Instagram, WhatsApp, Telegram, and LINE.
2. The bot displays the links/URLs along with the text as a clickable button.

Example -  Displaying the product along with a link to buy.  

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.

1. To add the Display carousel card to the flow, click the card holder icon (+) and choose Display Carousel under the Response Cards section.
   

1. Give your card a name and a message to be displayed. 
2. Next, select the card type,
   
1. Static - The carousel card's content, such as the image, description, and redirection URL, are pre-defined here by you.
   
2. 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. 

Learn more about bot context variables.  

1. For Static card type, provide the card contents such as the image, title and description. 
2. Next, click Add Link to add the URL as CTA to the card. 

1. Then, give the hyperlink text, redirection URL, link icon, specify whether you prefer the URL to open in a new tab and click Add .
   

1. To add more links to the card, click Add Link , and to add more cards to the carousel, click Add Card . 
   
2. Finally, click Save to add the this card to the flow.
   

1. For Dymanic card type, add a plug, get the card contents in a context variable and choose the variable here. 
2. 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:

1. The card is supported  on Facebook. 
2. 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