Chatleh logo markChatleh

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