Widget for quick calls
# support
s
Hello, My widget don't work more. I tried to check docs and there isn't more the codes about that. Cheers
v
Hi @sorock, I'm an AI assistant for Vapi. I'll analyze available sources and get back to you shortly.
----------------------------- **While I generate an answer, here are some sources that might be helpful**: * [Voice Widget Example]() * [Dashboard]() * [Inbound Calling]() * [Introduction]() -----------------------------
### Answer Hello, If you're looking to integrate a quick call feature through a widget on your website using Vapi, you can find detailed instructions on embedding the Vapi Voice Widget in the documentation. Below is a snippet on how to insert the widget into your website's HTML, before the closing
</body>
tag:
Copy code
html
<script>
var vapiInstance = null;
const assistant = "<assistant_id>"; // Substitute with your assistant ID
const apiKey = "<your_public_api_key>"; // Substitute with your Public key from Vapi Dashboard.
const buttonConfig = {}; // Modify this as required
(function (d, t) {
var g = document.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src =
"https://cdn.jsdelivr.net/gh/VapiAI/html-script-tag@latest/dist/assets/index.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g, s);
g.onload = function () {
vapiInstance = window.vapiSDK.run({
apiKey: apiKey, // mandatory
assistant: assistant, // mandatory
config: buttonConfig, // optional
});
};
})(document, "script");
</script>
[(1)]() This code snippet helps you easily integrate the Voice Widget into your website for enhanced user interaction. Make sure to replace
<assistant_id>
and
<your_public_api_key>
with your actual assistant ID and API key from the Vapi dashboard. If you continue to face issues, it might be helpful to review the documentation for any updates or changes to the widget integration process.
s
Can you share the network tab request section so that I can figure out why exactly it is not working?