Chat widget
A modern, accessible chat window behind a floating button, or embedded in any page. Styled to match your site, and full screen on phones.
- Open chat window with avatar, welcome and suggested questions
- Full-screen chat on a phone
Chat availability
Show the support chat on your site.
Answer from your own information until an AI provider is connected, and whenever it can't answer. See Basic answers.
Let visitors who aren't logged in use the chat. When off, they're asked to log in first ("Please log in to use the support chat.").
Every page (a floating button site-wide), Store pages (shop, product, cart, checkout and account pages; WooCommerce only) or Shortcode only.
The chat is visible only when it's enabled and either an AI provider is connected or Basic Answers is on. The sidebar Shortcode card shows the current state, and the AI Connection card shows the provider, its status and model, with Manage in AI Provider.
Assistant
Default "Store Assistant" on shops, "Support Assistant" elsewhere.
AI sparkle, Chat bubble, Headset or Robot. With Pro, your own image (Branding).
The first message visitors see. Shop default: "Hi! I can help you find products, or answer questions about orders, shipping, payment and returns. What can I help you with?" Elsewhere: "Hi! Ask me anything about our website and what we offer. How can I help?"
One per line, shown as buttons under the welcome message until the visitor sends a message. "Talk to a person" connects to your team. Leave empty to show none. Shop defaults: What are your best sellers? · Help me find a gift · How long does shipping take? · What is your return policy? · Talk to a person.
Appearance
| Setting | Default | Notes |
|---|---|---|
| Chat Button Text | Need help? | |
| Chat Button Style | Icon and text | Or Icon only (a round button) |
| Button Position | Bottom right | Or Bottom left |
| Distance From Bottom | 0 px | 0–300. Raise it above cookie bars and similar. |
| Accent Color | #2271b1 | Button, header and visitor messages; text on it switches between black and white automatically. |
| Window Background · Assistant Message Background | #ffffff | |
| Text Color | #1d2327 | Keep at least 4.5:1 contrast with both backgrounds; System Status checks it. |
| Corner Roundness | 20 px | 0–24 |
| Show "Powered by Siteryn" | Off | A small credit link at the bottom of the chat window, if you'd like to support the plugin. Never shown while Pro is active. |
Embedding with the shortcode
[siteryn_support_chat]
Place it on a Contact or Help page to show the chat inside the page, always open, with no floating button. It works whatever Show Chat On says and takes no attributes. Only one chat appears per page; when the shortcode is on a page, the floating button isn't added there. Pro adds block, Elementor and Bricks widgets (Integrations).
The visitor experience
- Typing: Enter sends, Shift + Enter adds a line. A typing indicator shows while the assistant answers.
- Links: only links to your own site are clickable, and a "Sources:" list can follow answers.
- History: the conversation continues after a reload or on another page, and the open window stays open. The ↻ button starts a new conversation.
- Phones: the window opens full screen on screens up to 480 px.
- Accessibility: keyboard operable, Esc closes, focus returns to the button, messages are announced to screen readers, visible focus rings, high-contrast support, and animations turn off for "reduce motion".
- Caching: nothing visitor-specific is printed in the page, so it works with page caching.
Messages visitors may see
| Message | Why |
|---|---|
| You have sent a lot of messages in a short time… | The per-visitor hourly limit. |
| Still working on your previous message… | The previous reply hasn't finished. |
| The assistant is unavailable right now… | The provider can't answer (not connected, invalid key, out of credit, daily limit reached…) and Basic Answers Without AI is off. |
| Sorry, I couldn't answer that just now… | The provider failed or timed out and Basic Answers Without AI is off. |
| You seem to be offline… | The visitor's connection dropped. A Try again button appears. |
| This conversation has ended. | Your team resolved it; "Start new conversation" begins a new one. |