Como integrar um chatbot em uma página HTML

Este guia aborda a integração de um agente em uma página HTML utilizando o Autotalk.

1 Clique em “Empresa” #

Acesse a seção “Empresa”.

2 Clique em “Canais” #

Vá para a guia “Canais”.

3 Clique no botão para inciar a criação de um novo canal #

Clique no botão com o símbolo “+” na parte superior da tela para iniciar o processo de adição de um novo canal.

4 Selecione o tipo do canal #

Nesse campo você poderá selecionar o tipo do canal.

5 Clique em “AutoChat” #

Como estamos integrando um agente em uma página HTML, precisamos escolher a opção AutoChat

6 Clique em “Próximo passo” #

Prossiga para a próxima etapa.

7 Clique em “Conectar” #

Ative o canal do AutoChat clicando em “Conectar”

8 Abra o código do Chat Integrado #

Para ter acesso ao código do chat embutído clique em “Chat Integrado”.

9 Esse é o código do seu chat embutido #

Esse é o código do seu chat embutido, você pode colocar ele em qualquer página HTML.

10 Copie o código fornecido #

Clique nesse botão para copiar o código.

11 Vá até sua página HTML #

Vá até a sua página HTML, no nosso caso, estamos trabalhando em uma página de um Pet Shop.

12 Vá até o código fonte da sua página #

Vá até o código fonte da sua página HTML

13 Cole o código copiado #

E cole o código copiado nos passos anteriores antes do fechamento da tag body.

14 Atualize sua página #

Atualize a página, e você verá que agora haverá um ícone na parte inferior direita.

15 Clique para abrir o chat #

Clique para abrir o chat.

16 Teste o canal #

Vamos fingir que somos um cliente.

17 Teste o canal #

Vou mandar um olá para o nosso agente.

18 Volte para o AutoTalk #

Vamos voltar para o AutoTalk e verificar se a mensagem foi recebida com sucesso.

19 Navegue até a página de Chats #

Navegue até a página de Chats para ver a nova conversa.

20 Verificando a mensagem recebida #

A mensagem foi recebida com sucesso, e respondida pelo agente padrão configurado na nossa empresa!

O guia cobriu os passos necessários para integrar com sucesso um agente em uma página HTML usando o Autotalk, incluindo a configuração do chat integrado e a interação com o agente. Caso você ainda tenha dúvidas, não hesite em entrar em contato com o suporte.