Añade agentes de IA a Webflow con ASDK

Los sitios de Webflow suelen construirlos un diseñador o una agencia, que después los entregan a un equipo de marketing que los mantiene al día. ASDK encaja bien en ese esquema: se añade una vez como código en el pie de todo el sitio, y a partir de ahí todo lo relativo a los agentes, desde los colores y los textos hasta qué agentes están activos, se cambia en el panel de ASDK sin volver a tocar el proyecto de Webflow.

Qué añade ASDK a un sitio de Webflow

ASDK crea una base de conocimiento con tus páginas publicadas, incluidas las páginas de tus colecciones del CMS, además de los documentos que subas. Cada agente que activas responde con ella.

• Chat (acceso anticipado, desde el plan Free) responde a los visitantes con tu contenido, enlaza las páginas de las que sale cada respuesta y ofrece tomar los datos de contacto cuando no puede ayudar.
• Sales (acceso anticipado, desde el plan Pro) hace las preguntas de cualificación que escribes en lenguaje sencillo y ofrece una reunión a los visitantes que encajan.
• Agent-Ready (acceso anticipado, desde el plan Free) publica lo que sabe tu base de conocimiento en formatos que los asistentes de IA leen bien, como un archivo llms.txt alojado.
• Search llegará próximamente. Responderá en lugar de un buscador, con fuentes.

Como el widget es un solo script, no cambia tu diseño, tus clases ni tus interacciones. Añade un botón de chat en una esquina de la página, con la posición y el color que eliges en el panel.

Un ejemplo con un sitio de Webflow

Imagina un pequeño estudio de diseño cuyo sitio de Webflow muestra sus servicios, unos cuantos casos de éxito y una página «Empieza un proyecto». Un visitante de la página de servicios pregunta: «¿Migran sitios desde WordPress y cuánto cuesta, más o menos?».

Chat encuentra la página del servicio de migración y la sección de precios, responde en dos o tres frases y enlaza ambas páginas. Si el estudio ha activado Sales, el agente hace después una de las preguntas de cualificación del propio estudio, como el tamaño del sitio actual o la fecha de lanzamiento, y ofrece una reunión cuando las respuestas cumplen las reglas del estudio.

Si el sitio no dice nada sobre los precios de migración, el agente lo dice en lugar de inventarse una cifra, y ofrece pasar la pregunta con el correo del visitante. El estudio descubre que a su página de precios le falta algo, y vale la pena corregirlo para todos los visitantes, no solo para los que chatean.

El plan que necesitas en Webflow

Según el centro de ayuda de Webflow (consultado en octubre de 2026), Webflow solo ejecuta código personalizado en sitios con un Site plan de pago o en un Workspace de pago. En el plan gratuito Starter, los campos de código personalizado no se pueden guardar, así que ASDK no puede cargarse allí. Si los campos están bloqueados en tu proyecto, ese es el motivo.

Los planes de ASDK son independientes: el plan Free incluye Chat y Agent-Ready, y la página de precios muestra el resto.

Configura ASDK en Webflow

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Si una agencia construyó tu sitio, la página Install puede enviarle por correo el fragmento y los pasos para Webflow, y las respuestas te llegan a ti.

Qué está disponible y qué llegará próximamente

ASDK en su conjunto está en acceso anticipado: los agentes funcionan y puedes usarlos, pero pueden cambiar mientras los mejoramos.

Detalles de Webflow que conviene conocer

• En todo el sitio, no página por página. Usa el código del pie de Site settings para que todas las páginas tengan el widget. El código personalizado a nivel de página requeriría el fragmento en cada página, y las que olvidaras se quedarían sin widget.
• Direcciones de staging. La comprobación de la instalación solo abre páginas de los dominios propios de tu sitio. Para comprobar una página de webflow.io, añade antes esa dirección a los dominios permitidos de tu sitio en ASDK, o comprueba en su lugar el dominio personalizado.
• Opciones por página. El fragmento admite los atributos data-position, data-locale y data-open. Por ejemplo, una página de precios podría abrir el chat al cargarse mientras el resto del sitio no lo hace. La guía de HTML enumera las opciones.
• Content Security Policy. Los sitios de Webflow rara vez envían una, pero si tu configuración añade una política mediante un proxy o una CDN, permite https://cdn.asdk.com para los scripts y https://api.asdk.com para las conexiones. Consulta Content Security Policy.

Mejores respuestas desde un sitio de Webflow

Con Webflow es fácil diseñar páginas en las que el texto vive en pestañas, carruseles y estados al pasar el cursor. Queda bien, pero un agente, como un buscador, lee lo que hay en el HTML de la página. Algunos hábitos ayudan:

• Mantén los datos clave como texto real. Los precios, los límites de los planes, las zonas de servicio y los plazos de entrega deben estar como texto en la página, no solo dentro de imágenes o animaciones de Lottie.
• Usa tu CMS para los datos que se repiten. Una colección de servicios o de ubicaciones, cada uno con su propia página, da al agente una fuente clara por tema.
• No escondas las respuestas solo tras interacciones. El contenido de las pestañas cerradas suele seguir en el HTML y se puede leer; el que solo se carga desde otro servicio tras un clic quizá no.
• Da a cada página un título y un encabezado claros. Ayuda al agente a citar la página correcta, y a los visitantes a confiar en el enlace.

Nuestra guía para añadir un asistente a WordPress, Webflow y Wix compara las plataformas, y entrenar un chatbot con el contenido de tu sitio web explica cómo preparar las páginas para cualquier asistente.