Ir al contenido principal

Cómo instalar el agente de IA en tu sitio web Lovable

Wati Support avatar
Escrito por Wati Support
Actualizado hace más de 2 meses

Resumen

Puedes instalar el agente de Astra AI en tu sitio web creado con la plataforma Lovable en solo unos minutos usando una configuración sencilla. Una vez instalado, puedes elegir cómo se muestra el agente de Astra AI; ya sea como un widget de chat o en una vista destacada.

Video explicativo

¿Prefieres un video explicativo? Aquí tienes una guía paso a paso en video para aprender cómo instalar el agente de Astra AI en tu sitio web creado con la plataforma Lovable:

Instrucciones

Sigue estos pasos para instalar el agente de Astra AI en tu sitio web creado con la plataforma Lovable:

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

Ve a tu proyecto de Lovable e inserta la siguiente instrucción [reemplaza tu script en la instrucción].

Agrega el siguiente código de inserción de sitio web 

++REEMPLAZA TU CÓDIGO DE SCRIPT++

Ejemplo -

Agrega el siguiente código de inserción de sitio web 

<script src="https://astra.wati.io/widget/astra.js" id="97c7966d-986f-4bc4-9959-92c007007c1d" data-mode="ai_bar" defer></script>

Paso 3: Publica tu proyecto

  • Publica tu proyecto de Lovable.

  • Actualiza tu sitio web. Ahora deberías ver que aparece el widget de Astra.

¿Ha quedado contestada tu pregunta?