Pular para o conteúdo principal

Integração Web

Você gostaria de adicionar um recurso de chat com inteligência artificial ao seu site? Siga este guia para integrar o AI SmartTalk em apenas algumas etapas simples. Também forneceremos avisos e dicas para ajudá-lo a solucionar problemas comuns.

Pré-requisitos​

Antes de começar, certifique-se de ter:

  • Uma conta ativa do AI SmartTalk.
  • Acesso ao editor HTML do seu site.
info

Ainda não tem uma conta do AI SmartTalk? Inscreva-se aqui para começar.

Instruções Passo a Passo​

Passo 1: Recuperar o Código de Integração​

  1. Faça login na sua conta do AI SmartTalk.
  2. Vá para a seção Integração no back office. b52e6797-0a13-418f-aba8-8abb0db3e1c9.png
  3. Gere seu código de integração único. 12d45607-710d-4820-948c-4e5f2a7db811.png
perigo

O token da API contém identificadores específicos da sua conta. Não o compartilhe publicamente.

Passo 2: Adicione o Código de Integração ao Seu Site​

  1. Abra o arquivo HTML principal do seu site.
  2. Cole o código de integração logo antes da tag </body>.
<iframe id="chatbot-iframe" src="https://cdn.aismarttalk.tech/chatbot/{chatModelId}?lang=en&initialColorMode=light&syncHtmlColorScheme=true" width='100px' height='70px' position='fixed' bottom='0' right='0' allow='microphone; camera' scrolling='no' frameborder='0' style='border: none; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 999999; display: block;'></iframe>
<script type="text/javascript" src="https://cdn.aismarttalk.tech/latest.js"></script>

Certifique-se de que seu site utiliza HTTPS. Os scripts do AI SmartTalk não funcionam em sites não seguros.

Passo 3: Configurar o Chatbot​

Após adicionar o script, faça login no seu painel do AI SmartTalk. 71591349-2e7c-4b3e-90d6-723ff96e01ee.png

dica

Você pode personalizar a aparência do chatbot para combinar com o design do seu site. Explore as opções de personalização no back office.

Passo 4: Testar e Ativar​

  1. Atualize seu site para verificar se o chatbot está sendo exibido corretamente.
  2. Teste diferentes cenários para garantir que o chatbot esteja funcionando conforme o esperado.
atenção

Se o chatbot não aparecer, verifique se o script está inserido corretamente e se suas credenciais são válidas.

Problemas Comuns​

O Chatbot Não Exibe​

  • Certifique-se de que o script está inserido logo antes da tag </body>.
  • Verifique se o seu site possui um certificado SSL válido.

Erros de Configuração​

  • Confirme se os campos Chat Model ID e Chat Model Token estão corretos.
  • Se o problema persistir, entre em contato com o suporte técnico da AI SmartTalk.

Experienciando erros persistentes? Confira nossa documentação técnica ou entre em contato com nossa equipe de suporte.

Recursos Adicionais​

Seguindo estas etapas, você pode integrar com sucesso a AI SmartTalk em seu site e proporcionar uma experiência interativa para seus usuários.

Je suis là pour corriger ou ajuster si nécessaire. 🙏