Guía · 6 min de lectura
Formularios de pedido con total en vivo: cómo crear uno
Actualizado 2026-09-17
Resumen
Un formulario de pedido con total en vivo usa campos numéricos para la cantidad y el precio por artículo, un campo calculado que los suma mientras la persona escribe y un formato claro para que el total acumulado parezca dinero, no solo un número.
Un formulario de pedido sin un total acumulado visible hace que la gente tenga que calcular de cabeza o esperar un correo de confirmación para saber cuánto va a pagar. Un total en vivo elimina esa incertidumbre y detecta errores de escritura (un cero de más en un campo de cantidad) antes del envío, no después. Esta guía cubre la estructura: los campos, la fórmula y los pequeños detalles que hacen fiable el total.
Estructura primero los campos
Cada artículo pedible necesita un campo de cantidad (número) y, si el precio varía, un campo de precio o un valor fijo al que haces referencia directamente en la fórmula. Mantén la cantidad y el precio como campos separados en lugar de un único campo de texto combinado, ya que un campo calculado necesita entradas numéricas limpias para funcionar.
Para un catálogo fijo de artículos, un campo de selección por artículo con el precio incorporado a la opción, más un campo de cantidad, suele ser más sencillo que pedir a la gente que escriba los precios ellos mismos.
Construye el total calculado
Un campo calculado puede hacer referencia a cada campo de cantidad y precio en una fórmula y actualizar el total en vivo mientras alguien rellena el formulario, incluso antes de llegar al envío. Para varias líneas de pedido, la fórmula suma la cantidad de cada artículo multiplicada por su precio y luego lo suma todo.
Si cobras impuestos o una tarifa fija de envío, añádelos como un paso propio en la fórmula, en lugar de mezclarlos en silencio en una sola línea, para que el desglose siga siendo legible si tienes que explicarle un total a un cliente.
Muestra un desglose, no solo un número
Un total único sin contexto parece arbitrario. Siempre que puedas, muestra subtotal, impuestos y envío como valores calculados separados, aunque solo el total final quede destacado, para que el número se explique solo en lugar de ser algo en lo que el cliente tenga que confiar a ciegas.
Reduce los errores de escritura
Los campos numéricos deben imponer límites sensatos, como un mínimo de 0 y un máximo razonable para la cantidad, para que un error de escritura no genere en silencio un total 100 veces mayor de lo que debería. Los campos obligatorios en todo lo que alimenta el total evitan que una cantidad en blanco rompa el cálculo.
Qué ocurre tras el envío
Un formulario de pedido no es, por sí mismo, un procesador de pagos; normalmente recoge los detalles del pedido y el total, y luego redirige al pago o envía los detalles a quien va a atender el pedido (mediante una notificación por correo o un webhook a otro sistema). Fija expectativas en el mensaje de éxito para que la gente sepa qué pasa a continuación, ya sea una factura, un enlace de pago o una llamada de confirmación.
En YeetForm, los campos calculados actualizan los totales en vivo mientras alguien rellena cantidades y precios, usando una fórmula que hace referencia directa a los demás campos, y un webhook puede reenviar el pedido completado a otro sistema en cuanto se envía.