ChatBot
Use ChatBot to add a chat-style experience or guided conversation block to a page.
Content settings
| Setting | What it controls |
|---|---|
| Main messages | Primary messages shown in the chat. |
| Live chat text | Text used for the live chat area when available. |
| Top posts | Highlighted posts or suggested messages. |
| Button labels | Labels such as Click here or Send. |
| Links or actions | Destinations or actions attached to chat controls. |
Style settings
| Style area | What you can adjust |
|---|---|
| Panel | Width, height, background, border, radius, and shadow. |
| Messages | Typography, colors, bubbles, spacing, and alignment. |
| Buttons | Text color, background, border, radius, and hover state. |
| Responsive layout | Sizing and placement on mobile. |
Best practices
- Make it clear whether the chat is live or scripted.
- Keep messages short.
- Test links and actions before publishing.
Testing notes
- Walk through the chat from the visitor perspective and read every message in order.
- Click each button or linked action and confirm it opens the correct destination.
- Preview mobile sizing so the panel, messages, and buttons fit without covering important page content.
FAQ
When should I use ChatBot?
Use it for a chat-style widget, scripted conversation, guided prompt, or support-style block that helps visitors choose an action or understand the offer.
What should I configure before publishing ChatBot?
Review the main messages, live chat text, top posts, button labels, links or actions, panel size, message styles, button styles, colors, borders, radius, shadow, and mobile layout.
Should I describe the chat as live?
Only call it live if a real live chat experience is connected. If the flow is scripted, make the copy clear so visitors understand what will happen.
What should I check if ChatBot actions do not work?
Test every button and link on the published page, confirm destinations are correct, and make sure the panel is not covered by another sticky or fixed element.