WebBot
El sitio web que convierte visitas en leads rastreables. No una página bonita, un embudo que captura, ordena y enruta cada contacto.
Rol en el ecosistema
Puerta de entrada del ecosistema: convierte visitas en leads rastreables (formulario → correo → CRM).
En una frase
Que hace, sin vueltas
WebBot es la recepción digital de ConsuConstruct. Alguien entra al sitio, mira servicios y proyectos, usa la calculadora de presupuesto, llena un formulario o escribe por WhatsApp. Su único trabajo es convertir esa visita en un lead con datos que el equipo pueda atender. Si la persona llegó por Google, Meta, YouTube o un referido, WebBot la lleva hacia una acción concreta y guarda su contacto para el seguimiento.
El problema
Antes dolía, después no
Antes
- Los clientes llegaban por mensajes sueltos de WhatsApp, llamadas y referencias sin ningún orden.
- No había forma de saber de qué anuncio o página venía cada consulta.
- Un lead que no se contestaba a tiempo se enfriaba y se perdía sin dejar rastro.
- El sitio "informaba", pero no capturaba: quedaba como folleto, no como herramienta de venta.
Después
- Cada formulario, calculadora y landing manda el contacto a un correo operativo y al CRM en el mismo paso.
- El lead queda con origen etiquetado (contacto, calculadora, formulario, precalificación) para saber qué canal funciona.
- Si el correo falla, el lead ya quedó guardado en el CRM: no se pierde por un error de infraestructura.
- El tráfico de Google Ads y Meta cae en landings medibles conectadas al mismo flujo.
Como funciona
Paso a paso, del clic al lead atendido
Llega el visitante
Alguien entra al sitio desde Google, Meta, YouTube, un referido o un link de WhatsApp.
Ver detalle técnico
El sitio corre en Next.js 15 (App Router) desplegado en Vercel, con soporte de tres idiomas (es/en/fr) vía next-intl. Las landings de anuncios (/es/permisos-de-construccion, /es/calculator, /es/formulario) son rutas rastreables donde caen las campañas.
Explora servicios y proyectos
Revisa servicios, ve el portafolio de obras y propuestas de diseño, y compara acabados.
Ver detalle técnico
Las páginas de servicio, proyectos y producto se sirven desde datos locales versionados en el repo y media en public/. Las fichas de proyecto muestran el área constructiva y calculan el precio por nivel de acabado (Básico / Medio / Completo).
Estima su presupuesto
Usa la calculadora para tener una idea rápida de cuánto costaría su proyecto.
Ver detalle técnico
La calculadora formatea el monto con separadores mientras se escribe y usa como referencia el proyecto más pequeño del catálogo. Al enviar, dispara la ruta /api/send-email/calculator.
Deja sus datos
Llena un formulario (contacto, calculadora, solicitud de construcción o precalificación) o escribe por WhatsApp.
Ver detalle técnico
Cada formulario es un componente React que hace POST a su propia API route bajo src/app/api/send-email/* (contacto, calculadora, construction-request, precalificación) más estimastruct-demo. El formulario de construcción incluye un dropdown de "Modelo de interés" con proyectos del catálogo.
Se captura el lead
El contacto se guarda automáticamente en la base de clientes antes de mandar cualquier correo.
Ver detalle técnico
La API llama a captureLead, que inserta el lead en Supabase (tabla lead) con su origen (web_contacto, web_calculadora, web_formulario, web_precalificacion) y crea un evento creado en la timeline (lead_evento). Corre primero y nunca lanza error: si Supabase falla, el flujo sigue.
Se envía el correo operativo
Al equipo le llega un correo con todos los datos del interesado, listo para responder.
Ver detalle técnico
sendMail renderiza una plantilla de correo y la envía por Gmail SMTP con Nodemailer (puerto 465, remitente david.chinchilla@consuconstruct.com), con replyTo al email del cliente. Si el SMTP falla, el lead ya quedó en el CRM.
El lead entra al CRM y al seguimiento
El interesado aparece en el CRM con su historial, para no empezar de cero.
Ver detalle técnico
El lead queda en el pipeline del Portal/CRM (Supabase) con estado y timeline; Brain mantiene un espejo/operación local. Desde ahí el equipo decide contactar, calificar, mandar propuesta o convertir en obra.
Se convierte en propuesta o demo
Según lo que pidió, se le agenda una demo, se le arma una mini propuesta o se le pasa una propuesta detallada.
Ver detalle técnico
WebBot enruta al resto del ecosistema: ProposalBot genera la Mini Propuesta (Fast Track), EstimaStruct genera la Propuesta Detallada con presupuesto real, y la landing /estimastruct capta demos del producto SaaS.
Qué recibes
- Un sitio web multi-idioma (es/en/fr) en Next.js, desplegado en Vercel, con dominio propio.
- Formularios conectados que capturan cada lead en un CRM y notifican por correo en el mismo envío.
- Calculadora de presupuesto y landings de campaña listas para recibir tráfico de anuncios.
- Catálogo de proyectos/servicios con fichas que calculan precio por nivel de acabado.
- Integración con el CRM (leads con origen etiquetado y timeline de eventos).
- Correo operativo de notificación por cada contacto, con respuesta directa al cliente (replyTo).
Integraciones
Stack técnico
- Framework: Next.js 15 App Router, renderizado en el servidor.
- Deploy: Vercel, gestor de paquetes pnpm.
- i18n: next-intl con rutas /{locale}/... (es por defecto, en, fr).
- Estilos: Tailwind CSS 4.
- Datos de catálogo: seed local versionado en el repo + lógica de derivación de proyectos; media en public/.
- Formularios: API routes en src/app/api/send-email/* (contacto, calculadora, construction-request, precalificación) y estimastruct-demo.
- Correo: Nodemailer sobre Gmail SMTP (host smtp.gmail.com, puerto 465, seguro).
- CRM: cliente de servicio Supabase; captura de lead + evento de timeline.
- SEO: sitemap.ts dinámico con alternates por idioma y robots.txt.
Estado real
Verdad operativa, sin humo
Funciona hoy
- ✓Sitio en producción en consuconstruct.com, multi-idioma es/en/fr.
- ✓Cinco formularios activos (contacto, calculadora, solicitud de construcción, precalificación, demo EstimaStruct) que capturan lead en Supabase y notifican por Gmail SMTP.
- ✓Captura de lead a prueba de fallos: primero guarda en CRM, luego intenta el correo; si el SMTP cae, el lead no se pierde.
- ✓Leads con origen etiquetado y evento inicial en la timeline del CRM.
- ✓Landings de campaña vivas: /es/permisos-de-construccion, /es/calculator, /es/formulario.
- ✓Calculadora de presupuesto con formato de moneda y referencia de monto mínimo.
- ✓Catálogo de proyectos con fichas que calculan precio por nivel de acabado.
- ✓Sitemap dinámico con alternates por idioma (incluye la sección /bots).
En progreso
- ⏳La automatización de WhatsApp y Facebook NO está conectada hoy: WhatsApp funciona como canal de contacto por link, no como bot integrado. La cuenta de Meta está en proceso de recuperación.
- ⏳Traducciones: el español está completo; inglés y francés están priorizados por página, no al 100% en todo el sitio.
- ⏳Widgets de chat/asistente: se montan bajo demanda al abrirse; el asistente conversacional completo (ConsuBot) es un módulo aparte y aún parcial.
- ⏳Versión 2.0 planteada (ingreso de modelos RVT, utilidades de estimación embebidas, integración pyRevit, blog de tutoriales) todavía no está en producción.
Limitaciones
- No cierra ventas solo: captura y enruta el lead; el seguimiento y el cierre son del equipo comercial.
- El envío de correo depende de Gmail SMTP; si las credenciales fallan, el lead se guarda pero la notificación por correo no sale hasta corregirlas.
- No hay bot de WhatsApp/Facebook automático conectado hoy (canal de contacto manual por link).
- El catálogo de proyectos y precios se alimenta desde datos versionados: cambiarlos requiere recompilar y desplegar.
- Los precios de la calculadora son referenciales (rangos aproximados por m²), no una cotización formal.
- No es un e-commerce ni procesa pagos: es un embudo de captación, no de transacción.
Casos de uso
Quién lo necesita
Constructora sin captación ordenada
Una constructora recibe consultas regadas en WhatsApp y correo sin registro. WebBot centraliza formularios y calculadora en un solo sitio y deja cada lead en un CRM con su origen. Deja de perder consultas por no anotarlas.
Campaña de anuncios que necesita dónde caer
Una empresa lanza Google Ads y Meta pero no tiene landings medibles. WebBot le da páginas de aterrizaje conectadas al mismo flujo de captura, así cada clic pagado termina en un lead rastreable y no en una página muerta.
Estudio de diseño que quiere mostrar portafolio y cotizar rápido
Un estudio necesita exhibir proyectos y dar una idea de precio sin reuniones. WebBot muestra fichas de obra con precio por acabado y una calculadora que estima el rango, capturando al interesado que ya viene medio decidido.
Producto SaaS que necesita solicitudes de demo
Un software de construcción (EstimaStruct) necesita una landing que convierta. WebBot corre /estimastruct con su formulario de demo que capta al lead como oportunidad de construcción en el CRM.
Trámite de permisos y financiamiento BANHPROVI
Un cliente busca permisos o precalificación bancaria. La landing de permisos y el formulario de precalificación capturan sus datos y los enrutan al proceso de evaluación sin retrasos.
Preguntas frecuentes
Lo que preguntan antes de montarlo
¿Esto reemplaza mi página web actual?
Sí. WebBot ES el sitio web, construido como embudo de captación en vez de folleto informativo. No se monta encima de tu página vieja: la sustituye por una que sí convierte visitas en leads.
¿Dónde quedan mis leads?
Cada contacto se guarda en un CRM sobre Supabase/PostgreSQL con su origen y una timeline de eventos, y además llega por correo al equipo. La captura corre antes del correo, así que un fallo de envío no pierde el lead.
¿Necesito saber programar para usarlo?
No. Tú recibes formularios, calculadora y CRM funcionando. El sitio corre en Vercel y los cambios de contenido/proyectos se gestionan y se despliegan por nosotros.
¿Contesta solo por WhatsApp o Facebook?
Hoy no. WhatsApp está como canal de contacto directo (link), no como bot automático. La respuesta conversacional automatizada es otro módulo (ConsuBot) y va aparte.
¿Sirve para anuncios de Google y Meta?
Sí. Trae landings específicas (permisos de construcción, calculadora, formulario) pensadas para recibir tráfico pagado y medir la conversión de cada campaña.
¿En qué idiomas funciona?
En español, inglés y francés. El español está completo; inglés y francés se priorizan por página según la necesidad comercial.
¿Cómo me llega el aviso cuando alguien deja sus datos?
Por correo, vía Gmail SMTP, con todos los campos del formulario y respuesta directa (replyTo) al email del cliente para que contestes con un clic.
¿Puedo venderlo/montarlo para mi propia empresa?
Sí. Montamos el mismo sistema para otras constructoras y empresas: sitio, formularios, calculadora, landings y CRM conectado, adaptado a tu operación. Empezamos por donde más se te pierden clientes.
Quiero este flujo en mi empresa
Empezamos por el punto donde mas se pierde tiempo: captacion, presupuesto, contenido, CRM o ingenieria.