Probamos 7 herramientas de chatbot de IA en sitios Webflow. Las reseñas cubren embed con código custom, customización de diseño, integración CMS y qué herramienta funciona mejor para agencias y diseñadores.
Webflow se convirtió en la plataforma elegida por diseñadores, agencias y startups que quieren control creativo completo sin escribir backend code. Pero la filosofía design-first de Webflow significa que añadir un chatbot no es tan simple como instalar un plugin. Necesitas una herramienta que se integre limpiamente mediante código custom, respete tu design system y no deshaga el trabajo pixel-perfect que pusiste en tu sitio.
Probamos 11 plataformas de chatbot en un sitio Webflow en vivo durante tres semanas, evaluando integración por código custom, profundidad de customización de diseño, compatibilidad con CMS y calidad de respuestas de IA. Reducimos la lista a las 7 mejores herramientas que funcionan bien dentro del ecosistema Webflow, desde diseñadores solo hasta agencias que gestionan varios sitios de clientes.
Divulgación: construimos Chatsy, que está incluido en esta lista. Hemos hecho todo lo posible por ofrecer una evaluación honesta. Cada herramienta tiene fortalezas genuinas, y te recomendamos probar tiers gratuitos antes de comprometerte.
TL;DR:
- Mejor para agencias y gestión multi-sitio: Crisp: dashboard multi-site, customización fuerte a $25/workspace/mes.
- Mejor para enterprise y routing complejo: Intercom: el estándar de la industria para SaaS a $29/asiento/mes.
- Mejor calidad de IA con precio plano: Chatsy: se entrena con tu contenido, tarifa plana a $40/mes sin fees por resolución.
- Mejor setup rápido con IA competente: Tidio: embed rápido, Lyro AI sólido a $29/mes.
- Mejor para builders de IA conversacional: Voiceflow: diseñador visual de conversaciones para agentes de IA custom, gratis para empezar.
- Las 7 herramientas se integran con Webflow mediante custom code embed. No existe marketplace nativo de apps Webflow.
- Usa nuestra calculadora ROI para estimar ahorros según el volumen de consultas de tu sitio.
No clasificamos proveedores solo por copy de marketing. Esta lista refleja:
Cuando los proveedores ofrecen descuentos ocultos disponibles solo en conversaciones de ventas, señalamos que el precio público es lo que la mayoría de lectores verá primero. Verificado por última vez en abril de 2026.
Probamos cada plataforma con seis criterios diseñados para la base de usuarios orientada a diseño de Webflow. Cada chatbot fue instalado en el mismo sitio Webflow con CMS collections, Memberships y una estructura multipágina de marketing.
| Criterio | Peso | Qué medimos |
|---|---|---|
| Calidad de resolución de IA | 25% | Precisión en preguntas de producto, consultas de servicio, conversaciones multi-turno y tasa de alucinación |
| Customización de diseño | 20% | Profundidad de estilo del widget, capacidad de CSS override, consistencia de marca y comportamiento responsive |
| Valor de precio | 20% | Coste total a 200, 1,000 y 3,000 conversaciones/mes incluyendo fees ocultos |
| Handoff humano | 15% | Calidad de escalamiento, transferencia de contexto, routing de agente, capacidades de live chat |
| Integración Webflow | 10% | Fiabilidad de custom code, compatibilidad CMS, soporte Memberships y despliegue por página |
| Gestión multi-sitio | 10% | Capacidad de gestionar chatbots en múltiples sitios Webflow (relevante para agencias) |
Ejecutamos 30 conversaciones de prueba estandarizadas en cada plataforma cubriendo consultas de servicio, preguntas de producto, preguntas de precios y FAQ general. Las respuestas se puntuaron por precisión, utilidad y tasa de alucinación.
Webflow ofrece dos métodos para añadir scripts de terceros, y la elección correcta depende de si quieres el chatbot en todo el sitio o solo en páginas específicas.
Código custom site-wide (recomendado para la mayoría de chatbots):
</body>)El chatbot aparecerá en cada página de tu sitio publicado. Este es el enfoque recomendado para la mayoría de implementaciones.
Código custom por página:
Esto es útil para mostrar el chatbot solo en landing pages, páginas de precios o páginas de soporte.
Integración con Webflow Memberships:
Para sitios que usan Webflow Memberships, puedes pasar datos de miembro a tu chatbot leyendo la cookie de miembro de Webflow o usando la API de Memberships. Esto permite que el chatbot salude por nombre a miembros recurrentes y acceda a su estado de membresía. La implementación requiere JavaScript custom en tu proyecto Webflow, pero el resultado es una experiencia de chat personalizada.
Usar datos de Webflow CMS:
Si tu sitio usa Webflow CMS collections, puedes hacer que los datos de colección estén disponibles para tu chatbot mediante la API de Webflow. Por ejemplo, podrías exponer descripciones de producto, precios o entradas FAQ desde CMS collections para que la IA pueda referenciarlas en conversaciones. Esto requiere setup de API, pero crea un pipeline potente de contenido dinámico.
Crisp es una plataforma de mensajería con clientes que combina live chat, chatbot, base de conocimiento y CRM en un solo workspace. Para agencias Webflow que gestionan varios sitios de clientes, Crisp destaca por su arquitectura multi-workspace. Cada cliente obtiene su propio workspace con branding, miembros de equipo e historial de conversaciones separados, todo gestionado desde una sola cuenta Crisp.
El widget es muy customizable con capacidad de CSS override, lo que significa que diseñadores pueden hacer que el chat coincida con cualquier design system Webflow con precisión.
Setup en Webflow: copia el snippet JavaScript de Crisp desde los ajustes de tu workspace. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica.
Qué hace mejor: gestionar múltiples despliegues de chat en sitios de clientes desde un solo dashboard. El modelo multi-workspace está construido para agencias, y la customización de diseño llega más profundo que en la mayoría de competidores.
Precios:
Ventajas:
Contras:
Veredicto: Crisp es la mejor opción para agencias Webflow y freelancers que gestionan varios sitios de clientes. El modelo multi-workspace, profundidad de customización CSS y buen valor del plan Pro lo vuelven la opción más práctica para despliegues multi-sitio. Para automatización AI-first, necesitarás el plan Unlimited u otra herramienta. Lee nuestra reseña de Crisp para un análisis detallado.
Intercom es la plataforma estándar de comunicación con clientes para empresas SaaS y startups. Evolucionó de un simple widget de chat a una suite completa de soporte al cliente con resolución impulsada por IA (Fin), centro de ayuda, ticketing y tours de producto. Para sitios Webflow que sirven como frente de marketing de un producto SaaS, la integración de Intercom crea una transición fluida de sitio de marketing a soporte in-app.
El diseño del widget es pulido y reconocible, lo que puede ser tanto fortaleza (confianza y familiaridad) como debilidad (parece Intercom, no tu marca).
Setup en Webflow: copia el snippet JavaScript de Intercom desde los ajustes de tu workspace. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica. También puedes usar la API de Intercom para pasar datos de visitantes desde Webflow y personalizar mensajes.
Qué hace mejor: ofrecer comunicación con clientes enterprise-grade con resolución de IA. Fin (la IA de Intercom) resuelve preguntas de clientes usando tu contenido de centro de ayuda, y la plataforma maneja todo el lifecycle desde chat de marketing hasta soporte postventa.
Precios:
Ventajas:
Contras:
Veredicto: Intercom es la elección correcta para sitios Webflow que sirven como frente de marketing de un producto SaaS, especialmente si planeas usar Intercom también para soporte in-app. La plataforma está sobredimensionada para sitios simples de marketing o pequeñas empresas. Para un análisis detallado de precios, mira nuestra reseña de Intercom.
Chatsy es una plataforma de soporte al cliente AI-first que combina un chatbot de IA con un inbox de live chat completo, CMS de base de conocimiento y sistema de ticketing. Para usuarios Webflow, la combinación de IA fuerte y customización extensa del widget la vuelve atractiva para sitios design-conscious que también quieren automatización seria.
El widget soporta colores, fuentes, border radius y posicionamiento custom, y como Webflow te da control CSS completo, puedes estilizar todavía más el widget para que coincida con tu design system.
Setup en Webflow: copia el snippet embed de Chatsy desde tu dashboard. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica. Para despliegue por página, usa la sección de código custom de la página.
Qué hace mejor: entregar respuestas de IA precisas a coste predecible. El modelo de precio plano significa que no te sorprenden facturas cuando hay picos de tráfico, una preocupación real para sitios de agencias durante lanzamientos de campañas.
Precios:
Ventajas:
Contras:
Veredicto: Chatsy encaja mejor con sitios Webflow que necesitan resolución de IA fuerte sin costes impredecibles por resolución. La customización del widget satisface sensibilidad de diseño, y el precio plano es especialmente valioso para sitios con tráfico variable. Para agencias que gestionan muchos sitios, el modelo multi-workspace de Crisp puede ser más práctico.
Tidio es una de las plataformas de chatbot más populares en todos los website builders, y funciona limpio en Webflow mediante custom code embed. El widget carga rápido, el add-on de IA (Lyro) maneja preguntas estilo FAQ de forma competente, y el builder visual de flujos es accesible para no developers. Para usuarios Webflow que quieren un chatbot en vivo lo más rápido posible, Tidio cumple.
Setup en Webflow: copia el snippet JavaScript de Tidio desde tu dashboard. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica. Toma menos de cinco minutos.
Qué hace mejor: poner un chatbot funcional en vivo en tu sitio Webflow con mínimo esfuerzo y tiempo. El tiempo de setup-a-live es el más corto de cualquier herramienta de esta lista.
Precios:
Ventajas:
Contras:
Veredicto: Tidio es el camino de menor resistencia para usuarios Webflow que quieren un chatbot funcionando rápido. La IA es competente para preguntas comunes y el setup es trivial. Diseñadores que quieren control pixel-perfect del widget pueden encontrar la customización limitada frente a Crisp o Chatsy.
Drift (ahora parte de Salesloft) fue pionero en marketing conversacional, la práctica de usar chat para calificar leads, reservar reuniones y acelerar el pipeline de ventas en tiempo real. Para sitios Webflow que funcionan como propiedades de marketing B2B (landing pages SaaS, portfolios de agencia, sitios de consultoría), los playbooks de Drift convierten visitantes en reuniones calificadas más rápido que formularios de contacto tradicionales.
Setup en Webflow: copia el snippet JavaScript de Drift desde tu dashboard de Drift. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica.
Qué hace mejor: convertir visitantes del sitio web en reuniones de ventas mediante flujos conversacionales automatizados y asistidos por IA. El sistema de playbooks puede identificar visitantes high-intent y enrutarlos a vendedores en tiempo real.
Precios:
Ventajas:
Contras:
Veredicto: Drift es la herramienta correcta para empresas B2B que usan Webflow para generación de demanda cuando el valor de una reunión calificada justifica el precio premium. Para pequeñas empresas, freelancers o casos centrados en soporte, el precio y la complejidad son excesivos. Si haces ventas B2B a escala, el ROI puede ser sustancial.
Voiceflow es una plataforma visual de diseño conversacional que permite construir agentes de IA custom sin código. A diferencia de herramientas plug-and-play de chatbot, Voiceflow te da un canvas para diseñar flujos conversacionales complejos con componentes de IA, llamadas API, lógica condicional e integraciones custom. Para developers y agencias Webflow que quieren crear experiencias de chat a medida para clientes, Voiceflow ofrece la mayor flexibilidad.
Setup en Webflow: Voiceflow ofrece un widget de web chat que insertas mediante un snippet JavaScript. Pégalo en Project Settings > Custom Code > Footer Code en Webflow. El widget se customiza desde el dashboard de Voiceflow.
Qué hace mejor: empoderar builders para crear experiencias conversacionales custom con IA. El canvas visual permite diseñar flujos de conversación que combinan razonamiento de IA, llamadas API y lógica de negocio de formas que herramientas preconstruidas no pueden igualar.
Precios:
Ventajas:
Contras:
Veredicto: Voiceflow es para builders, no para compradores. Si tú o tu equipo tienen habilidades y tiempo para diseñar agentes conversacionales custom con IA, Voiceflow da más control que cualquier plataforma de chatbot preconstruida. Para negocios que quieren un chatbot funcionando esta semana sin proyecto de desarrollo, mira Chatsy, Tidio o Crisp.
Botpress es una plataforma open-source de chatbot que ofrece visual flow builder, capacidades de IA y SDK robusto para developers. Para equipos Webflow con recursos de desarrollo, Botpress ofrece un punto medio entre el canvas en blanco de Voiceflow y herramientas preconstruidas como Tidio: obtienes un framework estructurado con flexibilidad para customizar profundamente mediante código.
Setup en Webflow: Botpress ofrece un snippet embed de web chat. Cópialo y pégalo en Project Settings > Custom Code > Footer Code en Webflow. Publica.
Qué hace mejor: ofrecer un entorno estructurado pero flexible de desarrollo de chatbots. El builder visual maneja patrones comunes, mientras el SDK y la API permiten a developers ampliar capacidades cuando las herramientas visuales llegan a su límite.
Precios:
Ventajas:
Contras:
Veredicto: Botpress es la elección correcta para equipos con developers que quieren la flexibilidad de una plataforma open-source con capacidades de IA integradas. Se ubica entre la simplicidad de Tidio y el enfoque completamente custom de Voiceflow. Para usuarios Webflow no técnicos, herramientas más simples servirán mejor.
| Herramienta | Precio inicial | Capacidad de IA | Control de diseño | Multi-sitio | Mejor para |
|---|---|---|---|---|---|
| Crisp | $25/workspace/mes | Basada en reglas (Pro), IA (Unlimited) | Excelente (CSS overrides) | Sí | Agencias |
| Intercom | $29/asiento/mes + $0.99/resolución | IA (Fin) | Limitado | No | Empresas SaaS |
| Chatsy | $40/mes (plano) | IA (multimodelo) | Excelente | No | Sitios AI-first |
| Tidio/Lyro | $29/mes + $39/mes Lyro | IA (add-on Lyro) | Bueno | No | Setup rápido |
| Drift | ~$2,500/mes | IA (foco en ventas) | Limitado | No | Ventas B2B |
| Voiceflow | $40/mes | Agentes de IA custom | Moderado | Sí (Teams) | Builders custom |
| Botpress | $79/mes | IA integrada + RAG | Moderado | Sí | Equipos developer |
Los usuarios Webflow esperan más control sobre cada elemento visual que usuarios de cualquier otro website builder. Así puedes sacar más de tu diseño de chatbot en Webflow.
Usa CSS overrides para matching pixel-perfect. Crisp y la mayoría de chatbots embeddable pueden estilizarse con CSS. En Webflow, añade un style block en tu código custom que apunte a las clases del widget de chatbot. Esto te permite igualar fuentes, colores, border radius y spacing a tu design system con precisión.
Aprovecha Webflow interactions para triggers del chatbot. Puedes usar el sistema de interactions de Webflow para disparar la apertura del chatbot según scroll position, tiempo en página o visibilidad de elementos. Añade una función JavaScript custom que abra el widget, luego dispárala desde una interacción de Webflow.
Haz match con tus design tokens. Si tu sitio Webflow usa un design system con tokens definidos (colores, tipografía, spacing), configura el widget de chatbot para usar los mismos valores. Esto crea cohesión visual y hace que el chatbot se sienta nativo en lugar de añadido encima.
Prueba en los breakpoints responsive de Webflow. Webflow usa cuatro breakpoints (1920px, 1440px, 992px, 767px, 478px). Prueba tu widget de chatbot en cada breakpoint para asegurar que no se solapa con navegación, CTAs o elementos del footer. Ajusta el offset de posición del widget si hace falta.
Considera un botón custom de disparo de chat. En lugar de usar el botón burbuja default del chatbot, diseña un botón custom en Webflow que coincida con tu sitio y usa JavaScript para abrir el widget al hacer clic. Esto te da control completo sobre el punto de entrada mientras usas la interfaz de conversación del chatbot.
Omite el widget si tu sitio Webflow es un portfolio de una página o coming-soon page: un enlace de contacto convierte la misma intención con cero coste de carga y sin comprometer diseño. Omítelo si tu tráfico es mayormente comportamiento desktop de compradores creativos (agencias contratando diseñadores, trabajo de marca), donde el comprador espera hablar con un humano en un día; un bot te hace parecer más pequeño, no más grande. Y si estás enviando tráfico de paid ads a una landing page Webflow, prueba conversión con un formulario limpio primero y añade chat solo cuando tengas datos que muestren que visitantes rebotan con preguntas sin resolver; de lo contrario el chatbot resuelve un problema que aún no mediste.
Sí. El plan gratuito de Webflow soporta código custom en Project Settings, lo que significa que puedes añadir un snippet embed de chatbot. Sin embargo, los sitios del plan gratuito están alojados en un subdominio webflow.io y no pueden usar dominios custom, lo que limita su utilidad para sitios en producción.
Crisp es la opción más fuerte para agencias gracias a su arquitectura multi-workspace. Cada cliente obtiene un workspace separado con branding, miembros de equipo y conversaciones independientes, todo gestionado desde una sola cuenta Crisp. El plan Pro a $25/workspace/mes tiene buen precio para despliegues de clientes.
No directamente out of the box. Sin embargo, puedes usar la API CMS de Webflow para hacer que datos de colección estén disponibles para tu chatbot. Para herramientas impulsadas por IA como Chatsy, entrenarías la IA con tu contenido CMS (descripciones de producto, entradas FAQ, detalles de servicio). Para herramientas como Voiceflow o Botpress, puedes construir integraciones API que consulten datos de Webflow CMS en tiempo real.
Sí, con integración custom. Puedes leer datos de miembros del sistema Memberships de Webflow y pasarlos a tu chatbot usando JavaScript. Esto habilita saludos personalizados, respuestas específicas para miembros y recomendaciones de contenido gated. La implementación requiere código custom pero es directa para developers.
Los widgets modernos de chat cargan asíncronamente y no bloquean el renderizado de la página. En nuestras pruebas, el impacto de rendimiento fue de 50ms (Crisp) a 250ms (Intercom) de tiempo adicional de carga. Para sitios sensibles al rendimiento, usa los atributos async o defer en la etiqueta script del chatbot, o retrasa la carga 2-3 segundos con un JavaScript timeout.
Sí. Usa la sección de código custom a nivel de página de Webflow en lugar del código site-wide. Esto te permite desplegar un chatbot en páginas de marketing y otro en páginas de soporte, o mostrar un chatbot solo en landing pages específicas. El código custom de cada página opera independientemente.
Los usuarios Webflow tienen estándares de diseño más altos que usuarios de la mayoría de plataformas web, y el chatbot que elijas debería respetar eso. Crisp da a agencias la gestión multi-sitio y control CSS que necesitan. Intercom sirve a empresas SaaS con comunicación enterprise-grade. Chatsy entrega IA fuerte con precio plano y un widget customizable. Y para equipos que quieren construir algo verdaderamente custom, Voiceflow y Botpress ofrecen las herramientas base.
El hilo común es que cada herramienta de esta lista requiere integración por código custom con Webflow. No hay instalaciones de un clic. Pero para una comunidad que ya construye con código custom a diario, eso no es una barrera: es una oportunidad de integrar el chatbot exactamente como quieres.
Empieza con los tiers gratuitos, prueba en tu sitio Webflow real y prioriza la herramienta que coincida con tu workflow específico: gestión multi-sitio de agencia, soporte al cliente SaaS, generación de leads o automatización AI-first.
Para más guía, lee nuestra guía para añadir un chatbot a tu sitio web o explora los mejores chatbots de IA para pequeñas empresas.
Probamos 7 apps de chatbot de IA que funcionan con sitios Wix. Reseñas honestas sobre disponibilidad en Wix App Market, setup por embed, precios y qué chatbot encaja con tu sitio.