Agentes de IA para agencias de diseño web

Quien visita el sitio de una agencia de diseño web está a punto de gastar dinero de verdad en algo cuyo alcance le cuesta definir. La mayoría de sus preguntas son alguna versión de «cuánto, cuánto tiempo y qué pasa después del lanzamiento». Responderlas en la página, en el momento en que surgen, hace más productiva la primera llamada. «Contáctanos para un presupuesto» le pide al visitante que haga él el trabajo primero, y algunos prefieren irse antes que preguntar.

Quién visita el sitio web de una agencia de diseño web y qué necesita

• Posibles clientes. Dueños y responsables de marketing que planean un sitio nuevo o un rediseño. Preguntan por rangos de presupuesto, plazos, plataformas, quién escribe el contenido, si podrán editar las páginas ellos mismos y de quién será el sitio después.
• Clientes preocupados por el posicionamiento. Un rediseño que cambia las URL puede costar tráfico. Quieren saber cómo gestionas las redirecciones y qué esperar en las semanas posteriores al lanzamiento.
• Compradores con requisitos de accesibilidad. Algunos clientes, a menudo del sector público, la educación o la sanidad, llegan con un requisito de accesibilidad por escrito, normalmente una versión y un nivel de WCAG como 2.2 AA, y quieren saber cómo construyes y pruebas para cumplirlo.
• Clientes actuales. Una solicitud de cambio, un formulario que no funciona o un sitio caído ahora mismo. Estas personas necesitan soporte, rápido, no una conversación comercial.
• Socios y freelancers. Agencias de marketing que buscan capacidad de desarrollo, y diseñadores o desarrolladores que buscan trabajo.

Qué agentes de ASDK encajan en una agencia de diseño web

ASDK está en acceso anticipado. Chat, Sales y Agent-Ready son agentes en acceso anticipado; Forms llegará próximamente.

Chat: responde y separa a los prospectos de los clientes

Ejemplo de conversación: «¿Trabajan con Webflow y podremos editar las páginas nosotros?». Chat responde con tus páginas de servicios y de proceso, y las enlaza. Cuando un visitante escribe «nuestro formulario de contacto ha dejado de enviar correos», Chat reconoce un caso de soporte, da tu contacto de soporte o el enlace para abrir un ticket, y no intenta arreglar el sitio desde la ventana del chat.

Sales: cualifica las consultas de proyectos

Ejemplo de conversación: un visitante pregunta por el rediseño de un sitio B2B de 40 páginas. Sales hace las preguntas que defines: URL actual, plataforma preferida, franja de presupuesto, fecha límite, si el contenido está listo. Para los proyectos que encajan se agenda una llamada para definir el alcance mediante Cal.com, Calendly o Google Calendar, y el lead llega a tu equipo con todas las respuestas adjuntas, por correo o Slack, y a tu CRM mediante webhooks y Zapier o Make. Tu primera llamada empieza con el briefing en lugar de dedicarse a recogerlo.

Forms (próximamente): un estimador de proyectos

Cuando Forms esté disponible, convertirá tu formulario de consulta en una conversación sobre número de páginas, integraciones, comercio electrónico, contenido y plazos, que termina con un rango de precios calculado a partir de las reglas que describas. Nuestro artículo sobre calculadoras de presupuesto interactivas explica por qué los compradores prefieren una estimación temprana a un «solicita un presupuesto», y cómo probar una frente a tu formulario actual.

Agent-Ready: para tu sitio y para los de tus clientes

Agent-Ready aloja un archivo llms.txt, ofrece acciones como «solicitar un presupuesto» a través del widget y, desde el plan Pro, informa de las visitas de agentes de IA. Para un estudio web, también es un servicio que puedes ofrecer a los clientes que preguntan cómo verán su sitio los asistentes de IA.

Salvaguardas que importan a las agencias de diseño web

• Rangos, no presupuestos cerrados. El agente comparte tus rangos publicados y explica qué hace variar el precio. Un precio cerrado requiere una llamada para definir el alcance.
• Nada de promesas de posicionamiento en los rediseños. La guía de Google sobre migraciones de sitios dice que las posiciones pueden fluctuar mientras se vuelven a rastrear las páginas. El agente puede explicar tu proceso de redirecciones; no debe prometer que el tráfico no bajará.
• Las afirmaciones sobre accesibilidad, precisas. «Construimos según WCAG 2.2 AA y probamos con estas herramientas» es una respuesta justa. «Cumplimiento total garantizado» no es algo que un chat deba decir de un sitio que aún no está construido.
• Nada de credenciales en el chat. El agente nunca debe pedir ni aceptar accesos de administración de WordPress, contraseñas del alojamiento ni accesos al DNS. Remite a los clientes a tu proceso seguro de entrega de accesos.
• Las caídas van a una persona. Configura las preguntas de «el sitio está caído» y «nos han hackeado» para que muestren tu contacto de soporte urgente, con un traspaso en lugar de un intento de resolverlo. Cada chat se identifica como IA.

Qué poner primero en la base de conocimiento

Un agente es tan bueno como las páginas que lo respaldan, y muchos sitios de estudios son pobres justo donde los compradores tienen preguntas. Antes de activar nada, asegúrate de que existan como páginas de verdad:

• Una página de proceso: fases, quién hace qué, cómo funcionan las rondas de revisión.
• Una página de precios con rangos por tipo de proyecto, aunque el alcance de cada proyecto se defina por separado.
• Una página de mantenimiento y alojamiento que enumere qué incluye cada plan y en cuánto tiempo respondes.
• Una sección sobre propiedad y entrega: quién tiene el dominio, el alojamiento, el código y los archivos de diseño.
• Una página de soporte con el contacto urgente y el enlace para abrir tickets.

Deja totalmente fuera de la base de conocimiento los contratos con clientes, las credenciales y los archivos privados de los proyectos.

Cómo investigan los asistentes de IA a las agencias de diseño web

Un comprador puede pedir a un asistente «un estudio de Webflow para un sitio B2B, con un presupuesto de unos 20.000 dólares y entrega en dos meses» y obtener una lista en segundos. Google dice que sus funciones de IA no necesitan archivos ni marcado especiales; lo que ayuda es un texto sencillo y rastreable que exponga los datos por los que filtra el asistente:

• Las plataformas con las que trabajas, y las que no.
• Rangos de precios por tipo de proyecto, y lo que incluyen tus planes de mantenimiento.
• Plazos habituales, desde el arranque hasta el lanzamiento.
• Dónde trabajas: ciudades, regiones o zonas horarias, descritas también con areaServed en tus datos estructurados.
• Sectores, estándar de accesibilidad e integraciones que ya has construido, con enlaces a tu portafolio en vivo.

Los navegadores agénticos van un paso más allá: pueden rellenar tu formulario de consulta en nombre del comprador. Unas etiquetas claras ya ayudan. La API declarativa de WebMCP, disponible en Chrome como prueba de origen (origin trial) y todavía sujeta a cambios, permite que un formulario se describa a los agentes como una herramienta; qué es WebMCP explica lo básico. El Analizador de preparación para agentes muestra la puntuación de tu sitio hoy, y Agent-Ready explica de qué se encarga por ti.

Añadir ASDK a los sitios web de tus clientes

El widget es una etiqueta de script, así que funciona en cualquier sitio que acepte código personalizado. Un plugin de WordPress y una plantilla de Google Tag Manager llegarán próximamente. El plan Agency cubre varios sitios de clientes; su widget y su panel de marca blanca, los informes para clientes y el dominio propio para el widget llegarán próximamente. Los límites están en la página de precios.