Passar para o conteúdo principal

Como instalar o agente de IA no seu site

Atualizado há mais de 2 meses

Resumo

Você pode instalar o Astra em qualquer site em apenas alguns passos, copiando um trecho de código do seu painel do Astra e colando-o no HTML do seu site. Uma vez instalado, você pode escolher como o Astra aparece - seja como um widget de chat, uma visão de destaque ou com o recurso de realce mágico opcional.

Instruções

Siga estes passos para instalar o Astra no seu site:

Etapa 1: Obter o código de instalação

  1. Faça login no seu painel do Astra em https://astra.wati.io.

  2. Clique no botão Instalar agente.

  3. Selecione Copiar código para copiar o código de instalação.

Etapa 2: Adicionar o código ao seu site

Localize o arquivo correto para o tipo de site e cole o código antes da tag de fechamento </body>.

  • Sites HTML gerais: Adicione o código no arquivo HTML principal (geralmente index.html dentro da pasta public_html).

  • React.js: Abra o arquivo public/index.html e cole o código logo antes da tag de fechamento </body>.

  • Next.js: Crie um arquivo _document.js dentro da pasta pages, então inclua o script antes da tag de fechamento </body>.

  • Outros sites: Encontre o arquivo onde o HTML é gerenciado e cole o código antes da tag de fechamento </body>.

Aqui está como ele parece:

<!-- Seu código HTML existente aqui --> 
<!-- Cole o código do Astra aqui -->
</body>

Etapa 3: Salvar e verificar

  1. Salve as alterações e as implante (se necessário).

  2. Atualize seu site - você deve ver agora o widget do Astra aparecer.

Opções de implantação

Uma vez instalado, o Astra pode aparecer em seu site de diferentes maneiras. Você também pode habilitar o recurso realce mágico para uma experiência interativa.

1. Widget (bolha de chat no canto inferior direito)

  • Aparece como uma bolha de chat no canto inferior direito da página da web.

  • Usa o ícone personalizado da sua marca para uma aparência personalizada.

  • Mostra iniciadores de conversa sugeridos, como perguntas comuns.

  • Os visitantes podem clicar em uma pergunta e o agente de IA responderá diretamente.

2. Destaque (visão de chat no centro inferior)

  • Aparece como uma janela de chat no estilo destaque no centro inferior da tela.

  • Os visitantes podem selecionar uma pergunta e o agente de IA fornecerá uma resposta.

3. Realce mágico

  • Permite que os visitantes façam perguntas destacando qualquer texto no seu site.

  • Por exemplo, se alguém destaca “otimização de mecanismo de busca” e clica em Perguntar ao Astra (ou Perguntar ao agente), o agente de IA gerará e responderá à pergunta.

  • O recurso varre toda a base de conhecimento do seu site para fornecer a resposta mais relevante.

Escolhendo a opção certa

  • Escolha entre o widget ou o destaque dependendo do design do seu site e das preferências de experiência do visitante.

  • Ambos podem ser implantados usando o código de instalação que você copiou anteriormente.

  • O realce mágico pode ser habilitado com qualquer opção para uma navegação mais interativa.

Respondeu à sua pergunta?