Widget Setup & Customization
Understand what a chat widget is, configure widget settings, customize appearance, set up pre-chat forms, and use the JavaScript SDK.
What Is a Chat Widget
A chat widget is the visitor-facing chat window on your website. Learn what it does, how it connects to your team platform, and how AI chatbots work with it.
When to Use Multiple Chat Widgets
Use multiple widgets for different websites, languages, member vs public areas, or departments. Each widget has its own settings, agents, and chatbot.
Installing the Chat Widget on Your Website
Add the Social Intents chat widget to any website with a simple JavaScript snippet. Works with any HTML site.
Widget Settings and Configuration
Configure your widget settings — display name, welcome message, business hours, offline behavior, language, position, and notification sounds.
Customizing Chat Widget Appearance
Change colors, position, button text, chat window size, and branding. Make the widget match your website's design.
Pre-Chat Forms and Custom Fields
Collect visitor information before a chat starts. Add name, email, phone, and custom fields to your pre-chat form.
JavaScript SDK: Variables, Popups & Pre-Population
Use the JavaScript SDK to pre-populate visitor info, pass custom variables, show chat popups programmatically, and control widget behavior from your site code.
Widget Language and Localization
Change the language of your chat widget for non-English visitors. Customize all widget text strings including button labels, placeholder text, and system messages.
Chat Inactivity and Timeout Settings
Configure how long idle chats stay open before automatically closing. Set inactivity timeouts for visitors and agents, and customize the timeout message.