O artigo a seguir explica o passo a passo para adicionar o AgentBot como um canal de atendimento.
Clique aqui para ver onde encontrar o script do AgentBot.
Este script deve ser incorporado ao código HTML no HEAD (para cada página em que você deseja que o CTA apareça), antes da tag </head> .
Por exemplo:
O script criará um wrapper no HTML, onde estará alojada a interface do chat.
Além disso, você precisará adicionar a classe css chamada “agentbot” na tag <body> no documento HTML, para utilizar as regras body.agentbot como prefixo na stylesheet que foi incluída, evitando sobrescrever regras do site onde a aplicação está hospedada.
| IMPORTANTE: o dispositivo no qual será visualizada a página que contém o widget deverá estar conectado à internet sem limitações. |
Se a operação anterior foi realizada corretamente, a página exibirá uma pequena aba (caso o parâmetro “tab” seja igual a “true”) que não atrapalhará a navegação do usuário nem a usabilidade da web.
Exemplo de como será visualizado o Call To Action (CTA):
Ao clicar na aba, uma janela de chat será exibida no local configurado. A partir daí, basta iniciar o chat.
Exemplo:
Para fechá-la, basta clicar no “X”, que está no canto superior direito, ou em qualquer lugar fora da janela diálogo.