Cómo instalar un chatbot en WordPress paso a paso (sin programador, 2026)

WordPress es el sistema con el que están construidas la mayoría de webs de PYMEs españolas — más del 60% de los CMS instalados en España son WordPress[CMS MAG — Datos de mercado CMS España 2026]. Si tienes un negocio y quieres añadir un chatbot a tu web, lo más probable es que estés en WordPress y quieras hacerlo sin pagarle a un programador. Esta guía cubre el proceso completo en 2026: el método más simple, los conflictos típicos con plugins habituales, las cuestiones de RGPD y cómo verificar que todo funciona — sin tecnicismos innecesarios.

Qué método usar (y cuál olvidar)

Hay cuatro formas habituales de añadir un script a WordPress, y no todas merecen el mismo respeto. De más simple a más complicado:

1. Plugin de inserción de scripts (WPCode / Insert Headers and Footers): el método recomendado para no técnicos. Plugin gratuito, más de 2 millones de instalaciones, mantenido activamente[WordPress.org — WPCode plugin].
2. Page builders (Elementor, Divi): añadir un widget HTML en el footer global. Funciona bien si ya usas builder, pero no instala el script en páginas que no usen el template global.
3. Editar footer.php del tema directamente: técnicamente válido pero frágil — en la siguiente actualización del tema desaparece. No recomendado.
4. Google Tag Manager: potente si ya tienes GTM instalado, exagerado si no. Solo úsalo si ya gestionas otros scripts (Analytics, Ads) por GTM.

Para el 95% de los casos, vamos con WPCode. Es lo que un proveedor con buena documentación va a recomendarte.

Pasos concretos con WPCode (5-10 minutos)

Paso 1: Instala el plugin

En tu panel de WordPress, ve a Plugins → Añadir nuevo. En el buscador escribe “WPCode” o “Insert Headers and Footers”. Clic en Instalar sobre el resultado de WPCode (icono naranja), después Activar.

Paso 2: Abre la sección de Header & Footer

En el menú lateral izquierdo de WordPress aparecerá una nueva opción Code Snippets. Despliégala y entra en Header & Footer.

Paso 3: Pega el script en el footer

Verás tres campos: Header, Body y Footer. Pega el script de tu chatbot en el campo Footer, no en el Header. La razón: cargar scripts en el footer mejora el rendimiento de la página, porque el contenido principal se renderiza antes de que el navegador empiece a procesar el chatbot. Esto es relevante para los Core Web Vitals (INP y LCP), métricas que Google usa como factor de ranking[Core Web Vitals 2026].

Paso 4: Guarda y prueba

Pulsa Guardar cambios. Abre tu web en una pestaña de incógnito (Ctrl+Shift+N en Chrome, Cmd+Shift+N en Mac). El widget del chatbot debe aparecer en la esquina inferior derecha de la página después de unos segundos.

Conflictos con plugins comunes en WordPress español

Estos son los tres tipos de plugins que más interfieren con widgets de chatbot. Si los tienes instalados (probable), aquí está cómo configurarlos:

Plugins de caché y rendimiento

WP Rocket, LiteSpeed Cache y W3 Total Cache combinan y minifican JavaScript para acelerar la página. A veces eso rompe el script del chatbot, que necesita cargarse intacto.

• En WP Rocket: ve a File Optimization → Excluded JavaScript Filesy añade el dominio de tu chatbot (ejemplo: oyebot.es)[WP Rocket — Excluir scripts del optimizado].
• En LiteSpeed: Page Optimization → Tuning → JS Excludes.
• En W3 Total Cache: Performance → Minify → JS y excluye el dominio.

Plugins de consentimiento de cookies (RGPD)

Complianz y Cookiebot son los más usados en España para cumplir RGPD. Bloquean por defecto los scripts de terceros hasta que el visitante acepta cookies. Esto es correcto y necesario — pero hay que configurarlo bien:

• Si tu chatbot no usa cookies (algunos modernos usan solo localStorage), pídele a tu proveedor confirmación por escrito y márcalo como “funcional, no requiere consentimiento”.
• Si tu chatbot sí usa cookies, márcalo en categoría “funcional” o “preferencias” y deja que el banner gestione el consentimiento. Si lo metes como “marketing”, aproximadamente el 40-60% de tus visitantes nunca verá el chatbot porque rechazan cookies de marketing.

Plugins de seguridad

Wordfence y Sucuri rara vez bloquean widgets de chatbot, pero pueden marcar tráfico al dominio del chatbot como sospechoso. Si pasa: en Wordfence ve a Live Traffic, identifica las peticiones bloqueadas y pulsa “Allow this IP/Domain”.

Cómo evitar que el chatbot perjudique tu posicionamiento SEO

Un chatbot mal cargado puede empeorar tus Core Web Vitals — concretamente INP (la métrica de interactividad de Google que más sitios fallan actualmente[DEV — Core Web Vitals 2026]) y LCP (Largest Contentful Paint, tiempo hasta el contenido principal). Para evitarlo:

• Carga el script con defer o async. Los chatbots serios ya lo ponen por defecto en su script. Si no lo ves en el código que te dieron, pregunta.
• Lazy load on interaction. El gold standard en 2026: el script del widget no se carga hasta que el visitante hace clic en el botón flotante. Algunos proveedores lo hacen nativo; para otros existe el plugin Chatbot Lazy Loader[WordPress.org — Chatbot Lazy Loader].
• Pon el script en el footer, no en el header. Como hemos visto en el paso 3.
• Mide después de instalar. Pasa tu web por PageSpeed Insights antes y después de instalar el chatbot. Si ves caída > 5 puntos en LCP o INP, hay algo mal configurado.

Mobile: lo que se rompe y cómo arreglarlo

La mayoría de temas modernos de WordPress (Astra, Kadence, GeneratePress, Twenty Twenty-Four) son responsive por defecto. El chatbot debería funcionar correctamente, pero presta atención a:

• Que no tape el botón de WhatsApp flotante que muchos negocios españoles usan. Si lo hace, contacta al proveedor del chatbot y pídele cambiar la posición o el offset.
• Que no tape el banner de cookies. Mismo problema, misma solución — ajustar z-index o posición.
• Probar en móvil real, no solo en DevTools de Chrome. Hay diferencias de comportamiento (sobre todo en iPhone con Safari) que solo se ven en dispositivo real.

Cómo verificar que captura conversaciones de verdad

1. Visita tu propia web en incógnito, escribe un mensaje al bot (“hola, una prueba”).
2. Comprueba en el panel del chatbot que la conversación aparece registrada. Si no aparece, el script está cargado pero la conexión backend no funciona — revisa la API key o el data-id en el script.
3. Repite desde el móvil — el chatbot debe verse, abrirse y guardar la conversación igual que en escritorio.
4. Pídele a un amigo que pruebe desde su red doméstica. A veces un firewall corporativo o un DNS especial bloquea el dominio del chatbot, y solo lo detectas con un visitante externo.

Preguntas frecuentes

¿Necesito un plugin específico de mi proveedor de chatbot?

No siempre. Los proveedores serios suelen tener un plugin oficial de WordPress (Tidio, Intercom, Drift lo tienen) que automatiza la instalación. Pero también funcionan perfectamente con WPCode + el script genérico — y eso te ahorra un plugin extra instalado en tu web. Si tu proveedor solo te ha dado el script y no plugin, no es problema, WPCode hace el trabajo igual.

¿Se puede mostrar el chatbot solo en algunas páginas?

Sí. WPCode permite condicionar la inserción del script por página, categoría o tipo de contenido (en sus opciones avanzadas). Útil si quieres mostrar el chatbot en home y páginas de servicio pero no en el blog, por ejemplo.

¿Qué hago si actualizo el tema y se rompe?

No debería pasar si has usado WPCode (y no editado footer.php directamente). El script se guarda en la base de datos del plugin, independiente del tema. Esto es exactamente por lo que recomendamos WPCode sobre la edición directa.

¿Y si no uso WordPress?

En Wix, Squarespace, Webflow, Shopify y similares el proceso es equivalente: cada plataforma tiene un sitio donde pegar “custom HTML / scripts”. La lógica de footer-vs-header, exclusión de caché y consentimiento de cookies se aplica igual.

Resumen accionable

1. Instala WPCode.
2. Pega el script de tu chatbot en el campo Footer.
3. Si tienes plugin de caché, excluye el dominio del chatbot.
4. Configura el consentimiento de cookies según la documentación del proveedor.
5. Verifica en incógnito + móvil real.
6. Mide Core Web Vitals antes/después con PageSpeed Insights.

Bien hecho, no notarás el chatbot en velocidad y verás conversaciones desde el primer día. Mal hecho, tu web cargará dos segundos más lenta y el chatbot tardará 5 segundos en aparecer. Los pasos de arriba son la diferencia entre las dos cosas.