Add Chablyyâs chat widget to your website and start converting visitors into leads instantly. The Website Chat Widget lets you offer real-time support, collect leads, and provide 24/7 automated answers â all without writing a single line of code.
Before You Begin
- You need an active Chablyy account with at least one bot created.
- Ensure you can edit your websiteâs HTML (or access a CMS like WordPress, Wix, or Shopify).
- Decide whether you want the widget to appear on all pages or specific ones (like Home or Contact).
Step-by-Step Integration
- Go to your Chablyy Dashboard â AI Bots.
- Create a new bot (or select an existing one).
- Click Connect Platform and choose Website Chat.
- Click Connect to Website Chat â your widget will be generated.
- Give your bot a name and complete setup.
- Configure your bot:
- Select Lead Type
- Adjust Personality and Behavior
- Set Fallback â assign an agent or none
- Activate/deactivate specific flows anytime
- After creation, youâll get these options:
- Configure: Customize widget look and feel
- Setup Instructions: Guide to install it on your site
- Preview: See how it looks on your website
- Get Code: Copy the embed code to paste on your site
â Once setup is complete, your website will have a smart AI assistant that greets visitors, answers questions, and captures leads automatically.
Customize Your Widget
- Widget Appearance: Adjust colors, greetings, and icons to match your brand.
- Welcome Message: Set the first message users see when opening the chat.
- AI Replies: Let your bot handle FAQs and service-related questions.
- Lead Collection: Capture names, phone numbers, or emails from chat.
- Behavior Settings: Control when the chat appears â instantly, after delay, or on exit intent.
Tracking & Performance
Monitor your chat widgetâs performance inside Dashboard â Analytics:
- Total conversations handled via website
- Lead conversion rate
- Top pages where chats begin
- AI vs. human chat ratio
Troubleshooting
- âïž Widget not visible? Paste the code before the closing
</body>tag. - đ€ No bot assigned? Ensure your AI Bot is active and linked to the Website Chat platform.
- đ Website caching issue? Clear your cache or CDN and refresh your site.
- đ± Not loading on mobile? Check your themeâs JavaScript settings or restrictions.
đĄ Pro Tips
- Add a friendly greeting like âHi đ Need help choosing the right plan?â to increase engagement.
- Train your AI with FAQs or service pages for more accurate responses.
- Combine Website Chat with Instagram or WhatsApp integrations for unified inbox management.
- Review Analytics weekly to improve response flow and lead conversion.
Chablyyâs Website Chat Widget helps turn passive visitors into active conversations â automated, personalized, and seamlessly integrated into your website.