Cotizador interactivo
Tus clientes ven un precio de referencia al instante, sin esperar a que les respondas.
En vivo. Corre en tu navegador.
Como lo ve tu cliente
- El problema que resuelve
- Muchos clientes se van antes de preguntar cuánto cuesta, y responder cada cotización a mano quita horas. Un cotizador les da un rango enseguida y a ti te llega un resumen de lo que necesitan.
- Un ejemplo de la vida real
- Imagina un estudio de fotografía con paquetes y extras. La persona elige boda, dos fotógrafos y álbum, ve el rango y te lo envía por WhatsApp con todo detallado.
- Lo que vas a ver
- Eliges un servicio y lo que necesitas, y el rango cambia con cada opción. Al final te queda un resumen para enviar por WhatsApp, guardar o imprimir.
Pruébalo paso a paso
Paso 1: Elige un servicio
Toca el tipo de proyecto que tienes en mente.
Paso 2: Marca lo que necesitas
Suma funciones y elige el plazo. El rango se actualiza al instante.
Paso 3: Envía tu resumen
Mándalo por WhatsApp, guárdalo o deja tus datos para que te escriba.
Por dentro
Qué hace, en términos técnicos
Elige el servicio y lo que necesitas y ve al instante un rango de precio en pesos, dólares o euros, con el tiempo estimado. Termina con tu resumen listo para enviar por WhatsApp.
- Tecnologías
- Preact
- Signals
- Zod
- TypeScript
Arquitectura
1.quote.json
Precios, opciones y plazos en un archivo de configuración validado con Zod al compilar: cambiar una tarifa no toca el código.
2.Tu navegador
Una isla de Preact con Signals calcula el rango con una función pura, en pesos, dólares o euros, sin pedirle nada al servidor.
3.API de AIM en Cloudflare
Solo si envías tu solicitud. Hono la valida con Zod, verifica Turnstile y la guarda en Postgres (Neon).
El código
Decisiones
- DEC-006: Precios en el sitio, editables (se abre en otra pestaña)
- DEC-010: Visitantes de cualquier lugar, con precios en pesos y dólares (se abre en otra pestaña)
- DEC-039: Precios también en euros, derivados de los dólares (se abre en otra pestaña)
Registradas en docs/DECISIONES.md, con su contexto y las alternativas descartadas.
Tu cliente arma su presupuestoArma tu presupuesto
Paso 4: Revisa tu presupuesto
Elige un servicio en el paso 1 y aquí verás el rango estimado.
Lo que te llega a tiEl mensaje que se envía
Aquí aparece el mensaje cuando tu cliente elige un servicio.
¿Lo quieres para tu negocio?
Esto mismo puede estar en tu sitio, con tus servicios y tus precios. Mira qué incluye o escríbeme y lo hablamos.
¿Te interesa cómo está hecho? Míralo por dentro
Cómo funciona
La lógica del cálculo es una función pura con pruebas, y los precios salen de un archivo de configuración validado con Zod: cambiar una tarifa no toca el código.