Integrating Squads into the Web Snippet

<script>
  var vapiInstance = null;
  const squad = {
    "squadId": "<squad_id>", // Substitute with your squad ID
    "assistants": [
      // Add your assistant configurations here
      {
        "assistantId": "<assistant_id_1>",
        "publicApiKey": "<public_api_key_1>"
      },
      {
        "assistantId": "<assistant_id_2>",
        "publicApiKey": "<public_api_key_2>"
      }
      // ... add more assistants as needed
    ]
  };
  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({
        squad: squad, // Use the squad configuration instead of a single assistant
        config: buttonConfig, // optional
      });
    };
  })(document, "script");
</script>

<script>
  var vapiInstance = null;
  const squad = {
    "squadId": "<squad_id>", // Substitute with your squad ID
    "assistants": [
      // Add your assistant configurations here
      {
        "assistantId": "<assistant_id_1>",
        "publicApiKey": "<public_api_key_1>"
      },
      {
        "assistantId": "<assistant_id_2>",
        "publicApiKey": "<public_api_key_2>"
      }
      // ... add more assistants as needed
    ]
  };
  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({
        squad: squad, // Use the squad configuration instead of a single assistant
        config: buttonConfig, // optional
      });
    };
  })(document, "script");
</script>

<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>

<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>