Corner Button Embed
A floating circular button in one corner of the screen. Click it to expand the chat interface. The most popular embed mode for customer support and sales assistance.
Setup
- Deploy → Embed → Corner Button
- Customize:
| Setting | Description |
|---|---|
| Button color | Background color of the floating button |
| Button icon | Chat icon, message icon, or custom |
| Position | Bottom-right (default) or bottom-left |
| Size | Button diameter in pixels |
| Initial message | Optional auto-greeting when chat opens |
- Copy the script tag
- Paste in your website's
<body>, before</body>tag
Behavior
| State | What shows |
|---|---|
| Closed | Small floating button in the corner |
| Open | Chat panel expands (typically 380px wide × 600px tall) |
| New message | Badge/indicator on the button |
| Minimized | Button with "unread" indicator |
Why it's popular
- Non-intrusive: doesn't cover content until clicked
- Always accessible: visible on every page as user scrolls
- Familiar: users expect help in the bottom-right corner (Intercom, Drift, Zendesk all use this pattern)
- Mobile-friendly: easy to tap on touch screens
Best practices
- Position: Bottom-right for most markets (bottom-left for RTL languages)
- Color: Match your brand color or use a contrasting color that stands out
- Z-index: The embed script handles layering automatically
- Don't hide it: If you're adding a support bot, keep it visible on all pages
Tip
Add an initial greeting message like "Hi! How can I help you today?" to encourage interaction. Agents with greetings get 3x more conversations than silent ones.