Copie-o e insira-o no HTML de seu site.
O script deve ser incorporado no HEAD do código HTML (dentro de cada página em que a CTA é exibida), antes da tag </head> e para otimizar o desempenho de carregamento do seu site, você também deve usar o assíncrono atributo.
Por exemplo: <script type="application/javascript" src="https://cdn.agentbot.ne/core/TOKEN.js" async></script>
O atributo async permite que o script seja baixado de forma assíncrona, o que significa que ele pode ser baixado em paralelo com outros recursos sem bloquear a renderização da página e ser executado assim que estiver disponível. Essa prática ajudará a melhorar o desempenho do seu site.
O script criará um invólucro HTML onde a interface de bate-papo será hospedada.
Além disso, ele adicionará a classe CSS chamada "AgentBot" à tag <body> do documento HTML, para usar as regras body.agentbot como um prefixo na folha de estilo incluída, evitando assim a substituição de regras do site onde o aplicativo está hospedado.
Importante: o dispositivo que você usa para visualizar a página que contém o script deve estar conectado à Internet sem restrições.
Se a operação anterior tiver sido executada corretamente, a CTA deverá aparecer na página (se o parâmetro tab estiver definido como true), sem atrapalhar a navegação do usuário ou a usabilidade do site.
Ao clicar na CTA, uma caixa de diálogo será exibida no local configurado na tela. Tudo estará pronto para iniciar a interação.
Por fim, ao clicar na cruz de fechamento ou fora da caixa de diálogo, a janela será fechada e o usuário poderá continuar navegando no site.
Veja abaixo o exemplo de como ele é exibido em um site.
Exemplo de como será a chamada para ação (CTA).