Resumo
Você pode instalar o Astra em qualquer site em apenas alguns passos, copiando um trecho de código do seu Painel 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, 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 pastapagese, em seguida, 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 Astra aqui -->
</body>
Etapa 3: Salve e verifique
Salve suas alterações e as implante (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 em seu site de diferentes maneiras. Você também pode ativar o recurso de 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 sua página.
Usa o ícone da sua marca para um visual personalizado.
Exibe iniciadores de conversa sugeridos, como perguntas comuns.
Os visitantes podem clicar em uma pergunta, e o agente de IA responde diretamente.
2. Destaque (visualização de chat no centro inferior)
Aparece como uma janela de chat estilo destaque 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 destacando qualquer texto no seu site.
Por exemplo, se alguém destacar "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 a base de conhecimento completa 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 ativado com qualquer uma das opções para uma navegação mais interativa.