The Chatbot module allows users to create, customize, and deploy AI-powered chatbots using their knowledge base. Users can personalize the chatbot's appearance, behavior, knowledge sources, and lead collection settings, then embed the chatbot on their website.
Chatbot Management
The left sidebar displays all created chatbots.
Features
- View existing chatbots
- Create a new chatbot
- Switch between chatbots
- Delete chatbots
Create New Chatbot
Click + New Chatbot to create a new chatbot.
A new chatbot is automatically created and can then be customized.
Customize Your Chatbot
The chatbot customization page allows users to configure:
- Profile picture
- Chatbot name
- Description
- Language
- Tone
- Role
- Knowledge bases
- Lead collection settings
- Appearance
- Embed code
A live preview is displayed on the right side.
Profile Picture
Upload a custom profile image for the chatbot.
Features
- Upload image
- Change picture
- Remove picture
The image is displayed in:
- Chat widget header
- Chat launcher button
- Website widget
Website Logo Size
Configure the size of the chatbot icon displayed on your website.
Fields
Width
Defines widget logo width in pixels
Height
Defines widget logo height in pixels
Example:
Width: 64 px
Height: 64 px
Chatbot Name
Specify the chatbot display name
Example:
chatbot
The name appears in:
- Chat header
- Widget interface
- Visitor conversations
Chatbot Description
Add a short description for the chatbot
Example:
blazly
The description is displayed below the chatbot name.
Language
Select the chatbot's communication language.
Example:
English
The chatbot generates responses in the selected language.
Chatbot Tone
Defines the communication style of the chatbot.
Example:
Professional
Possible use cases:
- Professional
- Friendly
- Casual
- Supportive
Chatbot Role
Defines the primary purpose of the chatbot.
Example:
Customer Support
Possible roles:
- Customer Support
- Sales Assistant
- Lead Generation
- Product Expert
- General Assistant
Knowledge Bases
Attach knowledge sources to train the chatbot.
Maximum:
Up to 5 knowledge bases
Features
- Select multiple knowledge bases.
- Remove knowledge bases.
- Change chatbot knowledge anytime.
Example:
1/5 selected
Chat uses all selected bases
Collect User Emails
Enable lead collection before visitors start chatting.
Features
- Visitors must provide email addresses before chatting.
- Captures leads automatically.
- Stores visitor information inside Lead Management.
Custom Visitor Fields
Collect additional information from visitors.
Examples:
- Name
- Phone Number
- Company
- Job Title
- Website
- Industry
Add Field
Click:
+ Add field
to create additional visitor information fields.
Chatbot Color
Customize the widget color
Example:
#667eea
The selected color is applied to:
- Chat widget
- Send button
- Widget launcher
- UI highlights
Live Preview
The right panel displays a real-time preview of the chatbot.
Preview Includes
- Profile picture
- Chatbot name
- Description
- Widget color
- Chat interface
- Welcome screen
Changes update instantly
Chat Widget Interface
The chatbot widget contains:
Header
- Chatbot image
- Chatbot name
- Description
- Talk To Human button
- Close button
Conversation Area
Displays:
Start a conversation
Ask me anything based on your knowledge base
Message Box
Visitors can type questions and send messages directly.
Talk To Human Button
Allows visitors to request human assistance.
This can be used for:
- Support escalation
- Sales inquiries
- Lead qualification
- Manual intervention
Embed Code
After customization, the platform generates an embeddable script.
Example:
<script src="https://chatbot.blazly.ai/embed.js"></script>
Copy Code
Click Copy Code to copy the embed script.
Installation
Paste the copied script inside your website's:
<head>
section.
The chatbot will automatically appear as a floating widget on your website.
Deployment Workflow
Create Chatbot
↓
Customize Appearance
↓
Select Knowledge Bases
↓
Enable Lead Collection
↓
Generate Embed Code
↓
Copy Script
↓
Add to Website
↓
Chatbot Goes Live