chat widget
# supportu
Usman
10/30/2025, 10:15 AMWant to send structured data to custom web-hook made on Make.com for chat widget. #1211483291191083018 #chatwidget
v
Vapi Support Bot
10/30/2025, 10:17 AMTo send structured chat data from the Vapi chat widget to your Make.com webhook, add a JavaScript event listener for the widget's
messagefetch Copy code
javascript
document.addEventListener('DOMContentLoaded', function() {
const widget = document.querySelector('vapi-widget');
widget.addEventListener('message', function(event) {
fetch('https://your-make-webhook-url.com', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(event.detail) // event.detail contains the chat message
});
});
});https://your-make-webhook-url.comu
Usman
10/30/2025, 10:17 AMWhat Assistant is doing is that collecting name,email number and an appointment date. Want to send this data in json to webhook.
Usman
10/30/2025, 10:17 AMEvent is not being called. It’s being loaded but when i click on end chat button its not being called
c
Chiranjeet Mishra
11/05/2025, 2:13 PMHi Usman,
How can I assist you with the setup or configuration of the Vapi Web Widget? Let me know if you have any specific questions or if you need guidance on integrating or customizing the widget. You can also find detailed documentation for embedding the widget and customizing its appearance [here](https://docs.vapi.ai/chat/web-widget).
3 Views