Documentación

WordPress

Agrega tu agente a sitios web de WordPress.

Agrega tu agente de IA a sitios de WordPress mediante el código de incrustación. Funciona con cualquier tema de WordPress.

Abre Canales > Incrustar en sitio web, selecciona Widget de chat y copia el código completo con sus dos etiquetas de script. Conserva la URL y el ID generados. Para instalarlo en todo el sitio sin editar el tema, usa el campo Footer de WPCode del método 3.

Activa el canal Widget de chat antes de probar el sitio público.

Método 1: pie de página del tema

Agrega el widget a todas las páginas mediante tu tema:

  1. Ve a Apariencia → Editor de temas (o Editor de archivos del tema)
  2. Busca footer.php en los archivos de tu tema
  3. Pega tu código de incrustación justo antes de </body>
  4. Haz clic en Actualizar archivo

El widget ahora aparece en todas las páginas.

Método 2: bloque de HTML personalizado

Agrégalo a páginas específicas mediante el editor de bloques:

  1. Edita la página donde quieras el widget
  2. Agrega un bloque HTML personalizado
  3. Pega tu código de incrustación desde Canales > Incrustar en sitio web
  4. Guarda la página

El bloque HTML personalizado solo funciona si tu cuenta puede publicar scripts. Tras guardar, comprueba que ambas etiquetas estén en el código fuente renderizado. WordPress puede quitarlas sin unfiltered_html, sobre todo en Multisite. WordPress explica este permiso.

Método 3: plugin (scripts de encabezado/pie de página)

Usa un plugin para agregar scripts en todo el sitio:

  1. Instala WPCode, antes llamado Insert Headers and Footers de WPBeginner.
  2. Ve a la configuración del plugin
  3. Busca la sección Footer
  4. Pega tu código de incrustación desde Canales > Incrustar en sitio web
  5. Guarda los cambios

Este método no requiere editar archivos del tema.

Método 4: tema hijo

Para temas que se actualizan con frecuencia, usa un tema hijo:

  1. Crea un tema hijo para tu tema actual
  2. Un desarrollador puede emitir las dos etiquetas generadas mediante wp_footer. Prueba después de actualizar el tema.

Esto sobrevive a las actualizaciones del tema.

Sitios de WooCommerce

El widget funciona automáticamente en los sitios de WooCommerce. Ten en cuenta:

  • Agregarlo a las páginas de producto para preguntas sobre productos
  • Agregarlo al checkout para dar soporte de pedidos
  • Usarlo en páginas específicas mediante bloques de HTML personalizado

Constructores de páginas

Algunos editores eliminan scripts del contenido. Revisa el código fuente renderizado; si falta una etiqueta, usa el campo Footer de WPCode.

Multisite

Para WordPress Multisite:

  • Agrega el código a cada sitio individualmente, o
  • Usa un plugin activado a nivel de red para agregarlo a todos los sitios

Plugins de caché

Si usas plugins de caché (WP Super Cache, W3 Total Cache, etc.):

  1. Agrega el código del widget
  2. Borra todas las cachés
  3. Prueba el widget

Solución de problemas

El widget no aparece

  • Borra la caché de WordPress
  • Revisa la consola del navegador en busca de errores
  • Verifica que el ID del agente sea correcto

El editor de temas no está disponible

  • Algunos hosts desactivan la edición de temas
  • Usa un método con plugin en su lugar
  • O edita los archivos mediante FTP

La posición del widget es incorrecta

  • Ajusta la posición en la configuración de Diseño de tu agente
  • Revisa si hay conflictos de CSS con el tema

Pruebas

Después de la instalación:

  1. Abre tu sitio de WordPress en una ventana de incógnito
  2. Busca la burbuja de chat
  3. Envía un mensaje de prueba
  4. Verifica la respuesta

Comprueba ambas etiquetas en el código fuente renderizado y la URL configurada en la pestaña Red. Si falta alguna, revisa los permisos de scripts y la caché.

Próximos pasos