Table of Contents |
---|
Prerequisites
...
To render the carousel and card list, you should switch to chatbot version - v2 in Bot view template node.
...
|
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.
...
Chatbot V3
Chatbot V2
Click on the Main menu icon to open the menu items.
...
Chatbot V3
Chatbot v2
To change the menu items
...
Open Experience Designer and go to Chatbot Flow Tab.
In the function node named App Settings, scroll down to find the type - mainmenu. You can customize the contents of the property named text and value in the object - buttons.
...
Note |
---|
There should be only one app settings node in the environment. |
Sample app settings code that contains the Main menu directive.
...
, navigate to the Project side menu > Develop > Chatbot settings > Settings tab.
Add the below code in the appSettings
property.
Code Block |
---|
"directive": [ |
...
|
...
|
...
{ |
...
"type": "mainmenu", |
...
|
...
|
...
" |
...
title": |
...
"Menu options", "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" } |
...
] |
...
} |
...
] |
...
Properties used for Main menu directive
Property | Description |
---|---|
| The type property should be set “ |
...
mainmenu” | |
| The Title for the directive. Not displayed in the UI. |
| 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 |
...
screenshots below. |
...
| Each button in the buttons object contains the text and value properties of the button.
|
Chatbot v1
Chatbot v2
Related Articles
Filter by label (Content by label) | ||||||||
---|---|---|---|---|---|---|---|---|
|
...
|