Configure chat opening effects
Adjust widget opening behavior and motion with accessibility preferences in mind.
On this page
Overview
None, Fade, Slide Up, Slide Side, Scale, Bounce Soft, Spring, Flip Soft, Blur Reveal, Morph Launcher. Duration Fast/Normal/Slow (~150/250/400ms). Attention effects fire once.
When to use this
Motion should feel tasteful and stop when the visitor prefers reduced motion.
Where to find the controls
Settings → Support Channels → Live Chat → Effects.
Who can make these changes
Support Admin.
Before you begin
Triggers: Click only, or Auto-open after delay (minimum 3s). After the visitor closes, auto-open does not run again in that browser session.
Follow these steps
Pick open and close effects, duration, trigger. Save. prefers-reduced-motion disables or greatly reduces animations.
Settings reference
Only transform and opacity. No layout-thrashing animations.
Example workflow
Scale + Normal + Click only is a safe default after None.
Good practices
Attention Pulse is not a loop. Unread pulse runs only when unread > 0.
Important considerations
Use the triggers offered by the effects editor. Check reduced-motion behavior and avoid disruptive repeated auto-opening.
If something does not work
If auto-open never fires, the visitor already closed the widget this session (es_chat_closed).