Cuanto cuesta personalizar un sitio con JavaScript: calculadora, filtro, area de cliente
JavaScript es el lenguaje que da vida al sitio en el navegador: el carrito cambia sin recargar, se calcula el precio, se filtra el catalogo y se abre el area de cliente. El dueno pide "una calculadora como la del competidor" o "un filtro con 12 parametros" y recibe presupuestos de $300 a $40 000 sin saber que es justo. A continuacion, rangos reales para las tres personalizaciones mas habituales en 2026, que incluye el trabajo, cuando basta un plugin, cuando hace falta un desarrollador frontend y costes ocultos tras la entrega.
- Calculadora simple (3-7 campos, formula en cliente) - $300-1 500, 2-7 dias
- Calculadora compleja (PDF, email, CRM, varios pasos) - $2 000-8 000, 2-5 semanas
- Filtro de catalogo (sin recarga, hasta 500 SKU) - $800-3 000, 1-2 semanas
- Filtro pesado (10 000+ productos, AJAX, SEO) - $3 000-12 000, 3-6 semanas
- Area de cliente (login, 3-5 secciones en CMS) - $3 000-15 000, 3-8 semanas
- Area SPA (React/Vue, API, roles) - $15 000-60 000+, 2-5 meses
- Principal factor de precio - no "JavaScript en si", sino backend, datos y diseno
Que es "personalizacion en JavaScript" para el dueno
Personalizacion en JavaScript no es "instalar un widget del catalogo de plugins", sino escribir o modificar codigo que se ejecuta en el navegador del visitante. El servidor (PHP, Django, Node.js) entrega HTML y datos; JS reacciona a clics, calcula, filtra y llama APIs.
Tres pedidos tipicos que se mezclan en "hazlo interactivo":
| Personalizacion | Que ve el cliente | Donde vive la logica |
|---|---|---|
| Calculadora | Campos, sliders, total, boton "Pedir" | A menudo solo JS; a veces + API |
| Filtro | Checkboxes, rango de precio, orden sin pantalla en blanco | JS + peticiones al servidor |
| Area de cliente | Login, pedidos, documentos, perfil | JS (React/Vue) + backend + BD |
Importante: no se puede presupuestar una calculadora igual que un area de cliente. Son productos distintos.
Calculadora en el sitio: tipos y presupuesto
Calculadora simple ($300-1 500)
Escenario: landing de servicios, envio, reforma - 3-7 campos, formula conocida. Resultado en pantalla; el formulario recibe el total.
Incluye: maquetacion, calculo en navegador, validacion basica, responsive.
Plazo: 2-7 dias laborables.
Calculadora media ($1 500-4 000)
8-15 campos, dependencias, varios paquetes, PDF, email al gestor, integracion CRM.
Plazo: 1-3 semanas.
Calculadora compleja ($4 000-15 000+)
Precios B2B desde ERP/API, multimoneda, roles, PDF con valor legal. Backend obligatorio - los precios secretos no pueden vivir solo en JS.
Plazo: 3-8 semanas.
Tabla: calculadora 2026
| Nivel | Presupuesto | Plazo | Backend |
|---|---|---|---|
| Simple | $300-1 500 | 2-7 dias | No |
| Media | $1 500-4 000 | 1-3 semanas | Parcial |
| Compleja | $4 000-15 000+ | 3-8 semanas | Si |
| Configurador | $10 000-40 000+ | 2-4 meses | Si |
Filtro de catalogo: tipos y presupuesto
Filtro en cliente ($500-2 000)
Hasta 200-500 productos en una pagina; JS muestra/oculta tarjetas. Sin peticion al servidor en cada clic.
Filtro AJAX ($2 000-8 000)
Peticiones al servidor, paginacion, URLs para SEO. API en PHP/WordPress/Django, indices en MySQL.
Plazo: 2-4 semanas.
Catalogo pesado ($8 000-25 000+)
10 000+ SKU, facetas, busqueda, cache, SSR. Auditoria SEO tras el lanzamiento.
Area de cliente: tipos y presupuesto
Cuenta ligera en CMS ($3 000-12 000)
WordPress, Bitrix, OpenCart - login, pedidos, perfil. Plazo: 3-6 semanas.
Frontend a medida ($12 000-35 000)
React/Vue + API REST. Roles, estados en tiempo real, subida de archivos. Deploy en VPS.
Plazo: 6-12 semanas.
Enterprise / SaaS ($35 000-150 000+)
Suscripciones, facturacion, multi-tenant, ERP, app movil.
Que mas influye en el precio
- Backend existente - API multiplica el coste 3-5x.
- Diseno y HTML - UI unica cuesta mas; CSS va de la mano.
- Integraciones - CRM, ERP, pagos: $500-3 000+ cada una.
- Calidad del codigo legacy - 20-40% en limpieza.
- SEO y velocidad - SSR, lazy load: +$1 000-5 000.
- Soporte - 10-15% del desarrollo o retainer $300-600/mes.
Plugin, no-code o JavaScript a medida
| Tarea | Plugin | JS a medida |
|---|---|---|
| Slider, tabs | Suele bastar | Exceso |
| Calculadora simple | Calconic, plugins WP | Logica unica |
| Filtro WooCommerce | Plugin de filtro | 10k+ SKU, PIM |
| Cuenta estandar | WooCommerce | B2B, ERP |
| SPA, tiempo real | No | Obligatorio |
Cuando no hace falta personalizar (todavia)
- La hipotesis no esta probada - si no esta claro si los clientes usaran la calculadora o el filtro, es mas barato captar leads con un formulario o una herramienta no-code, y hacer el desarrollo a medida despues, con datos reales.
- Trafico y catalogo pequenos - una docena de productos y pocos leads al mes no amortizan un filtro AJAX complejo o una cuenta SPA; basta un plugin o gestion manual.
- La plataforma va a cambiar pronto - una migracion de motor o un rediseno en los proximos meses devalua el desarrollo a medida antes de que se amortice.
- No hay quien lo mantenga - si nadie va a arreglar el JS tras actualizaciones del CMS o cambios en las APIs integradas, conviene quedarse con una solucion simple que no se rompa sola.
- Los datos no estan listos - un filtro de 12 parametros no sirve si los atributos del catalogo aun no estan completos; primero los datos, luego el codigo.
Costes ocultos
Hosting VPS, licencias, monitorizacion, regresion tras actualizar CMS, datos del catalogo para filtros ($500-2 000).
Checklist antes de contratar
- Escenario de usuario paso a paso.
- Origen de datos (codigo, BD, API).
- Volumen de SKU/usuarios.
- Trafico movil.
- Propiedad del codigo y repositorio.
- Criterios de aceptacion medibles.
- Garantia e iteraciones incluidas.
Resumen
Personalizacion JS va de $300 (calculadora simple) a decenas de miles (cuenta y catalogo grande). Exija desglose frontend/backend/integraciones; no guarde precios secretos solo en el navegador; compare escenarios llave en mano; planifique soporte; si crece de filtro a portal, valore migracion desde WordPress a stack con API.
Si necesita ayuda con el desarrollo, la implementación de IA o el soporte del sitio para su proyecto - escríbame.
Preguntas frecuentes
Se puede hacer una calculadora sin programador?
En parte si - constructores y plugins WP cubren formulas simples ($0-50/mes). Hace falta desarrollador con precios desde CRM/ERP, PDF legal o formulas que no deben ser visibles. El ahorro no-code suele convertirse en rehacer por $2 000+.
Por que un filtro de 10 000 productos cuesta mucho mas que uno de 200?
Con 200 todo cabe en una pagina y filtra el navegador. Con 10 000 hacen falta consultas al servidor, indices, cache, URLs para robots y pruebas de carga. Si faltan atributos en el catalogo, el filtro "falla" por datos, no por JS.
Una cuenta de WordPress es un area de cliente completa?
Para B2C a menudo si. Para B2B con roles y precios personalizados, el techo de WP llega rapido; JS + API suele salir mas barato que muchos plugins. Mas en WordPress y cuando hace falta programador.
Cuanto cuesta la hora de un desarrollador JavaScript en 2026?
Orientacion: $40-80/h - freelance CEI y Europa del Este; $80-120/h - senior React/Vue, Europa occidental; $100-150/h - freelance EE. UU. (remoto), frontend senior; $150-220/h - agencias en EE. UU. con PM y QA. Las agencias usan paquetes fijos con recargo del 30-50% por gestion y QA. Importa mas el alcance fijo - story points o precio por brief: «filtro AJAX para 3 000 SKU» = $4 500 fijo (CEI/Europa del Este) o $8 000-12 000 (EE. UU.) es mas fiable que «40 horas hasta terminar».
Cuando la personalizacion JS es mas barata que un sitio nuevo en Django/React?
Si la tarea es local: una calculadora, filtro en WooCommerce existente, dos pantallas de cuenta. Si conviene sitio nuevo: muchos plugins de logica, cada actualizacion rompe JS, API unica para web y movil, presupuesto anual de parches comparable a desarrollo Django ($15 000-40 000). Calcule TCO a 2 anos.
Términos del artículo
plugin — installable extension module
frontend — client-side UI of a site or app — parte cliente de un sitio o app
SPA — Single Page Application — aplicación de una sola página
backend — server-side logic, APIs and data layer — lógica de servidor, APIs y capa de datos
widget — embedded UI component
CRM — Customer Relationship Management — gestión de relaciones con clientes
ERP — Enterprise Resource Planning — planificación de recursos empresariales
B2B — Business to Business — de empresa a empresa
OpenCart — open-source PHP e-commerce platform — plataforma e-commerce PHP de código abierto
multi-tenant — shared platform with isolated customer data per tenant — plataforma compartida con datos aislados por cliente
SKU — Stock Keeping Unit — unidad de mantenimiento de stock
SSR — Server-Side Rendering — renderizado del lado del servidor
VPS — Virtual Private Server — servidor privado virtual
retainer — fixed monthly fee for ongoing support — cuota mensual fija por soporte continuo
no-code — building apps with visual tools, little or no programming — crear apps con herramientas visuales, poco o nada de código
CMS — Content Management System — sistema de gestión de contenidos
story points — relative effort estimate used in agile planning — estimación relativa de esfuerzo en planificación ágil
B2C — Business to Consumer — de empresa a consumidor
TCO — Total Cost of Ownership — coste total de propiedad