
Adding Your Chatbot to Your Website
Integration Options
You have two ways to make your chatbot available to your users:
1. Embed Widget
Add a chat bubble to your website that opens the chatbot interface:
Add this script to your website's HTML, just before the closing </body> tag:
<script src="https://chatleh.com/api/e?uid=YOUR_UID" async></script>
Replace "YOUR_UID" with your chatbot's UID from the dashboard
Widget Features
- Floating chat bubble in the corner of your site
- Opens in a modal dialog
- Responsive design works on all devices
- Maintains chat history during the session
2. Direct Chat Link
Share a standalone chat page with your users:
URL format:
https://chatleh.com/c/YOUR_UID?fs=1
The fs=1 parameter opens the chat in fullscreen mode
Direct Link Benefits
- Share via email or social media
- Add to email signatures
- Include in support documentation
- No website modifications needed
Basic Settings
Chatbot Configuration
You can configure basic settings in your chatbot dashboard:
- Chatbot name and purpose
- Primary color
- Welcome message
- Prompt buttons text
Contact Collection
The chat widget includes a simple form to collect user contact information:
- Basic name and email fields
- Appears at the start of conversations
- Information is emailed to chatbot owner
Testing Your Integration
1. Preview Mode
Test your chatbot in the dashboard before going live to verify responses and behavior.
2. Development Testing
Add the widget to a development or staging site first to ensure proper integration.
3. Mobile Testing
Verify the chat interface works well on different devices and screen sizes.
Performance Considerations
Script Loading
The widget script is lightweight and loads asynchronously, so it won't impact your page load time.
Bandwidth Usage
Chat content is loaded on-demand when users open the widget, minimizing initial bandwidth usage.
Integration Checklist
- ✓ Verify your chatbot is trained and ready
- ✓ Choose between widget and direct link
- ✓ Add the integration code to your site
- ✓ Test on multiple devices
- ✓ Monitor initial user interactions
- ✓ Set up email notifications for chat logs