Un calculador debe ayudar a decidir, no recolectar datos por recolectar
Un calculador se suele construir como un formulario de captación bonito. La persona introduce cifras y obtiene un resultado que el marketer inventó de antemano. Yo primero escribiría la fórmula en un papel y solo después construiría la interfaz.
El error que eliminaría primero: Ocultar toda la respuesta detrás de JavaScript.
Qué preparar y qué resultado esperar
- Resultado: Un visitante puede completar el quiz, entender el cálculo y, si hace falta, enviar el resultado a un gestor.
- Describe entradas, fórmula, rango del resultado, límites, fuente de precios y la acción tras el cálculo.
- Mantén los datos de origen y los permisos de acceso separados del resultado para poder verificar qué hizo realmente el calculador o quiz del sitio.
- Recorre el escenario sin JS, con valores vacíos y límite, en el teléfono y con teclado.
Construye interactividad con base HTML y un resultado verificable
- Haz la fórmula transparente
En la página describe qué datos se introducen, qué se calcula y qué costes no están incluidos. No llames precio exacto a una estimación.
Проверьте: El usuario entiende el rango y los límites del resultado.
Если не сработало: Añade cerca un cálculo de ejemplo con valores de prueba.
- Mantén una base de texto
Coloca la explicación, el FAQ y los valores base en HTML ordinario. El calculador debe complementar la página, no ser el único contenido.
Проверьте: El significado importante se puede leer antes de que se ejecute JavaScript.
Если не сработало: Añade un fallback del lado del servidor o estático para el primer resultado.
- Valida la entrada
Limita tipo, rango, unidades y campos obligatorios. En cada campo añade etiqueta y mensaje de error, no un cero silencioso.
Проверьте: Los valores vacíos, negativos y excesivamente grandes se gestionan con claridad.
Если не сработало: Escribe un valor esperado de ejemplo en el placeholder y junto al campo.
- Conecta el resultado con una solicitud
Muestra el cálculo antes del formulario. Si el usuario envía el resultado, pasa al CRM las entradas, fórmula/versión y total — no solo el texto “quiz completado”.
Проверьте: El gestor ve cómo se obtuvo el importe o la recomendación.
Если не сработало: Deja la descarga del resultado y el contacto manual.
La fórmula tiene que sobrevivir a los ceros
Para un calculador SEO, configura visitas, conversión actual y objetivo, cuota de cualificación, tasa de cierre, beneficio bruto, costes SEO y coste de puesta en marcha. Fórmulas: `current_leads = visits × current_CVR`, `future_leads = visits × target_CVR`, `incremental_profit = (future_leads − current_leads) × qualified_rate × close_rate × gross_profit`, `payback = setup_cost / monthly_net`.
Si `monthly_net <= 0`, escribe con honestidad “con estos datos el proyecto no se recupera”. Da un rango y cita la fuente de los supuestos en lugar de meter un promedio del mercado.
current_leads = visits * current_cvr
future_leads = visits * target_cvr
monthly_net = incremental_profit - seo_cost
if monthly_net <= 0: show('Sin recuperación')Compruebo seis escenarios límite
Prueba ceros, conversión al 100%, coste SEO cero, conversión objetivo por debajo de la actual, beneficio bruto cero y porcentajes fraccionarios. Concilia el calculador con Google Sheets. En GA4 envía `calculator_view`, `calculator_start`, `calculator_result_view`, `calculator_scenario_saved` y `calculator_cta_click`, pero no pases los ingresos exactos de la empresa: usa `result_band` y `payback_band`.
Muestro escenarios buenos y malos
Con 2.000 visitas, 1,5% de conversión y un objetivo del 2,5% obtienes 30 y 50 leads. Con 45% de cualificación, 25% de cierre y 75.000 ₽ de beneficio bruto, las ventas incrementales son unas 168.750 ₽. Con costes SEO de 180.000 ₽ el resultado es negativo — y el calculador debe mostrarlo.
Con un objetivo del 3%, el beneficio incremental ya ronda las 253.125 ₽ y el neto es 73.125 ₽. El usuario ve el punto de equilibrio y sabe qué supuesto cambiar, en lugar de recibir la promesa de que “el SEO se recupera”.
Qué dejar como texto y qué hacer interactivo
| Criterio | Pregunta | Buena señal |
|---|---|---|
| Entrada | ¿Qué entra exactamente en el calculador o quiz del sitio? | Describe entradas, fórmula, rango del resultado, límites, fuente de precios y la acción tras el cálculo. |
| Acción | ¿Qué puede hacer el sistema por su cuenta? | Solo acciones predefinidas, sin acceso a toda la cuenta |
| Verificación | ¿Cómo sabes que el resultado se puede aceptar? | Recorre el escenario sin JS, con valores vacíos y límite, en el teléfono y con teclado. |
| Fallo | ¿Adónde va un caso poco claro? | Muestra una versión HTML básica del resultado y una explicación de la fórmula si la interactividad no se cargó. |
Qué debe cambiar después de la configuración
Un visitante puede completar el quiz, entender el cálculo y, si hace falta, enviar el resultado a un gestor.
Por qué un quiz no entrega ni valor ni un lead
Ocultar toda la respuesta detrás de JavaScript.
Tratar el resultado como un precio exacto sin datos de entrada.
No validar valores límite.
Enviar al CRM solo el hecho de que se completó el quiz.
Cuándo un calculador se convierte en un producto aparte
Incorpora a un especialista si el calculador está ligado a precios dinámicos, autenticación, pago o una fórmula compleja que necesita versionado.
Qué comprobar en el teléfono y sin JavaScript
¿Para quién es este enfoque de calculador o quiz del sitio?
Un calculador es útil cuando ayuda a tomar una decisión y muestra un resultado claro. Si solo funciona tras JavaScript y esconde el significado dentro de un formulario, perjudica el SEO y la conversión.
¿Por dónde empiezas si todo sigue siendo manual?
Describe entradas, fórmula, rango del resultado, límites, fuente de precios y la acción tras el cálculo.
¿Cómo compruebas que la configuración no causará daño?
Recorre el escenario sin JS, con valores vacíos y límite, en el teléfono y con teclado.
¿Qué haces con un resultado poco claro?
Muestra una versión HTML básica del resultado y una explicación de la fórmula si la interactividad no se cargó.
