Añadir chat con IA a un sitio de Webflow requiere un único fragmento en Site Settings, Custom Code, Footer Code. No hay ninguna app que instalar ni nada que añadir al lienzo, así que aparece en todas las páginas y sobrevive a un rediseño.
Lo más interesante es lo que puede leer, porque los sitios de Webflow suelen guardar la mayor parte de su contenido real en colecciones del CMS y no en páginas estáticas.
Añádelo en tres pasos
- Añade la dirección de tu sitio y deja que el asistente lo lea. Recorre tus páginas publicadas tal y como las ve un visitante, incluido cada elemento del CMS que se muestre como página.
- Revisa lo que ha leído. Aparecen todas las páginas leídas, así que puedes ver qué sabe antes de que hable con un visitante. Añade los PDF o las fichas técnicas que nunca llegaron a una página.
- Pega un fragmento en Site Settings, Custom Code, Footer Code y publica. Con eso queda instalado.
Que vaya en el pie y no en la cabecera importa: se carga después de tu página, así que nunca bloquea el renderizado y tus Core Web Vitals no se ven afectadas.
Cómo se tratan las colecciones del CMS
Aquí es donde Webflow se diferencia de un sitio estático, y donde la gente espera problemas.
El asistente lee páginas publicadas, no tu CMS. En la práctica es lo mismo para todo lo que tenga plantilla de página de colección: cada entrada de blog, caso de éxito, artículo de ayuda, producto o ficha que se muestre en su propia URL se lee como cualquier otra página.
Lo que no puede ver es un elemento de colección que nunca se muestra. Si mantienes campos en una colección que solo se usan dentro de un componente en otro sitio, o elementos con la plantilla desactivada, le resultan invisibles. Conviene comprobarlo antes de dar por hecho que falta algo.
Mantenerlo al día cuando publicas
Los sitios de Webflow cambian a menudo, que para eso está el CMS. Un asistente que leyó tu sitio una vez y nunca más repetirá con total seguridad los precios del trimestre pasado.
Volver a analizar el sitio de forma programada lo resuelve, y las páginas nuevas se recogen según aparecen. Si publicas algo urgente, vuelve a analizarlo a demanda en lugar de esperar al calendario.
Ajustar el estilo
Los sitios de Webflow suelen estar cuidadosamente diseñados, y un chat del color equivocado es la forma más rápida de que uno parezca barato. Ajusta el color, el avatar, el saludo y la posición antes de lanzarlo, no después de que alguien se dé cuenta.
La posición merece un momento de reflexión. Abajo a la derecha es lo habitual, pero si tu diseño ya tiene algo fijado ahí, mueve el chat en lugar de dejar que dos elementos se peleen.
Qué responde y qué traspasa
Responde a partir de tus páginas publicadas y de los archivos que subas, y enlaza la página de origen bajo cada respuesta. Cuando tu contenido no cubre algo, lo dice y ofrece una persona en vez de adivinar, algo que importa más en un sitio de marketing de lo que se suele pensar: las preguntas que llegan por un sitio de Webflow son casi siempre previas a la venta, y ahí una respuesta equivocada te cuesta un cliente, no una incidencia.
Cuando hace falta una persona, la conversación pasa a tu equipo con todo el historial adjunto. Cómo funciona el traspaso.
Preguntas frecuentes
Respuestas, antes de que preguntes.
¿Necesito una app o un plugin de Webflow?
No. Un único fragmento en Site Settings, Custom Code, Footer Code. Se aplica a todas las páginas y sobrevive a un rediseño, porque no está atado a nada del lienzo.
¿Lee las colecciones del CMS de Webflow?
Sí, porque lee páginas publicadas. Cualquier elemento de colección con página activa se lee como los demás. Los elementos que nunca se muestran como página le resultan invisibles.
¿Ralentizará mi sitio?
No. El fragmento se carga de forma asíncrona después de tu página, así que no bloquea el renderizado ni afecta a las Core Web Vitals.
¿Qué pasa cuando vuelvo a publicar?
No se rompe nada. El fragmento vive en los ajustes del sitio, no en el lienzo. Los cambios de contenido se recogen en el siguiente análisis programado, o al momento si lo lanzas a demanda.
Añádelo hoy a tu sitio de Webflow.
Pega tu dirección, mira cómo lee cada página y cada elemento de colección, y luego suelta una línea en el código del pie. Empezar es gratis.
Sin tarjeta para empezar.