...
Chatbot Version v2 is introduced to change the look and feel of the default Orbita chatbot.
...
In the Settings tab of the Bot view template node, you can edit some properties like:
...
| Code Block | ||
|---|---|---|
| ||
{
"header": {
"logoUrl": "/chatbot/v2/assets/branding-mark.svg",
"headerText": "Title",
"subHeaderText": "This is sub header text",
"speakerOnIconUrl": "/chatbot/v2/assets/volume-on.svg",
"speakerMuteIconUrl": "/chatbot/v2/assets/volume-muted.svg",
"closeIconUrl": "/chatbot/v2/assets/x-header.svg"
},
"banner": {
"title": "This is banner title",
"message": "This is banner message"
},
"profile": {
"defaultAvatarUrl": ""
},
"footer": {
"menuIconUrl": "/chatbot/v2/assets/plus-button.svg",
"menuIconDiabledUrl": "/chatbot/v2/assets/plus-btn-disabled.svg",
"micIconUrl": "/chatbot/v2/assets/mic.svg",
"micOnIconUrl": "/chatbot/v2/assets/mic-on.svg",
"sendButtonIconUrl": "/chatbot/v2/assets/button-circular-01.svg",
"sendButtonDisabledIconUrl": "/chatbot/v2/assets/send-circular-01-disabled.svg"
},
"theme": {
"dockFloat": {
"buttonSrc": "/chatbot/v2/assets/branding-mark.svg",
"buttonTitle": "button Title"
}
},
"botAvatarUrl": "/chatbot/v2/assets/orbita-icon.svg",
"animationAvatarImageUrl": "/chatbot/v2/assets/avatar_loading.gif",
"animationImageUrl": "/chatbot/v2/assets/msg_loading.gif",
"popover": {
"text": "Hi there",
"waitTime": 3000,
"documentTitle": "New Message!",
"titleChangeTime": 2000
}
} |
The Experience Manager > Project Side navigation menu >Chatbot Settings > Settings tab will take the highest priority. Refer, Chatbot Settings.
Sample code in the Header tab
...