Início Chat ao Vivo no Site Como instalar o chat ao vivo em uma aplicação Vue.js

Como instalar o chat ao vivo em uma aplicação Vue.js

Última atualização em Apr 15, 2025

Se você utiliza Vue.js em seu site ou aplicação, é possível integrar o widget de atendimento ao vivo da Akece para conversar com seus visitantes em tempo real. Para isso, basta adicionar o script do widget diretamente no arquivo index.html do seu projeto.

1. Obtenha o script do widget

O script do widget pode ser encontrado nas configurações do seu canal do tipo Website.

Para acessar:

  • Vá até Configurações → Caixas de entrada

  • Clique no link configurar na opção Website

  • Acesse a aba Configuração

Se você ainda não criou uma caixa de entrada do tipo Website, siga este guia completo para aprender como criar.

2. Copie o script gerado

Copie o script exibido no campo de código da aba de configuração. Ele será semelhante ao exemplo abaixo:

<script>
  (function(d, t) {
    var BASE_URL = "https://dash.akece.com";
    var g = d.createElement(t),
        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.akeceSDK.run({
        websiteToken: "SEU_TOKEN_AQUI",
        baseUrl: BASE_URL
      });
    };
  })(document, "script");
</script>

3. Cole o script no index.html

Abra o seu projeto Vue e edite o arquivo public/index.html. Cole o script logo antes da tag de fechamento </body>, como no exemplo:

<body>
  <noscript>
    <strong>Ative o JavaScript para que o site funcione corretamente.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->

  <!-- Script do widget da Akece -->
  <script>
    (function(d, t) {
      var BASE_URL = "https://dash.akece.com";
      var g = d.createElement(t),
          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.akeceSDK.run({
          websiteToken: "SEU_TOKEN_AQUI",
          baseUrl: BASE_URL
        });
      };
    })(document, "script");
  </script>
</body>

Lembre-se de substituir "SEU_TOKEN_AQUI" pelo token gerado na sua caixa de entrada.

4. Verifique a instalação

Após salvar as alterações, publique ou recarregue seu site localmente. O widget da Akece deverá aparecer automaticamente em todas as páginas.


Se precisar de ajuda para configurar o widget no seu projeto Vue.js, fale com a gente:
📩 [email protected] | 📱 @akece.ai