Como instalar o chat em app Vue.js

Use este guia para instalar o widget de chat da IAra em uma aplicação Vue.js.

Antes de começar

• Crie uma caixa de entrada do tipo Site na IAra.
• Copie o script do widget ou o websiteToken.
• Confirme se você tem acesso ao arquivo index.html do projeto.

Passo a passo

1. Abra o arquivo public/index.html ou index.html, conforme a estrutura do projeto.
2. Cole o script antes do fechamento de </body>.
3. Troque SEU_WEBSITE_TOKEN pelo token real da caixa.
4. Troque baseUrl pelo domínio correto da instalação.

<body>
  <noscript>
    <strong>Este aplicativo precisa de JavaScript habilitado para funcionar.</strong>
  </noscript>

  <div id="app"></div>

  <script>
    (function (d, t) {
      var BASE_URL = 'https://app.digi2b.com';
      var g = d.createElement(t);
      var s = d.getElementsByTagName(t)[0];
      g.src = BASE_URL + '/packs/js/sdk.js';
      g.defer = true;
      g.async = true;
      s.parentNode.insertBefore(g, s);
      g.onload = function () {
        window.chatwootSDK.run({
          websiteToken: 'SEU_WEBSITE_TOKEN',
          baseUrl: BASE_URL,
        });
      };
    })(document, 'script');
  </script>
</body>

Como testar

Abra o site em ambiente local ou homologação. O balão deve aparecer depois que o JavaScript carregar. Envie uma mensagem e confira se ela entra na caixa correta.

Observação técnica

O SDK pode usar window.chatwootSDK por compatibilidade. Mantenha esse nome no código.