Customize

All customization settings are in Chatbots → [Your Chatbot] → Customize.

Brand colors

Set the primary color for the chat widget. This affects:

• Widget button background
• Chat header background
• Agent message bubbles
• CTA buttons inside the widget

Enter a hex color code (e.g., #a855f7) or use the color picker. The widget automatically adjusts text contrast for readability.

Welcome message

The first message visitors see when they open the chat widget. Tips:

• Be specific: "Hey! Ask me anything about our pricing, features, or setup." is better than "How can I help you?"
• Set expectations: "I'm an AI trained on our docs. I can answer most questions instantly. For complex issues, I'll connect you with our team."
• Keep it short: 1–2 sentences. Visitors want to type their question, not read a paragraph.

Widget position

Choose where the widget appears on your page:

• Bottom-right (default) - Standard placement, works for most sites
• Bottom-left - Use if bottom-right conflicts with other widgets

You can also adjust the offset (distance from the edge) for fine-tuning.

Name & avatar

• Chatbot name - Displayed in the widget header (e.g., "Grivo Support", "Ask Acme")
• Avatar - Upload a custom image or use the default bot avatar. Square images work best (200×200px).

Chatbot personality

Control how the chatbot communicates. You can provide a system prompt to adjust tone:

• Professional: "You are a helpful customer support agent. Be concise and accurate."
• Friendly: "You are a friendly assistant. Use casual language and emoji occasionally."
• Technical: "You are a technical support engineer. Include code examples when relevant."

Visibility rules

Control which pages show the widget:

• All pages (default) - Widget appears everywhere the script is installed
• Include only - Widget only appears on URLs matching a pattern (e.g., /docs/*)
• Exclude - Hide the widget on specific pages (e.g., /checkout)

See also: Lead capture to configure what information the widget collects.