Contact Form

Capture visitor contact details through the chat widget

The contact form lets visitors leave their contact information directly through the chatbot — turning conversations into leads.

Enabling the Contact Form

Go to Config → Widget Settings and scroll to Contact Form.

  1. Check Enable contact form
  2. Optionally enable Show phone field and Show message field
  3. Click Save Settings

When enabled, a ✉ Contact button appears in the widget header.

How It Works

  1. Visitor clicks the Contact button in the widget header
  2. A form replaces the chat area with fields for:
    • Name (always required)
    • Email (always required)
    • Phone (optional — configurable)
    • Message (optional — configurable)
  3. Visitor fills in the form and clicks Send message
  4. The form shows a "Thank you" confirmation, then returns to the chat
  5. You receive an email notification with the lead details

Email Notifications

When a visitor submits the contact form, the domain owner receives an email with:

  • Visitor's name, email, phone, and message
  • The page URL where they were chatting
  • A link to view the lead in your dashboard

Viewing Leads

All contact form submissions are visible in the Leads tab of your domain. Each lead shows:

  • Name and email (clickable mailto link)
  • Phone number (if provided)
  • Message (if provided)
  • Page URL where the form was submitted
  • Date
  • Link to the associated conversation (if any)

Browser Event

For ad pixel or CRM integration, the widget fires a userboost:ticket-submitted event on the parent window when a form is submitted:

window.addEventListener("userboost:ticket-submitted", (e) => {
  console.log(e.detail); // { name, email, phone, conversationId, domainId, pageUrl }
});

Use this to trigger Meta Pixel, Google Ads conversion tracking, or CRM webhooks.