Setup Widget

Add the chat widget to your website in minutes

The widget allows you to add an AI chat directly to your website.

The widget is a chat bubble that appears on your website:

Visitors can start conversations
The agent responds automatically
Works on desktop and mobile
Fully customizable from the dashboard

Installation

Access settings

Go to Agents > Select agent > Widget tab

Enable the widget

Toggle on Enable Widget

Copy the code

Click Copy Code to copy the installation snippet

Add to your website

Paste the code before the closing body tag on your site

Installation Code

The code to copy is:

html

<script>
  window.Leader24WidgetConfig = {
    agentId: 'YOUR_AGENT_ID',
    apiUrl: 'https://api.leader24.ai'
  };
</script>
<script src="https://api.leader24.ai/widget-public/YOUR_AGENT_ID/widget.js" async></script>

Customization

All customization options are configured from the Dashboard:

Go to Widget > Select your widget
Click Settings
Configure colors, position, messages, avatar, etc.

Centralized configuration

No need to modify the embed code to change appearance or behavior. Everything is managed from the dashboard and changes apply automatically.

Platform Installation

WordPress

Go to Appearance > Theme Editor
Open footer.php
Paste the code before the closing body tag
Save

Or use a plugin like "Insert Headers and Footers".

Shopify

Go to Online Store > Themes
Actions > Edit code
Open theme.liquid
Paste the code before the closing body tag

Wix

Go to Settings > Custom Code
Click + Add Code
Paste the code
Select "Body - end"

Verify Installation

After installation:

Reload your website
You should see the widget icon in the corner
Click to open the chat
Test by sending a message

Troubleshooting

Common Problems

Widget doesn't appear

Verify the code was pasted correctly
Check the browser console for JavaScript errors
Make sure the widget is active in the dashboard

Widget doesn't respond

Verify the agent is active
Verify the agentId in the code is correct
Check network connection

Next Steps

Customize the appearance from the dashboard
Monitor conversations
Analyze metrics