Web Chat

Web Chat adds a live chat widget to your website. Assign AI agents to handle conversations, configure action buttons, suggest questions to visitors, and let prospects book meetings — all without leaving your site.

Chat Agents

Chat agents are AI-powered assistants that handle conversations on your website. You can assign different agents to different pages.

Setting	What It Controls
Agent name	Which AI agent handles conversations on matched pages
URL filter	URL paths where this agent is active (e.g., /pricing, /product)
Active	Enable or disable the agent
Default	Used when no URL-specific agent matches

How Agent Routing Works

1. A visitor opens the chat widget on a page
2. graph8 checks the page URL against all configured agents’ URL filters
3. The matching agent handles the conversation
4. If no URL filter matches, the default agent responds

You can configure multiple agents — for example, a product-focused agent on /product pages and a support agent on /help pages.

Chat Buttons

Add action buttons to the chat widget for quick visitor actions:

Action Type	What It Does
Link	Opens a URL (e.g., documentation, pricing page)
Question	Sends a preset question to the AI agent
Calendar	Opens a booking page for scheduling a meeting

Each button has:

• Label — display text
• Action and value — what happens when clicked (URL, question text, or calendar slug)
• Icon — optional icon
• Category — group related buttons together
• Paths — URL paths where the button appears (show different buttons on different pages)

Preset Questions

Suggest conversation starters to visitors so they know what to ask:

• Set questions per category
• Target specific pages with URL path filters (or show on all pages)
• Toggle individual questions on or off

Preset questions appear when the visitor first opens the chat, reducing friction and guiding the conversation toward topics your AI agent handles well.

Widget Design

Customize the widget’s look and feel to match your brand:

Colors & Layout

Setting	Default
Primary color	#7E2DF3
Secondary color	#f8fafc
Font family	Inter
Border radius	0.5rem
Widget width	350px
Dark mode	Off

Message Styling

Setting	What It Controls
User message background	Color behind visitor messages
User message text	Text color for visitor messages
Assistant message background	Color behind AI responses
Assistant message text	Text color for AI responses

Header & Button

Setting	What It Controls
Assistant name	Name shown in the chat header
Show header	Toggle the header bar
Header text color	Color of the header text
Floating button icon	Icon style for the chat trigger button
Floating button color	Color of the trigger button

Calendar Integration

Visitors can book meetings directly from the chat widget using the calendar action button. Prospects can pick a time without leaving the conversation.

Tip

Set up URL-specific agents for your highest-traffic pages. A pricing page agent trained on your pricing and packaging will convert better than a generic assistant. Use preset questions to guide visitors toward booking a demo.

Next Steps

• Appointments → — Manage booked meetings and CRM sync
• Inbox → — View chat conversations alongside email and LinkedIn
• Connections → — Connect your CRM for contact sync