Resumen
Puede instalar Astra en cualquier sitio web en solo unos pocos pasos copiando un fragmento de código de su Panel de Astra y pegándolo en el HTML de su sitio. Una vez instalado, puede elegir cómo aparece Astra: como un widget de chat, una vista de foco o con la función opcional de resaltado mágico.
Instrucciones
Siga estos pasos para instalar Astra en su sitio web:
Paso 1: Obtenga su código de instalación
Inicie sesión en su cuenta de Astra en https://astra.wati.io.
Vaya a Agentes, luego elija un agente para editar o haga clic para crear uno nuevo.
Vaya a Crear mi agente y haga clic en el botón de configuración para obtener el código.
Seleccione Copiar código para copiar su código de instalación.
Paso 2: Agregue el código a su sitio web
Localice el archivo correcto para su tipo de sitio web y pegue el código antes de la etiqueta de cierre </body>.
Sitios web HTML generales: Agregue el código en su archivo HTML principal (normalmente
index.htmldentro de la carpetapublic_html).React.js: Abra el archivo
public/index.htmly pegue el código justo antes de la etiqueta de cierre</body>.Next.js: Cree un archivo
_document.jsdentro de la carpetapages, luego incluya el script antes de la etiqueta de cierre</body>.Otros sitios web: Encuentre el archivo donde se administra el HTML y pegue el código antes de la etiqueta de cierre
</body>.
Así es como se ve:
<!-- Su código HTML existente aquí -->
<!-- Pegue el código de Astra aquí -->
</body>
Paso 3: Guarde y verifique
Guarde sus cambios y despliéguelos (si es necesario).
Actualice su sitio web; ahora debería ver aparecer el widget de Astra.
Opciones de implementación
Una vez instalado, Astra puede aparecer en su sitio web de diferentes maneras. También puede habilitar la función de resaltado mágico para una experiencia interactiva.
1. Widget (burbuja de chat en la esquina inferior derecha)
Aparece como una burbuja de chat en la esquina inferior derecha de su página web.
Utiliza su icono de marca para un aspecto personalizado.
Muestra iniciadores de conversación sugeridos, como preguntas frecuentes.
Los visitantes pueden hacer clic en una pregunta y el agente de IA responde directamente.
2. Foco (vista de chat en la parte inferior central)
Aparece como una ventana de chat tipo foco en la parte inferior central de su pantalla.
Los visitantes pueden seleccionar una pregunta y el agente de IA proporcionará una respuesta.
3. Resaltado mágico
Permite a los visitantes hacer preguntas resaltando cualquier texto en su sitio.
Por ejemplo, si alguien resalta “optimización de motores de búsqueda” y hace clic en Preguntar a Astra (o Preguntar al agente), el agente de IA generará y responderá la pregunta.
La función escanea su base de conocimientos de todo el sitio web para proporcionar la respuesta más relevante.
Elegir la opción correcta
Elija entre el widget o el foco según el diseño de su sitio y las preferencias de experiencia del visitante.
Ambos se pueden implementar utilizando el código de instalación que copió anteriormente.
El resaltado mágico se puede habilitar con cualquiera de las opciones para una navegación más interactiva.