> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unecast.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Live Chat: Engage Website Visitors Across All Channels

> Add a configurable web widget to your site so visitors can start conversations on WhatsApp and Live Chat - all landing in Unecast.

Unecast's Live Chat gives every website visitor an instant, frictionless way to reach you - on whichever channel they already use. The web widget surfaces Live Chat, WhatsApp, and more in a single, branded launcher on your site. All conversations flow into your Unecast universal inbox, so your team handles everything in one place. Whether you want to convert prospects, answer pre-purchase questions, reduce cart abandonment, or deliver faster support, the Live Chat widget puts you exactly where customers need you.

> "The Bloomwire team successfully implemented a WhatsApp Business solution that allowed us to scale from a single-app setup to a collaborative multi-user environment without disrupting our existing workflow. Through their implementation, our staff can continue using the WhatsApp Business App while also managing customer conversations through the Unecast platform (WhatsApp Coexistence), giving us greater flexibility and visibility across our customer interactions.
>
> They were extremely responsive throughout the onboarding process, efficiently handled the approvals and verifications, and worked beyond traditional office hours to resolve issues. Their commitment led to our Meta allowed message capacity quickly increasing from 250 to 10,000 conversations per day. Great work overall!"
>
> — Colombo Furniture House Management

## Feature overview

<CardGroup cols={2}>
  <Card title="Brand Customization" icon="paintbrush" href="/features/live-chat#how-to-set-up-the-web-widget">
    Set your brand color, upload your logo, choose widget position, and write a custom greeting - no code needed.
  </Card>

  <Card title="Copy-Paste Installation" icon="code" href="/features/live-chat#embed-the-widget-snippet">
    Add the widget to any website in minutes by pasting a single JavaScript snippet before the closing body tag.
  </Card>

  <Card title="Personalized Links" icon="link" href="/features/live-chat#how-to-set-up-the-web-widget">
    Add helpful links to the widget - appointment booking pages, newsletter sign-ups, FAQs, and more.
  </Card>

  <Card title="Mobile & Desktop Responsive" icon="mobile-screen" href="/features/live-chat#how-to-set-up-the-web-widget">
    The widget adapts seamlessly whether visitors arrive on a smartphone, tablet, or desktop browser.
  </Card>

  <Card title="24/7 AI Agent Fallback" icon="robot" href="/features/ai-agent">
    When your team is offline, the Unecast AI Agent takes over so visitors always get an instant response.
  </Card>

  <Card title="Custom Conversation Views" icon="filter" href="/features/live-chat#how-to-set-up-the-web-widget">
    Filter your inbox to show only widget conversations, giving your team a focused support queue.
  </Card>
</CardGroup>

## How to set up the web widget

<Steps>
  <Step title="Open Web Widget settings">
    Go to **Dashboard → Widget Builder** in your Unecast account.
  </Step>

  <Step title="Customize the appearance">
    Set your brand color, upload a logo, choose the widget's position on the page (bottom-left or bottom-right), and write a greeting text that matches your brand voice.
  </Step>

  <Step title="Copy the JavaScript snippet">
    Click the **Installation** tab and copy the generated snippet.
  </Step>

  <Step title="Paste the snippet into your website">
    Add the snippet to your website's HTML just before the closing `</body>` tag. Works with any website builder, CMS, or custom HTML site.
  </Step>

  <Step title="Test your widget">
    Visit your live website. The widget launcher should appear in the corner you selected. Start a test conversation to confirm messages arrive in your Unecast inbox.
  </Step>
</Steps>

## Embed the widget snippet

Paste the code below before the `</body>` tag on every page where you want the widget to appear. Replace `YOUR_WIDGET_ID` with the ID shown in your Unecast settings.

```html theme={null}
<!-- Unecast Live Chat Widget -->
    <script>
      window.aiChatConfig = {
       siteId: "#######",
        channelId:"######",
        url: "https://flow.unecast.com",
      };
    </script>
<script src="https://flow.unecast.com/widget/widget.js" async></script>
```

<Note>
  The Web Widget is available on all Unecast plans.
</Note>

## Related features

<CardGroup cols={2}>
  <Card title="AI Agent" icon="robot" href="/features/ai-agent">
    Automate up to 80% of widget conversations with an AI agent trained on your business content.
  </Card>

  <Card title="Universal Inbox" icon="inbox" href="/features/universal-inbox">
    All widget conversations, regardless of channel, land in your unified Unecast inbox.
  </Card>

  <Card title="Automations" icon="wand-magic-sparkles" href="/features/automations">
    Trigger automated responses, assignments, or follow-ups based on widget conversation events.
  </Card>

  <Card title="WhatsApp Business" icon="whatsapp" href="/features/whatsapp-business">
    Connect your WhatsApp Business number so widget visitors can message you on WhatsApp.
  </Card>
</CardGroup>