What happened to that big button DEMO?
# support
m
I don't remember how this was called but I used it to demo to potential clients and it was super efficient. This was the big green wavy bubble that you would click on to get the assistant starting
v
Hi @Martin ツ, 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**: * [Web Calling]() * [Create Assistant]() * [Update Assistant]() * [Inbound Calling]() -----------------------------
### Answer If you're referring to the demo button configuration, you can use the Vapi widget snippet to customize and deploy it on your website. Here is an example of how you can configure the button in your HTML:
Copy code
html
<script>
var vapiInstance = null;
const assistant = "<your-assistant-id>";
const apiKey = "<your-api-key>";
const buttonConfig = {
    width: "100px",
    height: "100px",
    idle: { 
        color: "rgb(93, 254, 202)",
        type: "pill",
        title: "Have a quick question?",
        subtitle: "Talk with our AI assistant",
        icon: "https://unpkg.com/lucide-static@0.321.0/icons/phone.svg",
    },
    loading: { 
        color: "rgb(93, 124, 202)",
        type: "pill",
        title: "Connecting...",
        subtitle: "Please wait",
        icon: "https://unpkg.com/lucide-static@0.321.0/icons/loader-2.svg",
    },
    active: { 
        color: "rgb(255, 0, 0)",
        type: "pill",
        title: "Call is in progress...",
        subtitle: "End the call.",
        icon: "https://unpkg.com/lucide-static@0.321.0/icons/phone-off.svg",
    },
};
(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,
            assistant: assistant,
            config: buttonConfig,
        });
    };
})(document, "script");
</script>
[(1)]() , [(2)]() This code sets up a customizable button for your Vapi assistant. Make sure to replace
<your-assistant-id>
and
<your-api-key>
with your actual Vapi assistant ID and API key.
Got it. Tagging @User for additional help.
m
no I meant the one that was in the assistant window
s
It’s still there click on the share button
You will get the link