Chat Button and Attention Animation
The chat button is what visitors see before they open the chat. In 'Settings', under 'Appearance', you choose where it sits, what it looks like, whether it draws attention with a short animation, and whether it steps aside while a photo gallery or popup is open on your page. Click 'Save changes' when you're done.
Placement and look
| Setting | Options |
|---|---|
| 'Position' | 'Bottom right' (default) or 'Bottom left' |
| 'Distance from the edge' | 'Side' and 'Bottom', in pixels from the corner of the page: 0 to 200, 20 by default. Raise them if the button covers another element, such as a cookie banner or a 'back to top' button |
| 'Corners' | 'Round', 'Soft' or 'Square' |
| 'Button icon' | 'Chat bubble' (default), 'Question mark', 'Envelope' or 'Info' |
| 'Button text' | Optional, up to 64 characters, for example 'Ask us'. With text, the button becomes a wider pill showing the icon and the text |
Attention animation
An attention animation makes the button move now and then, so visitors notice it. It is off by default. Choose one under 'Animation':
| Animation | What it does |
|---|---|
| 'None' | The button stays still |
| 'Pulse rings', 'Bounce', 'Wiggle', 'Glow', 'Heartbeat' | A short movement or light effect on the button |
| 'Unread badge' | A small red '1' appears on the button for a few seconds, as if a message were waiting |
| 'Label slide-out' | The button text slides out for a few seconds, then tucks back. Needs 'Button text'; without it you see 'Add button text above to use this animation.' and nothing plays |
Under 'Timing' you set when it plays:
| Field | Range | Default |
|---|---|---|
| 'Start after' | 0 to 600 seconds on the page | 8 |
| 'Repeat every' | 5 to 3,600 seconds | 20 |
| 'Plays' | 1 to 10 times per page view | 3 |
When the animation doesn't play
- While the chat is open, the greeting bubble is showing, or a new-reply dot is on the button.
- For a visitor who has chatted before (a conversation in the last 7 days), or who opened the chat earlier in the same browser tab.
- For a visitor who closed the proactive greeting, on this page or within the 'Show again after (days)' period.
- On devices set to reduce motion.
- While the widget is hidden over a gallery or popup. After it comes back, it waits a full 'Repeat every' interval.
Hiding over galleries and popups
'Hide while a gallery or popup is open' is on by default. When your page opens a photo gallery, a lightbox, a full-screen menu or another popup that covers most of the screen, the whole widget fades out so it doesn't sit on top of it. That includes an open chat. When the gallery or popup closes, the widget comes back as it was, with the conversation and any half-typed message.
KnowStack recognises the common gallery and popup tools, such as Webflow, Elementor, PhotoSwipe, Fancybox, GLightbox, Magnific Popup, lightGallery and Swiper, as well as standard dialogs and other large fixed overlays.
If the chat button doesn't appear on your site at all, untick 'Hide while a gallery or popup is open' and save. Some sites have a large fixed element that looks like a popup to the widget.