Web Chat
Web Chat Widget
Deploy a fully customizable AI chat widget on your website. Works with any platform—Wix, Webflow, WordPress, Shopify, React, and plain HTML.
What It Does
The web chat widget is a lightweight floating interface that allows website visitors to chat with your AI agent in real-time. Unlike traditional chatbots with rigid flows, BotDesk uses GPT-4 to understand natural language and provide intelligent, contextual responses.
Key Capabilities
- One-Line Install: Copy a single
<script>tag and paste it before your</body>tag - Full Brand Customization: Match your logo, colors, fonts, and avatar
- Proactive Triggers: Engage visitors based on scroll depth, time on page, or exit intent
- Lead Capture: Collect emails and phone numbers directly in the chat
- Multi-language: Auto-detect and respond in the visitor's language (90+ supported)
Installation
Step 1: Get Your Embed Code
- Go to Deploy → Web Chat in your BotDesk dashboard
- Customize appearance (colors, position, greeting message)
- Copy the generated code snippet
Step 2: Add to Your Website
<script
src="https://widget.botdesk.ai/v1/loader.js"
data-agent-id="YOUR_AGENT_ID">
</script>
Place this code before the closing </body> tag on any page where you want the widget to appear.
Platform-Specific Instructions
| Platform | Location |
|---|---|
| WordPress | Appearance → Theme Editor → footer.php |
| Wix | Settings → Custom Code → Body - end |
| Webflow | Project Settings → Custom Code → Footer |
| Shopify | Online Store → Themes → Edit Code → theme.liquid |
Customization Options
From the BotDesk dashboard, you can configure:
- Colors: Primary color, text color, background
- Position: Bottom-right, bottom-left, or centered
- Avatar: Upload your own or use the AI icon
- Welcome Message: The greeting shown when the widget opens
- Trigger Rules: When to auto-open the widget
- Operating Hours: Show "away" message outside business hours
Performance
The widget is optimized for speed:
- < 30KB total size (loads asynchronously)
- No impact on Core Web Vitals (LCP, CLS, FID)
- Lazy-loaded after page content
- Secure with optional consent banner