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

# Install widget

> Add your agent to your website in minutes.

<img src="https://mintcdn.com/voiceflow-009a8802/UVa4iBb5VolfuIsy/images/Widget-example.png?fit=max&auto=format&n=UVa4iBb5VolfuIsy&q=85&s=084c579c0a1e21fa3b089be0b889fc79" alt="Widget Example" width="1294" height="1272" data-path="images/Widget-example.png" />

The quickest way to launch your agent is with the web chat widget. You can deploy it to production in minutes, making it ideal for customer support, lead capture, or any use case where users interact with your agent through a website. The widget supports text and voice input, and can be displayed as a floating widget, popover, or embedded directly into your page.

## Adding the widget to your website

Before adding the widget, you'll need to [publish a version of your agent](/documentation/deploy/environments/publishing). Once published, open the **Widget** tab in the sidebar, then copy the code snippet into your website's codebase. The snippet points at your project's default environment (**Main**) by default. To point the widget at a different environment, see [Choosing which environment the widget loads](/documentation/deploy/widget/web-chat-api#choosing-which-environment-the-widget-loads). If you're not a developer and aren't sure where to add this code, [try asking ChatGPT](http://chatgpt.com/?hints=search\&q=How%20can%20I%20add%20custom%20JavaScript%20to%20a%20\[your%20website%20platform]%20website?).

<video autoPlay={true} muted={true} loop={true} playsInline={true} className="w-full aspect-video" src="https://mintcdn.com/voiceflow-009a8802/63A527Vp2-oUge_i/videos/widget.mp4?fit=max&auto=format&n=63A527Vp2-oUge_i&q=85&s=6e9b0e0e3d6dc0dcfba4f521cda0380e" data-path="videos/widget.mp4" />

Your widget should match your brand. From the **Widget** settings page, scroll down to configure your agent's colors, icons, launcher style, interface type, and more. You can also add placeholder text and privacy policy links. Customers on a Business plan can disable Voiceflow branding.

<video autoPlay={true} muted={true} loop={true} playsInline={true} className="w-full aspect-video" src="https://mintcdn.com/voiceflow-009a8802/63A527Vp2-oUge_i/videos/widget-custom.mp4?fit=max&auto=format&n=63A527Vp2-oUge_i&q=85&s=90f60339d642d6071ba259e16d1fab71" data-path="videos/widget-custom.mp4" />
