Skip to main content
The chat widget is a conversation interface that sits in the corner of your website, funnel, or landing page. Visitors click it to start a conversation with your business — and every interaction, whether it happens in real time or asynchronously, creates or updates a contact record in your HoopAI account automatically.

Installation

Add the chat widget to your website or funnel by installing the embed script.

Customization

Change the widget’s colors, position, button style, and branding to match your site.

Chat settings

Configure operating hours, widget type, greeting messages, and consent options.

AI chat

Enable an AI agent to respond to visitor messages automatically around the clock.

​
Getting started

1

Choose a widget type

In Settings > Chat Widget, select the widget type that matches your team’s availability: Live Chat for real-time support, SMS/Email Chat for async lead capture, All-in-One Chat for multi-channel audiences, or AI Chat for automated 24/7 responses.
2

Configure settings

Set your operating hours, greeting message, and any required consent options (such as HIPAA consent for regulated industries). Configure how the widget behaves when agents are offline.
3

Customize the appearance

Adjust the widget’s color, button style, position, and icon to align with your website’s branding. A well-matched widget blends naturally into the page and attracts more clicks.
4

Install on your site

Copy the embed script from the Installation tab and paste it into your website’s HTML, or use the native integration for HoopAI-hosted funnels and website pages where the widget is available without any code.
5

Monitor conversations

All conversations initiated through the widget appear in the Conversations inbox. Team members can respond, assign conversations, add notes, and trigger automations from there.

​
All-in-one chat widget

The All-in-One Chat widget consolidates every messaging channel into a single widget interface. Instead of separate widgets for Live Chat, SMS, Email, WhatsApp, Facebook Messenger, Instagram DM, and Voice AI, visitors see one unified chat bubble and choose their preferred channel from within it. Supported channels in the all-in-one widget:
ChannelDescription
Live ChatReal-time conversation with a team member
SMSSend and receive text messages
EmailEmail-based conversation thread
WhatsAppWhatsApp messaging (requires WhatsApp integration)
Facebook MessengerMessenger conversations (requires Facebook integration)
Instagram DMInstagram direct messages (requires Instagram integration)
Voice AIAI-powered voice conversation directly in the widget
The all-in-one approach reduces confusion for visitors who would otherwise need to choose between multiple widgets, and ensures every conversation lands in your Conversations inbox regardless of channel. To configure, select All-in-One Chat as the widget type in Settings > Chat Widget and enable the channels you want to offer.

​
Frequently asked questions

The platform offers Live Chat (real-time agent conversations), SMS/Email Chat (async lead capture via a short form), All-in-One Chat (visitor chooses their preferred channel), Facebook Messenger, Instagram Direct, WhatsApp, and Voice AI. Each type is suited to a different team setup and audience preference.
Yes. When a visitor submits their information through the widget form or initiates a conversation that captures their details, the platform checks for an existing contact with that email or phone number. If a match is found, the record is updated. If not, a new contact is created and the conversation is logged to their activity timeline.
Yes. Configure operating hours in the chat settings to control when the Live Chat widget appears. Outside of operating hours, you can hide the widget entirely or switch it to display an offline message or an SMS/Email Chat form instead.
AI chat connects the widget to an AI agent that responds to visitor messages automatically — without a live team member present. The AI agent can answer common questions, qualify leads, and hand off to a human when needed. It is available 24/7 and requires no staffing.
Last modified on March 6, 2026