Resumo
Você pode instalar o Astra em qualquer site em apenas algumas etapas, copiando um trecho de código do seu Painel do Astra e colando-o no HTML do seu site. Após a instalação, você pode escolher como o Astra aparece - como um widget de chat, uma visualização em destaque ou com o recurso opcional de realce 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 na sua conta Astra em https://astra.wati.io.
Vá para Agentes, depois escolha um agente para editar ou clique para criar um novo agente.
Vá para Criar Meu Agente e clique no botão de configuração para obter o código.
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 seu 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 (geralmente
index.htmldentro da pastapublic_html).React.js: Abra o arquivo
public/index.htmle cole o código pouco antes da tag de fechamento</body>.Next.js: Crie um arquivo
_document.jsdentro da pastapages, 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>.
Veja como 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
Após a instalação, o Astra pode aparecer no seu site de diferentes maneiras. Você também pode habilitar o recurso de realce 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.
Usa seu ícone de marca para um visual personalizado.
Exibe sugestões de inícios de conversa, como perguntas comuns.
Os visitantes podem clicar em uma pergunta e o agente de IA responde diretamente.
2. Spotlight (visualização de chat no centro inferior)
Aparece como uma janela de chat estilo spotlight no centro inferior da sua 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 realçando qualquer texto no seu site.
Por exemplo, se alguém realçar "otimização de mecanismos de busca" e clicar em Perguntar ao Astra (ou Perguntar ao Agente), o agente de IA gerará e responderá à pergunta.
O recurso escaneia toda a base de conhecimento do seu site para fornecer a resposta mais relevante.
Observação: Se você não quiser usar o Realce Mágico, pode desativá-lo navegando em Agentes > Selecione um Agente - vá para Criar Meu Agente > Branding, e então desative o interruptor Realce mágico.
Escolhendo a opção certa
Escolha entre o widget ou o spotlight 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 uma das opções para uma navegação mais interativa.