Ver categorias

Como ligar o Deepseek ao Html

< 1 minutos de leitura

Esta página contém dois guias para conectar seu agente DeepSeek ao canal HTML usando o AutoTalk. O primeiro guia integra o agente ao aplicativo, enquanto o segundo conecta seu HTML. Siga ambos para completar a integração.

Guia 1: Integrar o agente Deepseek #

Nesse guia vamos mostrar como integrar o DeepSeek no AutoTalk.

1 Clique em “Empresa” #

Acesse a seção “Empresa”

Passo 2 captura

2 Clique em “Agentes” #

Navegue até a opção “Agentes”

Passo 3 captura

3 Clique aqui #

Clique no botão com símbolo de “+” na parte superior da tela para criar um novo agente.

Passo 4 captura

4 Define o nome do agente #

Aqui você deve definir o nome do agente.

Passo 5 captura

5 Preencher “meu_agente” #

No nosso caso será “meu agente”

Passo 6 captura

6 Defina o tipo do agente #

Aqui você deve definir o tipo do agente

Passo 7 captura

7 Selecione DeepSeek #

No caso desse guia escolheremos DeepSeek.

Passo 8 captura

8 Clique aqui #

Clique no botão verde na parte superior da tela para criar seu novo agente.

Passo 9 captura

9 Volte para o AutoTalk #

Seu novo agente será criado, mas ainda precisamos da chave de API do DeepSeek

Passo 10 captura

10 Troque para “platform.deepseek.com” #

Vamos pegar essa chave. Acesse “platform.deepseek.com” e faça login na sua conta. Note que é preciso ter uma conta com saldo para conseguir usar o modelo. Atualmente não há opção gratuita.

Passo 11 captura

11 Clique em “API keys” #

Clique em “API keys” no menu esquerdo.

Passo 12 captura

12 Clique em “Create new API key” #

Clique no botão “Create new API key”

Passo 13 captura

13 Defina o nome da sua chave de API #

Aqui você define o nome da sua nova chave.

Passo 14 captura

14 Clique em “Create API key” #

Após definir um nome, clique em “Create API key”

Passo 15 captura

15 Sua nova chave #

Aqui está sua nova chave, não compartilhe com ninguém e guarde em um lugar seguro.

Passo 16 captura

16 Clique em “Copy” #

Clique em “Copy” para copiar a chave.

Passo 17 captura

17 Volte para o AutoTalk #

Volte para a aba do AutoTalk

Passo 18 captura

18 Defina aqui a chave da API do DeepSeek #

Nesse campo você define a sua chave de API do DeepSeek

Passo 19 captura

19 Cole a chave do DeepSeek #

Cole aqui a chave copiada no passo anterior.

Passo 20 captura

20 Clique aqui #

Clique no botão verde na parte superior para salvar seu novo agente.

Passo 21 captura

21 Clique aqui #

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

Passo 22 captura

22 Seu novo agente #

Localize seu novo agente na lista.

Passo 23 captura

23 Clique aqui #

Clique no botão com três pontos para abrir um menu.

Passo 24 captura

24 Clique “Definir padrão” #

Clique em “Definir padrão”

Passo 25 captura

25 Clique aqui #

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

Passo 26 captura

26 Envie uma mensagem de teste #

Mande uma mensagem de teste para seu agente.

Passo 27 captura

27 Preencher “Olá, quem é você?” #

Se tudo der certo, o agente DeepSeek irá responder a sua mensagem.

Passo 28 captura

Este guia abordou a integração de um agente DeepSeek no Autotalk. Caso você encontre algum problema ou ainda tenha dúvidas, entre em contato com o suporte.

Guia 2: Conectar o canal 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”.

Passo 2 captura

2 Clique em “Canais” #

Vá para a guia “Canais”.

Passo 3 captura

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.

Passo 4 captura

4 Selecione o tipo do canal #

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

Passo 5 captura

5 Clique em “AutoChat” #

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

Passo 6 captura

6 Clique em “Próximo passo” #

Prossiga para a próxima etapa.

Passo 7 captura

7 Clique em “Conectar” #

Ative o canal do AutoChat clicando em “Conectar”

Passo 8 captura

8 Abra o código do Chat Integrado #

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

Passo 9 captura

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.

Passo 10 captura

10 Copie o código fornecido #

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

Passo 11 captura

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.

Passo 12 captura

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

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

Passo 13 captura

13 Cole o código copiado #

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

Passo 14 captura

14 Atualize sua página #

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

Passo 15 captura

15 Clique para abrir o chat #

Clique para abrir o chat.

Passo 16 captura

16 Teste o canal #

Vamos fingir que somos um cliente.

Passo 17 captura

17 Teste o canal #

Vou mandar um olá para o nosso agente.

Passo 18 captura

18 Volte para o AutoTalk #

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

Passo 19 captura

19 Navegue até a página de Chats #

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

Passo 20 captura

20 Verificando a mensagem recebida #

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

Passo 21 captura

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.

Desenvolvido por BetterDocs

Rolar para cima