Chatzora Docs
Widget & Customization

Widget Customization

Customize the look and feel of your embeddable AI agent widget.

Widget Customization

Make your agent look like a natural extension of your company. Chatzora provides a complete visual customizer to adjust colors, text, greetings, and interactive features.

Styling & Theme Settings

Go to Agent Settings -> Appearance:

  • Brand Theme Color: Choose a primary color matching your brand palette (e.g. Hex #10b981 for Emerald). This controls widget headers, user speech bubbles, and buttons.
  • Launcher Icon: Upload your custom logo or choose a preset icon.
  • Agent Avatar: Upload a profile picture for the AI agent (e.g., your company mascot or support rep photo).
  • Positioning: Toggle whether the launcher floats on the bottom-right or bottom-left of the browser window.

Suggested Questions (Prompt Starters)

You can add up to 4 suggested questions that appear above the input box when the chat first opens. These help visitors understand what the agent can do and let them start a conversation in a single click.

  1. Go to Widget Settings -> Suggested Questions.
  2. Enter up to 4 questions (e.g., "What are your plans?", "Can I upload Word files?").
  3. Click Save Changes. The widget will render these questions dynamically as clickable bubbles.

Calendar Booking Integrations

Collect scheduling leads directly inside the chat flow by connecting your calendars:

  • Supported Providers: Cal.com and Calendly.
  • Setup: Paste your booking link (e.g., https://cal.com/username/meeting) under Agent Settings -> Integrations -> Calendar Booking.
  • Result: If a visitor asks to schedule a demo, book a call, or meet, the agent will automatically embed your interactive calendar widget inline inside the chat window.
  • Dynamic Slot Availability: For Cal.com, the AI agent can query the Cal.com API to retrieve available booking slots for specific dates or ranges dynamically before displaying availability to the user.

Lead Capture Form

Toggle user contact collections to capture leads:

  • Enable Lead Form: Choose whether the lead capture form appears before the conversation starts, or only when the agent requests email details.
  • Capture Fields: Gather names, emails, phone numbers, and company names.
  • Exporting Leads: Captured details are saved in your dashboard under Captured Leads and can be exported as a .csv file or synced with external CRMs via webhook intents.