Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
excludeRelated Articles

Prerequisites

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

Chatbot v1

Chatbot v2

Click on the Main menu icon to open the menu items.

Chatbot v1

Chatbot v2

To change the menu items:

  1. Open Experience Designer and go to Chatbot Flow Tab.

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

Image Removed
Note

There should be only one app settings node in the environment.

Sample app settings code that contains the Main menu directive.

Code Blockmsg.payload = { speechToText: "Native", headerLogo: "",

, navigate to Project side menu > Develop > Chatbot settings > Settings tab.

Image Added

Add the below code in the appSettings property.

Code Block
"directive": [
     micInput: true,     directive:[ {
       {         "type": "mainmenu",
        "title":"Menu options",
        "htmltitle":`<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>`, "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"
                    }
 }               ]
   ]         }
 
  ]
};
return msg;
Parameters
Image Added

Property

Description

"type": "mainmenu"

The type property should be set “

scheduler

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

screenshot buttons

screenshots below.

Chatbot v1

Image Removed

Chatbot v2

Image Removed

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

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.

Chatbot v1

Image Added

Chatbot v2

Image Added

Related Articles

Filter by label (Content by label)
showLabelsfalse
max5
showSpacefalse
cqllabel = "experience-manager"