Hi all, there used to be a section in the VAPI Dashboard that had a section on the Assistant widget, it oculd be personalised, there was a code snippet to put it on your website etc. I can't seem to find it anymore. Has it been moved?

It looks like widget personalization and code snippets are now provided directly in the Vapi Web Widget documentation, rather than in the dashboard. You can embed and customize your Assistant widget using the following code:

html
<vapi-widget
  public-key="your-public-key"
  assistant-id="your-assistant-id"
  mode="chat"
  theme="light"
></vapi-widget>

Just replace

your-public-key

and

your-assistant-id

with your actual values from the dashboard. For more details and customization options, see the [Vapi Web Widget documentation](https://docs.vapi.ai/chat/web-widget). Source: - [Vapi Web Widget documentation](https://docs.vapi.ai/chat/web-widget)

Hi ronak, The web widget feature is still available, but the implementation approach has changed. Instead of a dedicated dashboard section, the widget is now configured directly through code. Here's how to set it up: 1. **Get your Public API Key**: Go to [dashboard.vapi.ai](http://dashboard.vapi.ai), click your profile in the top right, and select "Vapi API Keys" 2. **Get your Assistant ID**: Navigate to "Assistants" in the left sidebar and copy the ID of the assistant you want to use 3. **Add the widget code to your website**:

<script src="https://unpkg.com/@vapi-ai/client-sdk-react/dist/embed/widget.umd.js" async type="text/javascript"></script>

<vapi-widget
  public-key="your-public-key"
  assistant-id="your-assistant-id"
  mode="chat"
  theme="light"
></vapi-widget>

The widget supports extensive customization options including: • **Mode**:

voice

or

chat

• **Theme**:

light

or

dark

• **Position**:

bottom-right

,

bottom-left

,

top-right

,

top-left

• **Size**:

tiny

,

compact

,

full

• **Custom colors**:

base-color

,

accent-color

,

button-base-color

,

button-accent-color

Full documentation with all customization options: [https://docs.vapi.ai/chat/web-widget](https://docs.vapi.ai/chat/web-widget) Thanks!

Thanks @Shaunak As a non technical person, having it in the dashboard was so much easier. Thank you for pointing me in the right direction.

No worries! We've noted your feedback, Thanks!