Como ligar o Chatgpt ao Html

Este guia detalha como integrar um agente ChatGPT no Autotalk.

1 Clique em “Empresa” #

Acesse a seção “Empresa”.

2 Clique em “Agentes” #

Navegue até “Agentes”.

3 Clique aqui #

Clique aqui para começar a criação de um novo agente.

4 Defina o nome do agente #

Aqui você precisa definir o nome do seu novo agente

5 Preencha o nome do agente #

No nosso caso será “meu agente”

6 Defina aqui o tipo do novo agente #

Nesse campo você define qual o tipo do seu agente.

7 Selecione “ChatGPT” #

No nosso caso, escolheremos ChatGPT

8 Clique aqui #

Para criar seu novo agente, clique no botão verde na parte superior da tela.

9 Agente criado com sucesso #

Seu novo agente será criado, mas ainda precisamos pegar a chave de API do ChatGPT.

10 Troque para “platform.openai.com” #

Vamos pegar essa chave, acesse “platform.openai.com” e faça login na sua conta.

11 Clique em “Dashboard” #

Vá para o “Dashboard”.

12 Clique aqui #

Abra o menu na parte lateral esquerda.

13 Clique em “API keys” #

Abra a página de chaves da API

14 Clique aqui #

Clique no botão verde “Create new secret key”.

15 Defina um nome para a chave #

Defina aqui um nome para sua nova chave.

16 Selecione um projeto #

É preciso selecionar um projeto, no nosso caso selecionaremos “Default Project”

17 Clique aqui #

Crie sua chave clicando no botão verde “Create secret key”.

18 Sua nova chave da API #

Essa é a sua nova chave da API. Não compartilhe com ninguém e guarde em um lugar seguro.

19 Clique em “Copy” #

Copie essa chave.

20 Troque para “app.autotalk.io” #

Volte para o AutoTalk.

21 Defina aqui a chave de API #

Aqui você define a chave de API desse agente.

22 Cole a chave de API #

Cole aqui a chave de API copiada no passo anterior.

23 Clique aqui #

Salve as modificações clicando no botão verde na parte superior da tela.

24 Clique aqui #

Agora vamos definir esse novo agente como padrão. Clique no botão na parte superior esquerda da tela para voltar para página anterior.

25 Seu novo agente #

Encontre seu novo agente na lista de agentes.

26 Clique aqui #

Clique no botão com três pontos para expandir um menu de opções.

27 Clique “Definir padrão” #

Clique em “Definir padrão”.

28 Clique aqui #

Agora vamos testar esse nosso novo agente. Clique no botão verde com símbolo de “play”.

29 Mande uma mensagem de teste #

Mande uma mensagem para testar seu novo agente.

30 Confira se tudo está certo #

Se tudo estiver certo, o ChatGPT responderá sua mensagem.

Este guia abordou a integração de um agente ChatGPT no AutoTalk. Se você ainda tiver dúvidas ou enfrentar algum problema, entre em contato com o suporte.

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.