Customize the chat launcher
Choose and preview a launcher that fits your website and helps visitors find support.
On this page
Overview
Presets include Floating Circle, AI Spark, Pill Chat, Agent Bubble, Minimal Outline, Gradient AI, Soft Glass, Compact Square, Side Tab, Floating Card, plus Message Bar and Corner Notch.
When to use this
A helpdesk widget should match the site without rewriting Live Chat architecture.
Where to find the controls
Settings → System → Appearance → Chat Launcher or Settings → Support Channels → Live Chat → Launcher. Same store.
Who can make these changes
Support Admin.
Before you begin
Position BR/BL, offsets, size 40–80, label, label always/hover/never, curated icon, radius, unread badge, online/AI indicators, mobile auto compact.
Follow these steps
Pick a preset card, adjust position and label, save, then open any public page where Live Chat is allowed.
Settings reference
Icons come from the bundled stroke family. Custom SVG is rejected.
Example workflow
Side Tab pins a vertical control to the viewport edge. Pill Chat keeps the label visible.
Good practices
On small screens, mobile compact collapses pills and cards to a 48px circle.
Important considerations
Display rules on Live Chat → General still hide the widget. Experience Builder does not bypass them.
If something does not work
Launcher missing on /support/: check Live Chat enabled and display rules.