Table of Contents | ||
---|---|---|
|
Prerequisites
To render the carousel and card list, you should switch to chatbot version - v2 in Bot view template node.
App Settings node in your chatbot flow.
Main menu
The Main menu can be accessed anytime during the conversation in the chatbot by clicking on the Main menu icon on the chat input box.
...
Code Block |
---|
msg.payload = { speechToText: "Native", headerLogo: "", micInput: true, directive:[ { "type": "mainmenu", "title":"Menu options", "html":`<img src=https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQgeBYLy8tTqd17LX3LOmihotvcxdyTh4Rxw05ayapfaqlnbPmXGQ width=50px height=50px> <p>Hi ! I'm Assista, your virtual assistant.You can select from the below options</p>`, "buttons": [ { "text": "Schedule an Appointment", "value": "Schedule an Appointment" }, { "text": "Access Same-Day Care", "value": "Access Same-Day Care" }, { "text" : "Find a Provider", "value" : "find a provider" }, { "text": "Frequently Asked Questions", "value": "help" } ] } ] }; return msg; |
Parameters used for Main menu directive
type
The type property should be set “scheduler”
title
The Title for the directive. Not displayed in the UI.
html
You can give custom html content here to be displayed on the top of the main menu screen such as the icon and custom text in the screenshot below.
...
buttons
Each button in the buttons object contains text and value properties of the button.
text - The name of the button
value - The value or the backend name of the button.
Related Articles
Filter by label (Content by label) | ||||||||
---|---|---|---|---|---|---|---|---|
|