I need some help with integrating a squad into the web snippet. For reference, the current web snippet in the docs is as below: var vapiInstance = null; const assistant = ""; // Substitute with your assistant ID const apiKey = ""; // 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"); Right now, I have a web snippet like the above in my web page that activates an assistant I created in the dashboard. But now I have updated my assistant to be part of a squad, meaning my original assistant now has a couple of other assistants its able to pass on the call to. I want to add this new squad into the web snippet. How? I'm aware that I can replace the section with JSON for a complete assistant. But for a squad, should I simply replace the 'const asssistant' part with 'const squad' and then insert the JSON for the squad?

message has been deleted

@Sahil just want to be sure the AI assistant got the above right. If not, hope you can help.

You need to use Web SDK not the web snippet.

Is there a way at all to have squads working using the snippet/the web widget? I followed the video for the snippet/widget by @Jannis | Integraticus here: . It shows that the assistant will work if I paste in the assistant JSON, and am wondering if there's a way to do the same but with the squads JSON within the widget/snippet somewhere?

I will ask the team to add it to the web snippet.

That would be awesome. I work in education, and I can tell you that this web widget feature, because it’s much more user friendly then the sdk, is going to get used by lots of people in the industry.

Yeah, it is supported via web snippet. You create a squad through dashboard and just pass the squadID

That's awesome news. I created a squad through the dashboard and created a web snippet which I added to the html of my page. It's as follows: var vapiInstance = null; const squad = ""; // Your squad ID const apiKey = ""; // Substitute with your Public key from Vapi Dashboard. const buttonConfig = { // ... (button configuration remains the same) }; (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 squad: squad, // Use 'squad' instead of 'assistant', maintaining the same structure config: buttonConfig, // optional }); }; })(document, "script"); Unfortunately, the call appears to connect and then immediately fail. In the logs, I get an error, but it doesn't even appear to be the assistant/squad I'm trying to call (there's no 'Mary' assistant I'm using)? I know the squad is working in the dashboard. Call ID if you need it is: eb053500-61c6-47d4-a5f2-bb0a61061598. Is my snippet written correctly? Is there something else I'm missing? https://cdn.discordapp.com/attachments/1250047915813240864/1257446377538060338/Screenshot_2024-07-02_at_00.19.44.png?ex=66846fb2&is=66831e32&hm=071c2ccf9e373d844735e6075369899fe1a6c9f8d8cf00a6208cf517ef22201b&

11Labs Voice Id: uCn98X6tKa49TnMFbwg6 The voice_id_does_not_exist so try to syncing the voice.

That’s what I thought but the squad and assistants in them work via the dashboard fine. And the assistant mentioned in the error (Mary) is not my assistant. Is my code for the web snippet correct?

@JM Can you provide the squad configuration that you are sending?

Yes your code is correct.

I set up the squad via the dashboard, not the API. Below is the configuration returned when I ran a 'Get Squad' API call. For context, my squad only has two assistants, the first passes the call onto the second: { "id": "c2fb7360-b4c8-4ea3-8074-09237307d6b3", "orgId": "cea49a9a-9b51-482c-9ae9-38f7ef1cd8b1", "createdAt": "2024-06-24T12:58:40.230Z", "updatedAt": "2024-06-24T12:59:03.817Z", "members": [ { "assistantId": "468ccfc1-a4bc-4d8c-b934-47fcb776d02b", "assistantDestinations": [ { "type": "assistant", "assistantName": "[redacted for Discord]" } ] }, { "assistantId": "ec7ce717-312d-41f7-937c-bd13e70c26cb", "assistantDestinations": [] } ] }

The config is correct.

Hi, this code did not work here is a configuration that did work but the call was not being transfered to other assistants and it only stayed on the first assistant var vapiInstance = null; const squad = { "members": [ { "assistantId": "" }, { "assistantId": """ }, { "assistantId": "" } ] }; const buttonConfig = { }; (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: "", // Public api key squad: squad, config: buttonConfig }); }; })(document, "script"); Can you tell me what am I missing?

@Nehal Azhar It seems like there might be a misunderstanding in the squad configuration within the web snippet. The squad configuration should include the

squadId

rather than the individual

assistantId

values. Here's how you can adjust your snippet:

javascript
<script>
  var vapiInstance = null;
  const squadId = "<Your-Squad-ID>"; // Replace with your actual squad ID
  const apiKey = "<Your-Public-API-Key>"; // Replace with your actual Public API key

  const buttonConfig = {
    // ... (button configuration remains the same)
  };

  (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,
        squad: squadId, // Pass the squadId here
        config: buttonConfig
      });
    };
  })(document, "script");
</script>

Make sure to replace

<Your-Squad-ID>

with the actual squad ID you obtained from the dashboard and

<Your-Public-API-Key>

with your public API key. If the call is not being transferred to other assistants within the squad, it could be due to the logic defined in your assistants or the squad settings. Ensure that the transfer conditions are set correctly and that the assistants are configured to handle transfers as expected. If you continue to experience issues, please provide the squad ID and the specific error messages you're encountering so that we can assist you further.

please create a new ticket for this.