¿Cuál es la forma más fácil de añadir ChatLab a WordPress?

Usa el plugin oficial de ChatLab para WordPress. Instálalo desde el repositorio de plugins de WordPress, actívalo, abre ChatLab en WordPress, haz clic en Continue (Continuar), inicia sesión en ChatLab y elige tu chatbot.

¿Cómo añado ChatLab a WordPress de forma manual?

Copia el código en Widget code desde Deploy (Desplegar) > WordPress > Manual Installation (Instalación manual) y agrégalo al encabezado de tu sitio con un plugin de inserción de código. Para un iframe, usa un bloque de contenido que admita código HTML con iframes.

¿Es necesario copiar un Bot ID en el plugin de WordPress?

El plugin actual se conecta a través de un flujo guiado de inicio de sesión. Abre ChatLab en WordPress, haz clic en Continue (Continuar) y selecciona tu chatbot cuando se te solicite; no necesitas copiar ningún Bot ID.

¿Puedo elegir entre widget e iframe en WordPress?

Sí. Con el método del plugin, el chatbot se muestra como una ventana emergente tipo widget. Con la instalación manual, puedes elegir entre el modo widget (icono de chat emergente) o el modo iframe (siempre visible en la página).

Cómo añadir tu chatbot a un sitio web de WordPress

Añadir un chatbot de ChatLab a tu sitio web de WordPress permite que los visitantes interactúen con tu asistente de IA directamente en tu página. Existen dos métodos de instalación: el plugin de WordPress (recomendado) o la inserción manual de código.

Antes de empezar

Crea y entrena tu chatbot antes de compartirlo con los clientes. Para la instalación, también necesitas permisos para editar y publicar el sitio web. Consulta Cómo crear tu primer chatbot.

Paso 1 - Abre la pestaña Deploy en ChatLab

Inicia sesión en ChatLab y selecciona el chatbot que deseas insertar
Haz clic en la pestaña Deploy (Desplegar), luego selecciona WordPress en el panel de plataformas situado a la derecha

El panel de WordPress muestra dos pestañas: Plugin Installation (Instalación mediante plugin) y Manual Installation (Instalación manual).

Método 1: Plugin de WordPress (recomendado)

El método del plugin es la forma más sencilla de añadir ChatLab a WordPress - no requiere editar código.

Haz clic en Get the plugin on WordPress.org (Obtener el plugin en WordPress.org) para abrir la página del plugin en wordpress.org

Instala y activa el plugin "ChatLab - AI Chatbot" desde el repositorio de plugins de WordPress
En la administración de WordPress, abre ChatLab y haz clic en Continue (Continuar). En una tienda WooCommerce, mantén seleccionada la opción WooCommerce integration (Integración con WooCommerce) si también quieres la búsqueda de productos y la consulta de pedidos.
Inicia sesión en tu cuenta de ChatLab y elige el chatbot que quieres mostrar.

Completa la conexión guiada y vuelve a WordPress. El plugin instala el widget automáticamente.
Abre tu sitio web en un navegador para verificar que aparece el icono del chatbot

Método 2: Instalación manual

Si prefieres insertar el código manualmente, haz clic en la pestaña Manual Installation (Instalación manual).

Instala y activa un plugin para insertar código en el encabezado, como WPCode (anteriormente Insert Headers and Footers).
En WPCode, abre Code Snippets > Header & Footer. Consulta las instrucciones de cabecera y pie de página de WPCode.
En ChatLab, elige entre Widget (ventana emergente de chat que se activa mediante un icono de chat) o Iframe (chat siempre visible incrustado en la página). Consulta ¿Cuál es la diferencia entre widget e Iframe? para ver una comparación
Haz clic en Copy to clipboard (Copiar al portapapeles) para copiar el código

Para Widget, pega el código en el campo Header y guarda los cambios. Para Iframe, pégalo en un bloque de contenido HTML en la página donde debe aparecer el chat, utilizando una cuenta/editor que permita HTML con iframes, y luego actualiza o publica la página. No pegues un iframe en el encabezado.
Actualiza tu sitio web para comprobar que el chatbot aparece

Comprobación de la instalación

Tras completar cualquiera de los dos métodos, abre tu sitio de WordPress en un navegador. Deberías ver el icono del chat en la esquina de la página (modo widget) o la ventana de chat integrada en la página (modo iframe). Haz clic en el icono para abrir el chat y envía un mensaje de prueba para confirmar que todo funciona correctamente.