Web de muestra para prospectar: mostrá la propuesta antes de venderla

Un agente de IA busca negocios con Google, genera una web de muestra con plantilla real y la manda como propuesta antes de vender nada.

8 min de lectura
Web de muestra para prospectar: mostrá la propuesta antes de venderla

01 · ¿Qué es una web de muestra para prospectar y por qué funciona mejor que un PDF?

Mostrar en vez de describir

La idea que Mateo compartió en su cuenta es simple de nombrar y rara de ver ejecutada: antes de intentar vender un desarrollo web, armale al prospecto una versión real de esa web y mandásela. No una maqueta en Figma, no un PDF con capturas de otros clientes: una web que carga en el navegador, con el nombre y los datos reales del negocio, lista para mirarse en el celular.

El proyecto de referencia para esta idea es websitegenerator, de Albert Shiney, un repositorio público que automatiza las seis etapas de este flujo: buscar negocios, calificarlos visualmente, generar la web desde una plantilla bien armada, como las que repasamos en la guía de herramientas para que una web no parezca hecha con IA, publicarla, verificarla en público y registrar a quién se le mandó.

Esto no es vender humo. La diferencia entre una demo trucha y una web de muestra real está en que el prospecto puede abrir el link, tocar los botones y ver su propio nombre y teléfono en la pantalla. No hay nada que imaginar.

Táctica de prospecciónQué recibe el prospectoQué tiene que imaginar
Mensaje describiendo el servicioTextoTodo
Propuesta en PDF con otros casosCapturas de otra marcaCómo se vería la suya
Web de muestra generadaSu web real, funcionandoNada
Propuesta en PDF o mensaje

El prospecto lee una descripción o mira capturas de otro cliente. Tiene que imaginar cómo quedaría su propio negocio y confiar en que el resultado final se va a parecer a lo prometido.

Web de muestra generada

El prospecto abre un link y ve su propio nombre, teléfono y dirección funcionando en una web real, en su celular. No hay nada que imaginar ni que confiar a ciegas.

Decorative atmospheric background for booking section
100+ marcas ya operan con el sistema

¿Quieres un agente de IA que atienda a tus clientes 24/7?

Sin scripts. Sin contratar humanos. Sin perder leads.

Agendar llamada

Marcas que confiaron en Claura

  • Bissu Abogados
  • Isha Judd
  • Luxom Developments
  • RE/MAX Patagon
  • Bitget Wallet
  • SpacePal
  • Margaret Bissu
  • Soy Andina

02 · ¿Cómo busca negocios y decide a cuáles armarles una web de muestra?

Calificación por debilidad visual observada, nunca por antigüedad

El flujo busca con Google por rubro y ciudad, y abre cada sitio encontrado para confirmar tres cosas: el nombre real del negocio, su zona de servicio y quién es el dueño. Recién ahí lo califica, y lo hace solo por debilidad visual observada de verdad: tipografía ilegible, navegación diminuta, imágenes estiradas o de baja resolución, poco contraste, contenido roto o de relleno, jerarquía de servicios confusa, o un layout que se rompe en el celular.

Una regla importante que marca el repositorio en su propia documentación: la fecha de publicación o la antigüedad del dominio nunca se usa para calificar o descartar un negocio. Un sitio puede ser nuevo y seguir siendo visualmente débil; la edad no dice nada sobre eso.

Antes de seguir, también se revisa la página de contacto original del negocio: tiene que existir un formulario real, con campo de mensaje y botón de envío. Un simple link de contacto, un email suelto o un número de teléfono no alcanzan para calificarlo para el envío automático por ese canal.


03 · ¿Qué plantilla usa y qué datos completa para generarla en segundos?

Plantilla fija por rubro, datos reales por negocio

Acá está la parte que hace que esto sea rápido: no se escribe una web nueva por cada prospecto. Se arranca de una plantilla ya preparada por rubro (el repositorio empieza con la de electricistas) y solo cambian estos campos por negocio:

  1. Nombre del negocio.
  2. Teléfono público.
  3. Email público.
  4. Calle, ciudad y código postal.
  5. Color de marca, tomado del logo si es identificable, o un color por defecto del rubro si no hay uno claro.

El resto (textos, estructura, fotos de stock del rubro) queda igual que en la plantilla maestra. Nada de horarios inventados, reseñas, certificaciones, precios o proyectos terminados que el negocio nunca hizo: si un dato no está confirmado en una fuente pública, se omite en vez de completarse con algo creíble pero falso.

El comando que corre todo esto recibe esos mismos campos como parámetros y entrega, en una carpeta nueva, una web lista para publicarse. Quien quiera correr este proceso puede ver el código completo en el repositorio de Albert Shiney en GitHub; está disponible para descargar sin costo.

websitegenerator · electricistas
~/websitegenerator
❯./website --theme-color "#2563eb" --name "Negocio de ejemplo" --phone "+44 20 7946 0958" --email "hola@negocio.com"
✓Plantilla de electricistas cargada
✓Campos de contacto completados con datos públicos del negocio
✓Web generada en ./output/negocio-de-ejemplo

04 · ¿Cómo publica la vista previa y qué verifica antes de mandarla?

Verificación pública antes de cualquier envío

Cada web generada se despliega en un proyecto de hosting aislado, uno por negocio, nunca mezclado con proyectos existentes de otros clientes. Una vez desplegada, se abre esa misma URL en una ventana sin sesión iniciada, para confirmar que carga sin pedir ningún tipo de acceso y que las rutas, imágenes y botones funcionan como se espera.

Una web que pide login o que tira un error al abrirse en esa ventana pública queda bloqueada para el siguiente paso: no se manda nada hasta que la vista previa funcione sola, de punta a punta, para cualquiera que reciba el link.

Este paso de verificación es, en la práctica, el control de calidad más importante del flujo completo: lo que se le manda al prospecto tiene que sostenerse solo, sin que nadie del lado de quien prospecta tenga que explicar por qué algo no carga.


05 · ¿Cómo manda el contacto y registra a quién se lo mandó?

Un mensaje fijo, un registro por envío

El envío se hace por el formulario de contacto original del negocio, el mismo que se confirmó como usable en la etapa de búsqueda. El mensaje sigue un texto fijo, en el que solo cambian el link verificado de la vista previa y, cuando corresponde, el nombre del negocio.

Cada envío se registra con su resultado observado: enviado, bloqueado por un captcha, o pendiente de verificación manual. Si el formulario deja de estar disponible entre la calificación y el envío, el flujo no reintenta por otro canal como email o mensaje directo: ese caso queda marcado para seguimiento manual.

Esta parte del flujo es la que convierte una lista de negocios encontrados en un historial de prospección real, con fecha, link enviado y estado de cada contacto, en vez de un archivo suelto de links que nadie vuelve a mirar.


06 · ¿Qué cuesta correr este flujo de punta a punta?

Gratis el código, no gratis correrlo

El repositorio en sí es público y se descarga sin pagar nada. Lo que tiene costo real es todo lo que lo rodea: el modelo o agente de IA que ejecuta la búsqueda y la generación, el hosting de cada vista previa publicada (una por negocio, mientras dure el proceso de prospección) y, si se usa un servicio externo para revisar la página de contacto antes de calificar al negocio, el costo de ese servicio de scraping.

Ninguno de esos tres costos tiene un número fijo en esta guía porque depende del volumen de negocios que se procesen por tanda y de qué proveedores concretos se eligen para cada parte. Quien quiera estimarlo tiene que sumar esos tres rubros con sus propios proveedores, no con un precio genérico de internet.

Vale la aclaración de atribución: esto es un proyecto que Mateo mostró como idea aplicable desde su cuenta personal, @ai._kid. No es un desarrollo ni un servicio de Claura y su desarrollo web con IA, la agencia que fundó Mateo por separado. Si el objetivo es que una agencia implemente y opere algo parecido para un negocio real, eso se habla puntualmente con Claura, no se asume automáticamente de este posteo.


07 · ¿Qué hacés si no programás pero querés probar esto?

Empezar por mirar el repositorio, no por correrlo en producción

Si nunca corriste un repositorio de código, el primer paso razonable no es lanzar el flujo completo contra negocios reales: es clonar el proyecto, leer su documentación y probarlo con un solo negocio de prueba, ajeno a cualquier prospecto real, hasta entender qué hace cada paso.

Para quien ya usa IA para armar interfaces sin escribir código a mano, la lógica de completar una plantilla con datos reales en vez de escribir de cero se parece a la que explicamos en la guía para crear una web app con IA sin saber programar: el trabajo real está en elegir bien los datos de entrada y revisar el resultado, no en escribir la plantilla desde cero.

Para quien ya se cansó de mandar mensajes describiendo un servicio que el prospecto todavía no puede ver funcionando.

Aplícalo a tu caso

Pídeselo a tu agente

Copia este prompt y pégalo en Claude o ChatGPT. Te pregunta lo que necesita saber de tu caso y arma el plan con los pasos de esta guía.

Prompt · Claude o ChatGPT
Quiero aplicar a mi caso la guía "Web de muestra para prospectar: mostrá la propuesta antes de venderla" de Claura.
Guía: https://claura-ai.com/resources/web-de-muestra-para-prospectar

Mi caso: a qué me dedico, qué herramientas uso y qué quiero lograr

La guía cubre:
- ¿Qué es una web de muestra para prospectar y por qué funciona mejor que un PDF?
- ¿Cómo busca negocios y decide a cuáles armarles una web de muestra?
- ¿Qué plantilla usa y qué datos completa para generarla en segundos?
- ¿Cómo publica la vista previa y qué verifica antes de mandarla?
- ¿Cómo manda el contacto y registra a quién se lo mandó?
- ¿Qué cuesta correr este flujo de punta a punta?
- ¿Qué hacés si no programás pero querés probar esto?

Lee la guía (si no puedes abrir el link, trabaja con los temas de arriba). Si te falta información sobre mi caso, hazme hasta 3 preguntas antes de empezar. Después arma un plan para aplicar la guía paso a paso a mi caso y dime qué puedo hacer hoy en menos de una hora.

¿Prefieres que lo armemos nosotros? Agenda una llamada

Decorative atmospheric background for booking section
100+ marcas ya operan con el sistema

¿Quieres un agente de IA que atienda a tus clientes 24/7?

Sin scripts. Sin contratar humanos. Sin perder leads.

Agendar llamada

Marcas que confiaron en Claura

  • Bissu Abogados
  • Isha Judd
  • Luxom Developments
  • RE/MAX Patagon
  • Bitget Wallet
  • SpacePal
  • Margaret Bissu
  • Soy Andina

Preguntas frecuentes sobre web de muestra para prospectar

Es una web real, ya armada con los datos públicos del negocio (nombre, teléfono, dirección, color de marca), que se le manda a un prospecto antes de intentar venderle nada. En vez de describir en un mensaje lo que podría hacerse, el prospecto ve directamente su web funcionando en una vista previa pública. Es la misma lógica que usamos para explicar por qué un sitio armado con IA no tiene que verse genérico: ver las cinco herramientas que evitan ese resultado ayuda a entender que la plantilla de base importa tanto como los datos que se le cargan. El flujo completo, desde la búsqueda del negocio hasta el envío, está detallado en la sección sobre qué plantilla usa y qué datos completa más arriba en esta guía.

El proyecto que compartimos como referencia, websitegenerator de Albert Shiney, se corre con un solo comando que recibe el nombre, teléfono, email y color de marca del negocio, y lo podés descargar gratis desde su repositorio en GitHub. No hace falta escribir código para correrlo, pero sí hace falta criterio para elegir qué negocios califican y para revisar lo que generó antes de mandarlo. Quién busca al negocio, cómo lo califica visualmente y qué hace con el resultado está explicado en la sección sobre cómo busca y decide a cuáles armarles una web. Si preferís no tocar nada de esto vos mismo, ese tipo de desarrollo asistido con IA es justamente lo que hace Claura, la agencia que fundó Mateo aparte de esta cuenta.

Ninguna de las dos cosas tal cual está en este posteo: es un proyecto de código abierto de un tercero, Albert Shiney, que Mateo mostró en su cuenta personal como una idea aplicable, no como un desarrollo propio ni como un servicio que AI KID venda. Si alguien quiere que le armen una web real, propia y a medida, sin correr este repositorio ni calificar negocios a mano, eso ya es el terreno de Claura y su desarrollo web con IA, la agencia de Mateo, separada de esta cuenta de contenido. AI KID muestra sistemas; Claura es quien los implementa y opera cuando hay un cliente de por medio. Esa distinción está explicada también en la sección de costos de correr el flujo.

El código del repositorio es gratuito y se descarga directo de GitHub, pero correrlo tiene costos reales en otros lados: el modelo o agente de IA que ejecuta la búsqueda y la generación, el hosting de cada vista previa publicada y, si se usa un servicio de scraping para revisar la página de contacto del negocio, el costo de ese servicio. Ninguno de esos costos está fijado en un precio único porque depende del volumen de negocios que se procesen y de qué proveedores se eligen. El detalle de qué hace falta tener conectado antes de generar la primera web está en la sección sobre qué plantilla usa de esta misma guía, publicada originalmente como posteo de @ai._kid.

El flujo de referencia confirma antes de generar nada que exista un formulario de contacto real, con campo de mensaje y botón de envío, en la página original del negocio: un link de contacto, un email suelto o un teléfono no cuentan como forma válida de mandar la propuesta por ese canal. Si el negocio califica por su debilidad visual pero no tiene ese formulario, la vista previa se genera y se verifica igual, y el envío pasa a ser manual por otro canal en vez de automático. Cómo se publica y verifica esa vista previa antes de decidir el canal de envío queda explicado en la sección sobre cómo publica la vista previa más arriba.

Fuentes e inspiración

Mira los posts originales donde desarrollamos estas ideas en redes.

Serie en curso44 guías publicadas

Cómo armar agentes de IA con Claude: managed agents, automatización financiera y sistemas autónomos.

Ver todo Agentes IA