genetic-orange•5h ago

chat widget

Want to send structured data to custom web-hook made on Make.com for chat widget. #support #chatwidget

2 Replies

To send structured chat data from the Vapi chat widget to your Make.com webhook, add a JavaScript event listener for the widget's message event and forward the data using fetch. Here’s a concrete example:

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
    });
  });
});

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
    });
  });
});

Replace https://your-make-webhook-url.com with your actual Make.com webhook URL. This will forward each chat message as structured JSON to your webhook for further processing. Source: - Vapi Web Widget Documentation

⤵️ Mention @Vapi Support Bot for follow-ups 🐥

genetic-orangeOP•5h ago

What Assistant is doing is that collecting name,email number and an appointment date. Want to send this data in json to webhook. Event is not being called. It’s being loaded but when i click on end chat button its not being called

chat widget

Did you find this page helpful?