Resumo
Você pode instalar o Astra em qualquer site em apenas algumas etapas, copiando um trecho de código do seu painel 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 visualização em destaque ou com o recurso opcional de destaque mágico.
Instruções
Siga estas etapas para instalar o Astra no seu site:
Etapa 1: Obtenha seu código de instalação
Faça login no seu painel Astra em https://astra.wati.io.
Clique no botão Instalar agente.
Selecione Copiar Código para copiar seu código de instalação.
Etapa 2: Adicione 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 seu arquivo HTML principal (normalmente
index.htmldentro da pastapublic_html).React.js: Abra o arquivo
public/index.htmle cole o código logo antes da tag de fechamento</body>.Next.js: Crie um arquivo
_document.jsdentro da pastapagese 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>.
É assim que fica:
<!-- Seu código HTML existente aqui -->
<!-- Cole o código do Astra aqui -->
</body>
Etapa 3: Salve e verifique
Salve suas alterações e implante-as (se necessário).
Atualize seu site – você deverá ver o widget Astra aparecer.
Opções de implantação
Uma vez instalado, o Astra pode aparecer no seu site de diferentes maneiras. Você também pode ativar o recurso de destaque mágico para uma experiência interativa.
1. Widget (balão de chat no canto inferior direito)
Aparece como um balão de chat no canto inferior direito da sua página da web.
Usa seu ícone de marca para uma aparência personalizada.
Mostra iniciadores de conversa sugeridos, como perguntas frequentes.
Os visitantes podem clicar em uma pergunta e o agente de IA responde diretamente.
2. Destaque (visualização de chat central inferior)
Aparece como uma janela de chat no estilo destaque na parte inferior central da sua tela.
Os visitantes podem selecionar uma pergunta e o agente de IA fornecerá uma resposta.
3. Destaque mágico
Permite que os visitantes façam perguntas destacando qualquer texto no seu site.
Por exemplo, se alguém destacar “otimização de mecanismos de pesquisa” e clicar em Perguntar ao Astra (ou Perguntar ao Agente), o agente de IA irá gerar e responder à pergunta.
O recurso analisa 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 destaque mágico pode ser ativado com qualquer uma das opções para uma navegação mais interativa.