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

# Web Widgets

> Turn your website or landing page into a powerful lead capture tool with AI-powered voice widgets. Web widgets enable visitors to start live voice conversations instantly—no forms, no delays.

## **Overview**

Web Widgets allow you to embed a **“Click-to-Call”** feature directly on your website. When clicked, the widget initiates a real-time voice conversation between your site visitor and your AI Agent.

This provides a fully automated, conversational experience for users while helping businesses capture, qualify, and convert leads effortlessly.

* Fully white-labeled – runs under your brand, logo, and messaging
* 24/7 automated engagement without needing a live agent
* Integrated with CRM and calendar systems for seamless follow-up

## **Use Cases**

Web Widgets are ideal for:

* **Marketing Landing Pages** – Let visitors instantly speak to your AI Sales Assistant.
* **Service-Based Websites** – Capture inquiries or bookings directly from your homepage.
* **Appointment-Driven Businesses** – Instantly qualify and book appointments via AI.
* **Lead Capture Funnels** – Replace static lead forms with interactive voice conversations.

## **Creating a Web Widget – Step-by-Step**

Follow the steps below to create and deploy a custom web widget:

<Steps>
  <Step title="Navigate to Web Widgets Menu" stepNumber={1} titleSize="p">
    * Go to your client account > Settings > Web Widgets tab.
  </Step>

  <Step title="Click “Create Widget”">
    * Click the Create Widget button to begin setup.
  </Step>

  <Step title=" Fill in Widget Details">
    * **Widget Name** – e.g., “Sales Widget”
    * **Brand Display Name** – Name shown in the widget interface
    * **Logo** – Upload a logo to appear on the widget
    * **Display Message** – Custom welcome message (e.g., “Talk to our Sales Agent”)
    * **CTA Text** – Call-to-action button label (e.g., “Start Voice Chat”)
  </Step>

  <Step title="Assign Agent">
    * Assign the appropriate AI agent who will handle the web calls.
  </Step>

  <Step title="Deploy the Widget">
    * Go to Agent > **Deploy** Tab
    * Select the created widget and assign it to the agent
    * Copy the embed code and place it on your website or landing page.
  </Step>
</Steps>

<img src="https://mintcdn.com/voicemetrics-47a09903/iZAx0l7YXhQ7EQXR/images/web.png?fit=max&auto=format&n=iZAx0l7YXhQ7EQXR&q=85&s=2b3fc77a1c126e6b05be7c9469ce950d" alt="Web Pn" width="1920" height="1080" data-path="images/web.png" />

**Pro Tips**

<Tip>
  Use clear CTAs like “**Talk to Our Assistant**” or “**Need Help? Speak Now!**”
</Tip>

<Tip>
  Assign **dedicated agents** for widget interactions to track performance.
</Tip>

<Tip>
  **Combine with CRM** and analytics tools to monitor engagement and conversions.
</Tip>