Docs for Bodt
HomeApp
  • ๐ŸŽ‰Introduction to Bodt
  • ๐Ÿš€Getting Started
    • ๐Ÿ”‘Creating Account
    • ๐Ÿ“‚Setting up data
    • ๐Ÿ–Œ๏ธConfigure Widget
    • ๐Ÿ’ณAccount Details
    • ๐Ÿ™ŒGo Live!
  • ๐Ÿ“‚Data Source
    • ๐ŸŒWebsite
    • ๐Ÿ—ƒ๏ธFiles
    • โœ๏ธWordPress API Integration
    • ๐Ÿ’กFAQs
    • โš™๏ธCustom Integration
    • Notion
    • Google Drive
  • โšกChat Widget
    • Chat Prompts
    • Chat Persona
    • Lead Form
  • ๐Ÿ’ฌMessages
  • ๐Ÿ”—API
    • Chat Session
  • ๐Ÿคนโ€โ™‚๏ธProfile
  • ๐Ÿ’ณBilling
  • ๐Ÿ‘ฅTeams
  • Contacts
  • โœ‰๏ธSupport
  • ๐Ÿค”FAQs
    • What is a billing unit
    • What is your refund policy
    • Do you have a free or a trial plan?
    • Do you support multi-lingual?
    • Where is your data located?
    • Can we integrate Bodt with our custom APIs?
Powered by GitBook
On this page
  • Create a new Chat Widget
  • Configuration
  • Embed

Chat Widget

PreviousGoogle DriveNextChat Prompts

Last updated 1 year ago

The Widgets Page serves as the central repository for all your widgets and chatbots. It offers a streamlined interface to manage, edit, and create new widgets.

To reach the Widgets Page, simply click on 'Widgets' located in the main menu.

Each widget can be updated. Users can make necessary modifications and save changes with ease.

Create a new Chat Widget

Users have the flexibility to create multiple chatbots, each tailored for different websites or purposes.

Clicking on the 'Add Widget' button will navigate users to the 'New Chat Widget' page, where the creation process begins.

Configuration

You can customize the following settings of the bot

Bot Logo

Enter a URL that should be used as a logo for your widget. We recommend having an image that is square in shape (aspect ratio of 1:1)

Brand Color

Text Color

This is the color in which the text will appear in the header region of the bot widget

Welcome Message

This message is shown to all users who interact with your chatbot for the first time. Use this section to tell them about the magical bot on your website or promote your services.

Once you have configured all settings, click on 'Save'.

Embed

The last step of your onboarding journey is to embed the widget in your website. You can choose to either embed as a ChatBot or as an iFrame.

ChatBot

You need to copy the code and insert it before the </body> tag on your website. This will show the chatbot on your website where the user can interact with your data

iFrame

If you would like to show a full-page iframe embedded for people to interact with your bot, copy the code in the iFrame section and add it anywhere on your webpage.

You can also share this code with your web developer, who can assist you in setting up this code on your website.

Enter a color code (hex code) for your brand. If you are unsure how to find the color code for your brand, use a tool like to find the hex code of your desired color

โšก
https://imagecolorpicker.com/en
Add a new chatbot from bodt.io
Embed a chatbot or iFrame from bodt.io