Ir al contenido principal

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

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

Resumen

Puedes instalar el agente de Astra AI en cualquier sitio web creado con WordPress 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:

Método 1: Usando el plugin "Code Snippets" (recomendado)

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

En tu Portal de administración de WordPress, usa cualquier plugin que te permita agregar un código HTML.

Si aún no lo tienes, puedes instalar el Plugin WPCode.

Una vez que instales el plugin, sigue estos pasos:

  • Haz clic en 'Agregar fragmento' y luego haz clic en 'Agregar tu código personalizado'.

  • Elige 'Fragmento HTML'.

  • Pega el código del widget del agente de Astra AI y luego Activa y Actualiza.

Paso 3: Verifica

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

Método 2: Agregar a través de functions.php del tema hijo

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. Verifica el tema hijo

  • En Apariencia > Temas, asegúrate de que el tema activo sea un tema hijo.

  • Si no tienes uno, crea un tema hijo primero.

Paso 3. Edita el archivo functions.php

  • En Apariencia > Editor de archivos del tema (o a través de FTP/SFTP), abre Funciones del tema (functions.php).

  • Agrega el código copiado del agente de Astra AI al final.

  • Guarda los cambios.

Paso 4. Limpia la caché y valida

  • Limpia cualquier caché de WP, caché del servidor o CDN.

  • Limpia la caché del navegador y vuelve a cargar tu sitio.

  • Confirma que el widget aparece y funciona.

Notas

  • Ten cuidado con las ediciones. Un error de sintaxis en functions.php puede dañar tu sitio. Siempre mantén una copia de seguridad. Si algo sale mal, deshabilita el fragmento o elimina el código agregado.

  • Evita editar los archivos del tema principal directamente. Realiza cambios solo en el tema hijo para evitar problemas durante las actualizaciones.

¿Ha quedado contestada tu pregunta?