Chat widget
# supportj
Jerald
12/08/2025, 6:26 PMI was trying to add a ai chat widget to my site and others. According to what I seen there is an actual tab that says widget that lets you customize the appearance etc. This tab is not showing up on my account dashboard. Can you please enable this tab or let me know how I enable it.
Jerald
12/09/2025, 5:20 PMAny one have any idea? I am talking about what's on my VAPI dashboard just to clarify
c
Chiranjeet Mishra
12/10/2025, 10:56 AMHi Jerald,
It looks like recent updates might have changed how you access the chat widget customization options in the Vapi Dashboard. Although the widget tab is not directly visible, you can manage and integrate the chat widget by following the steps outlined in the [web widget documentation](https://docs.vapi.ai/chat/web-widget). This includes embedding the widget using HTML or integrating it as a React component, and customizing its appearance and behavior accordingly.
h
Higgybw
12/18/2025, 7:26 PMHi, my assistant's chat responses are not showing in the widget on the website. They are showing in the chat logs.
Here's a chat ID "548c30c1-5e4e-4017-b280-2dac6b0b831b".
Here's a chat Details "8aad6806-d1ad-4771-8eaa-917c14bfbffa"
#1211483291191083018
Higgybw
12/18/2025, 8:13 PM@User Here is a good start for the code your chat widget. You can add your info, change the colours and default messages. <vapi-widget
public-key="INSERT YOUR KEY HERE"
assistant-id="INSERT YOUR ASSISTANT ID HERE"
mode="chat"
theme="dark"
base-bg-color="#1f6fb5"
accent-color="#000000"
cta-button-color="#0088ff"
cta-button-text-color="#000000"
border-radius="large"
size="full"
position="bottom-right"
title="QUESTIONS - CHAT WITH AI NOW"
start-button-text="Start"
end-button-text="End Call"
cta-subtitle="SCHEDULE A METTING"
chat-first-message="Hi, I'm the AI assistant. How can I help you today?"
chat-placeholder="Type your message..."
voice-show-transcript="true"
consent-required="false"
>