...
Code Block |
---|
<html> <head> <title>Orbita Bot Test</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <script src="/chatbot/v3/chat.js"></script> <script> OrbitaChatBotV3.init({ projectId: '{{projectId}}', serverUrl: '{{req.headers.x-forwarded-proto}}://{{req.headers.host}}', botContainerId: 'chatWindow', botContentId: 'messages', botInputMessageId: 'input', botSendButtonId: 'orbita-send-button', botMicId: 'chatMic', botSpeakerId: 'un-mute', botMenuId: 'chatMenumenu-icon', botIcon: 'chat-icon', botClose: 'menu', customData: { chooseFlow: "" }, botSettings: { elementId: 'orbitabot', template: 'default' } }); </script> </body> </html> |
...
Sample with attributes:
Code Block |
---|
<html> <head> <title>Bot Plugin test</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <div data-orbita-init='chatbot' data-orbita-project-id='{{projectId}}' data-orbita-server-url='{{req.headers.x-forwarded-proto}}://{{req.headers.host}}' data-orbita-bot-container-id='chatWindow' data-orbita-bot-content-id='messages' data-orbita-bot-input-message-id = 'input' data-orbita-bot-send-button-id = 'orbita-send-button' data-orbita-bot-mic-id = 'chatMic' data-orbita-bot-speaker-id = 'un-mute' data-orbita-bot-menu-id = 'chatMenumenu-icon' data-orbita-bot-icon = 'chat-icon' data-orbita-bot-close = 'menu' data-orbita-custom-data = '{"chooseFlow": "123"}' data-orbita-bot-Settings='{"elementId": "orbitabot", "template": "customuidefault"}'></div> <script src="/chatbot/v3/chat.js"></script> </body> </html> |
...