Please Note
This document describes how to embed the CallDeflectAI/Express Chatbot on your website
For general chatbot configuration documentation, please see:
How do I configure Chatbot V3
Embedding a Chatbot on a Web Page Using a Simple HTML Snippet
...
Edit the Template - Edit the HTML template of the pages where you want the chatbot to be displayed. This may include your homepage, product pages, help pages, or any other relevant sections of your website.
Paste this HTML/JavaScript Snippet in Page Footer. The email you receive will contain a snippet like this:
<div id="orbitabot"
data-orbita-init='chatbot'
data-orbita-project-id='[YOUR_PROJECT_ID]'
data-orbita-server-url='https://express.orbita.cloud'
data-orbita-custom-data = '{"org": "[YOUR_ORGANIZATION_TOKENID]"}'
data-orbita-bot-Settings='{"elementId": "orbitabot", "template": "express"}'></div> <script src="https://express.orbita.cloud/chatbot/v3/chat.js"></script>
Insert the JavaScript snippet you received via email in the above into your edited template. The snippet may be placed anywhere within the HTML body. Make sure to replace the Project ID and the Organization ID with the values from the email.
Save and Publish Template - Save and publish the updated template(s) on your website. Once published, the chatbot will be live and functional, based on the selected launch option.
Refresh the web page - Refresh your web page, you should now see the chatbot icon appearing.
...