Main menu directive

Owned by Rajkiran Alla (Deactivated)
Last updated: Jun 17, 2022 by Bharathi Manohar (Deactivated)
4 min read

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, navigate to the Project side menu > Develop > Chatbot settings > Settings tab.

Add the below code in the appSettings property.

"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

Property

Description

"type": "mainmenu"

The type property should be set “mainmenu”

"title": "Menu options"

The Title for the directive. Not displayed in the UI.

"html": "<img src=https://<URL> width=50px height=50px><p>Hi ! I'm Assista, your virtual assistant.You can select from the below options</p>"

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.

 

"buttons": [{
"text": "Schedule an Appointment",
"value": "Schedule an Appointment", "type": "link"
}]

Each button in the buttons object contains the text and value properties of the button.

  • text - The name of the button

  • value - The value or the backend name of the button. You can also give a URL link here. You have to set the optional property "type": "link" to open the URL link in a new tab.

  • type - (optional) The type property should be set as “link” if you want to use a URL in the value property.

Chatbot v1

Chatbot v2

Related Articles