Resumen
Puedes instalar Astra en cualquier sitio web en pocos pasos copiando un fragmento de código desde tu panel de control de Astra y pegándolo en el HTML de tu sitio. Una vez instalado, puedes elegir cómo aparece Astra: ya sea como un widget de chat, una vista destacada o con la función opcional de resaltador mágico.
Instrucciones
Sigue estos pasos para instalar Astra en tu sitio web:
Paso 1: Obtén tu código de instalación
Inicia sesión en tu panel de control de Astra en https://astra.wati.io.
Haz clic en el botón Instalar agente.
Selecciona Copiar código para copiar tu código de instalación.
Paso 2: Agrega el código a tu sitio web
Ubica el archivo correcto para el tipo de sitio web que tienes y pega el código antes de la etiqueta de cierre </body>.
Sitios web HTML generales: Agrega el código en tu archivo HTML principal (normalmente
index.htmldentro de la carpetapublic_html).React.js: Abre el archivo
public/index.htmly pega el código justo antes de la etiqueta de cierre</body>.Next.js: Crea un archivo
_document.jsdentro de la carpetapages, luego incluye el script antes de la etiqueta de cierre</body>.Otros sitios web: Busca el archivo donde se administra el HTML y pega el código antes de la etiqueta de cierre
</body>.
Así es como se ve:
<!-- Tu código HTML existente aquí -->
<!-- Pega el código de Astra aquí -->
</body>
Paso 3: Guarda y verifica
Guarda tus cambios y despliégalos (si es necesario).
Actualiza tu sitio web; ahora deberías ver el widget de Astra.
Opciones de implementación
Una vez instalado, Astra puede aparecer en tu sitio web de diferentes maneras. También puedes habilitar la función de resaltador 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 tu página web.
Utiliza tu icono de marca para una apariencia personalizada.
Muestra iniciadores de conversación sugeridos, como preguntas frecuentes.
Los visitantes pueden hacer clic en una pregunta y el agente de IA responderá directamente.
2. Destacado (vista de chat en el centro de la parte inferior)
Aparece como una ventana de chat estilo destacado en el centro de la parte inferior de tu pantalla.
Los visitantes pueden seleccionar una pregunta y el agente de IA proporcionará una respuesta.
3. Resaltador mágico
Permite a los visitantes hacer preguntas resaltando cualquier texto en tu sitio.
Por ejemplo, si alguien resalta “optimización de motores de búsqueda” y hace clic en Pregúntale a Astra (o Pregúntale al agente), el agente de IA generará y responderá a la pregunta.
La función escanea toda la base de conocimientos de tu sitio web para proporcionar la respuesta más relevante.
Elegir la opción correcta
Elige entre el widget o el destacado según las preferencias de diseño y experiencia del visitante de tu sitio.
Ambos se pueden implementar utilizando el código de instalación que copiaste anteriormente.
El resaltador mágico se puede habilitar con cualquiera de las dos opciones para una navegación más interactiva.