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