Voice Orb

Installing the New Voice Orb Widget

The voice orb is a dynamic widget that lets your clients interact with your AI assistant directly from your website—booking appointments, getting answers, and enjoying a more conversational, voice-powered experience. The latest update brings better speed, and smoother interactions.

Install Guide:

Copy the code and put it in a sheet or element where you can edit it.
Fill in your assistant ID and your CRM location ID for your assistant and oauth to populate.
Configure the inputs and settings as you please.
Copy the code and paste it in a javascript / html element on the page OR in the page header.
You’re ready to go!

Copy Code:

Make sure to fill in your assistant ID and your location ID for oauth access and your assistant to populate correctly.

<script

src="https://botdisplay.com/orb.js"

data-color="#4c81ec"

data-icon="bot"

data-assistant-id="174…3000"

data-account-id="kkJ…N61"

data-position="center"

data-diameter="86"

data-show-prompt="true"

data-prompt-message="Speak with us"

data-theme="dark"

data-sound-on="true"

data-container="voice-orb-container"

></script>

</div>

Inputs & Options:

data-color: The hex code of your choice that is responsible for the color of the widget.
data-icon: The awesome font icon to use with the widget.
data-account-id: Your CRM Location ID where the assistant is from
data-diameter: How large the orb is.
data-position: The position on the screen.
- Choices (all lowercase):
  - bottom-right
  - bottom-left
  - top-right
  - top-left
  - center

data-theme: Dark or light theme.
- Choices (all lowercase):
  - light
  - Dark

data-show-prompt: true or false to show the message above the widget button on idle
- Choices (all lowercase):
  - true
  - false
data-prompt-message: The message in the prompt popup (if visible)
data-sound-on: The new orb plays a beep sound on start and stop for better UX UI. You can turn it off or on with this settings.
- Choices (all lowercase):
  - True
  - false