Hi there! im trying to implement a custom card carousel for my webchat as I saw here but I cant find any documentation or examples to use as a guide. I would like to know if it is possible to implement this using Rasa Webchat or this widget too and how can I achieve this. And one last question, is it possible to ‘generate’ the carousel in a custom action via dispatcher.utter_message() ? Thanks in advance!!

Using Botfront´s Rasa web-chat UI and a custom action, you can generate and output a carousel like this: class CustomAction(Action): async def run(self, dispatcher, tracker: Tracker, domain: Dict[Text, Any]) -> List[Dict[Text, Any]]: carousel = { "type": "template", "payload": { "template_type": "generic", "elements": [ { "title": "...", "subtitle": "...", "image_url": "...", "buttons": [{ "title": "...", "url": "...", "type": "web_url" }#, #{ # "title": "postback name", # "type": "postback", # "payload": "/greet" #} ] }, { "title": "...", "subtitle": "...", "image_url": "...", "buttons": [{ "title": "...", "url": "...", "type": "web_url" }#, #{ # "title": "postback name", # "type": "postback", # "payload": "/greet" #} ] }, ] } } dispatcher.utter_message(attachment=carousel) video = { "type": "video", "payload": { "title": "Coming Soon...", "type": "video", "src": "a url" } } dispatcher.utter_message(attachment=video) return [] Hope it helps!

[image] Ameerak124: this widget using this widget you can add the carousel, but you need to customize it according to your need JiteshGaikwad/Chatbot-Widget/blob/main/docs/responses.md#card-carousel # Sending Bot Responses from Rasa ## Text - sending response from `domain.yml` ``` responses: utter_greet: - text: "Hello 😀" ``` - sending response from custom actions `actions.py` ``` dispatcher.utter_message(text="Hello 😀") ``` ## Images - sending response from `domain.yml` ``` responses: This file has been truncated. show original

Getting this error and thanks for the reply YamlValidationException: Failed to validate ‘D:\ll\domain.yml’. Please make sure the file is correct and all mandatory parameters are specified. Here are the errors found during validation: in D:\ll\domain.yml:40: Value 'ordereddict([(‘custom’, ordereddict([(‘payload’, ‘cardsCarousel’), (‘data’, [ordereddict([(‘image’, ' https://b.zmtcdn.com/data/pictures/1/17428541/da50010b1a953dfbb109306fba5a6c06.jpg’)])])]))])’ is not a list. Value path: '/responses/utter_cards_carousel’ [error]

I have been added this code like this: [Screenshot (261)] But getting this response from the messenger. [1623660944201] What was the mistake?

Are you using Botfront´s Rasa web-chat UI as the frontend? If you are using it, I do not know what the problem can be, sorry.

Botfront’s rasa web-chat works okay. But Facebook Messenger is giving this response.

Hi @AbuIshak , did you find a solution to your problem? I’m getting proper carousel output in my webchat but in Teams messenger I’m getting the same json output like yours. Thanks in advance!

Thanks for your solution, however do you know how to make dynamic numbers of elements instead of hard coding number of the elements inside it using python?

Can we also add card when using Botfront UI. Any suggestions would be helpful.

Want to add carousel to webchat

Rasa Open Source

Ameerak124 (SHEIK AMEER) March 31, 2021, 10:42am 5

Thanks @humcasma its worked

Topic		Replies	Views
Rasa Webchat Carousel Example Rasa Open Source	40	8639	November 30, 2022
Rasa web chat add carousel or Card Getting Started with Rasa	2	219	April 19, 2019
Cards in rasa Rasa Open Source	19	3890	December 29, 2020
Carousel not showing in rasa webchat Rasa Open Source	3	764	August 7, 2020
Custom Rasa/webchat and facebook messenger carousel [Deprecated] Rasa X Community Edition	9	1253	May 4, 2022

Want to add carousel to webchat

Related topics