Añade agentes de IA a Framer con ASDK

Los sitios de Framer suelen ser páginas de aterrizaje de startups y sitios de marketing de producto que cambian cada semana o dos. ASDK encaja con ese ritmo. Añades un script a los ajustes del sitio una sola vez, y a partir de entonces los agentes leen cada página que publicas, así que una nueva página de aterrizaje pasa a formar parte de la base de conocimiento en la siguiente actualización, sin que nadie toque el widget.

Qué añade ASDK a un sitio de Framer

ASDK crea una base de conocimiento con tus páginas publicadas, incluidas las páginas del CMS como un blog o un registro de novedades, 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. En el sitio de una startup, eso suele significar enviar a los equipos pequeños al autoservicio y agendar llamadas con los grandes.
• 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.

El widget es un único script que añade un botón de chat en una esquina de la página. No toca tus componentes, animaciones ni breakpoints de Framer.

Un ejemplo con un sitio de Framer

Imagina una empresa de software joven con un sitio de Framer: una página de aterrizaje, una página de precios, un registro de novedades y unas preguntas frecuentes breves. Un visitante de la página de precios pregunta: «¿El plan Team incluye inicio de sesión único y hay prueba gratuita?».

Chat encuentra la tabla de precios y las preguntas frecuentes, responde las dos partes y enlaza las páginas que usó. Si la empresa ha activado Sales y el visitante menciona un equipo de 80 personas, el agente hace las preguntas de cualificación de la propia empresa y ofrece una llamada de demo; a un equipo de cinco se le remite a la prueba.

Si el sitio no menciona en absoluto el inicio de sesión único, el agente lo dice en lugar de adivinar. Esa laguna es información útil: probablemente es una pregunta que también se oye en tus llamadas comerciales.

Cómo funciona en Framer

Framer añade los scripts de todo el sitio desde los ajustes de código personalizado del proyecto. El centro de ayuda de Framer los sitúa en Project settings → Custom code y recomienda el final de la etiqueta body para los scripts (consultado en octubre de 2026). Ahí va el fragmento de ASDK.

Si tu sitio cambia de página sin recargarla por completo, el widget detecta esos cambios por sí solo, así que un visitante puede pasar de tu página de inicio a la de precios en mitad de una conversación y seguir chateando.

El código personalizado depende de tu plan de Framer. Si los campos de código personalizado están bloqueados, tu plan no lo incluye; la página de precios de Framer indica qué incluye cada plan (consultada en octubre de 2026). Los planes de ASDK son independientes, y el plan Free incluye Chat y Agent-Ready.

Configura ASDK en Framer

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

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 Framer que conviene conocer

• Un fragmento para todo el sitio. El código personalizado a nivel de página requeriría el fragmento en cada página, y las páginas nuevas empezarían sin él. El campo de todo el sitio lo evita.
• Abrir el chat desde tu propio botón. Un botón «Habla con nosotros» de tu diseño puede abrir el widget llamando a asdk("open"). La guía de HTML muestra la línea que pone en cola las llamadas hechas antes de que el widget se haya cargado.
• Opciones para una página. Atributos como data-open="true" abren el chat al cargar una página, por ejemplo en una página de precios. La guía de HTML enumera todas las opciones.
• Dominios de staging. La comprobación de la instalación solo abre los dominios propios de tu sitio. Comprueba el dominio que usan tus visitantes, o añade antes la dirección de staging a los dominios permitidos de tu sitio en ASDK.

Mejores respuestas desde un sitio de Framer

Las páginas de aterrizaje de Framer suelen tener poco texto por diseño. Está bien para una sección principal, pero un agente necesita datos que pueda citar:

• Escribe los precios y los límites. Si los límites de un plan solo aparecen en una descripción emergente o en un selector, añádelos como texto en la página de precios.
• Publica una página de novedades. Responde a «¿ya admiten X?» mejor que cualquier titular de marketing.
• Mantén unas preguntas frecuentes breves. Las preguntas sobre pruebas, seguridad, integraciones y facturación, con respuestas directas, son los pasajes que más cita un agente.
• Retira las páginas de aterrizaje antiguas. Las páginas de campañas con ofertas caducadas siguen siendo públicas y todavía se pueden citar.

El Analizador de preparación para agentes gratuito muestra lo que pueden leer hoy los asistentes de IA en tu sitio, y nuestra lista de comprobación para un sitio web preparado para agentes explica qué corregir primero.