Cómo crear un formulario de pago de Stripe con una calculadora de precios

Tu página de precios enumera los planes y las funcionalidades, pero los clientes potenciales aún no pueden averiguar cuánto pagarán realmente. Tienen 15 usuarios, necesitan dos integraciones, quieren facturación anual y requieren el complemento de cumplimiento normativo, así que escriben a tu equipo de ventas y esperan un día para recibir una respuesta que debería haber tardado cinco segundos.

La solución: crea una calculadora de precios interactiva con involve.me que permita a los clientes potenciales configurar exactamente lo que necesitan, ver el precio calculado en tiempo real y pagar directamente mediante un formulario de pago de Stripe. La calculadora hace las cuentas, muestra el total y transfiere el proceso a Stripe, sin llamadas de ventas, presupuestos por email ni facturas manuales.

Así puedes crear el flujo completo.

Qué Hace La Integración Del Formulario De Pago De Stripe

Cuando un cliente potencial completa tu calculadora de precios de involve.me y continúa al pago, la integración automáticamente:

• Calcula el precio total según la configuración seleccionada por el cliente potencial (plan, usuarios, complementos y periodo de facturación)

• Muestra el precio calculado en la página de resultado con un desglose completo de los costes

• Abre la página de pago de Stripe con el importe calculado cuando el cliente potencial hace clic en «Pagar»

• Crea un cliente de Stripe con el email, el nombre y los metadatos del comprador procedentes de la calculadora

• Registra la transacción y guarda como metadatos todas las respuestas de la calculadora para tus registros

El cliente potencial pasa de «¿Cuánto costaría esto?» a cliente de pago en una sola sesión.

Requisitos Previos

En Stripe:

• Una cuenta de Stripe (usa el modo de prueba para el desarrollo y el modo activo para producción)

• Productos y precios configurados en tu panel de Stripe o creados dinámicamente durante el pago

• Un endpoint de webhook de Stripe configurado para confirmar los pagos

En involve.me:

• Se requiere un plan de involve.me (Starter o superior) para publicar un funnel que cobre pagos. Puedes probar las fórmulas de la calculadora en modo borrador con el plan gratuito, pero para publicar un formulario de pago de Stripe activo necesitas un plan de pago. Consulta los precios de involve.me.

• Stripe se conecta mediante app.involve.me/payment-accounts, no desde los ajustes de la organización. Consulta el Paso 2 a continuación para conocer los pasos exactos.

• Un funnel con calculadora cuya lógica de precios esté configurada mediante el creador de fórmulas

Paso 1: Diseña La Lógica De La Calculadora

Define Tus Variables De Precios

Asocia tu modelo de precios con las entradas de la calculadora antes de tocar el editor. Este es un ejemplo para un producto SaaS:

Crea Fórmulas En involve.me

Cómo funcionan realmente las fórmulas de involve.me: A cada pregunta de tu funnel se le asigna un ID (Q1, Q2, Q3, etc.). En las preguntas de selección única y selección múltiple, asignas un valor numérico a cada opción de respuesta activando «Puntuación y cálculo individuales» en esa pregunta. Después, tu fórmula hace referencia a las preguntas por su ID, no mediante variables de texto con nombre.

Paso 1: Para la pregunta sobre el plan (p. ej., Q1), activa «Puntuación y cálculo individuales» y asigna el precio mensual como valor de cada respuesta:

• Starter = 29

• Pro = 79

• Business = 129

Ahora Q1 devuelve directamente el precio base, sin necesidad de una instrucción IF.

Paso 2: Para el número de usuarios (p. ej., Q2, un elemento de control deslizante), esta es la fórmula del coste adicional que usa Q1 para identificar el plan:

IF(Q1=79, MAX(0, Q2-5)*10, IF(Q1=129, MAX(0, Q2-15)*8, 0))

Paso 3: Para los complementos de selección múltiple (p. ej., Q3), asigna a cada complemento su coste mensual como valor numérico. involve.me suma automáticamente los valores cuando se seleccionan varias opciones. Q3 devuelve directamente el total de los complementos.

Paso 4: Para el periodo de facturación (p. ej., Q4), asigna Mensual = 1 y Anual = 2 como valores. Fórmula del descuento anual:

IF(Q4=2, (Q1 + overage + Q3 + compliance) 12 0.8, Q1 + overage + Q3 + compliance)

involve.me admite VLOOKUP, instrucciones IF anidadas, MAX, MIN, ROUND y otras funciones avanzadas. Para consultar la lista completa, consulta la guía de funciones avanzadas.

Muestra El Desglose Del Precio

Los resultados de la calculadora no se muestran escribiendo {{variable_name}} en un elemento de texto. Así es como funciona realmente:

1. Añade el elemento Calculadora a tu página de resultado o de agradecimiento arrastrándolo desde el panel de elementos de contenido. Nota: el elemento Calculadora solo puede colocarse en páginas de resultado o de agradecimiento; el icono aparecerá atenuado en los demás tipos de página.

2. El resultado de la calculadora se muestra automáticamente una vez colocado el elemento.

3. Para hacer referencia al valor calculado dentro de un bloque de texto (p. ej., «Tu total es [amount]»), haz clic en el elemento de texto y usa el selector de canalización de respuestas para insertar la etiqueta de la calculadora como variable. No escribas manualmente el nombre de la variable.

Activa el texto personalizado con IA en la página de resultado para generar un resumen de precios único para cada cliente potencial que explique qué incluye su configuración específica y qué obtiene por ese precio, en lugar de mostrar a todos la misma confirmación genérica.

Paso 2: Configura Tu Formulario De Pago De Stripe

Conecta Stripe Con involve.me

1. Ve a app.involve.me/payment-accounts

2. Elige «Cuentas de pago de prueba» para desarrollo o «Cuentas de pago activas» para producción

3. Haz clic en «Conectar cuenta de prueba» o «Conectar cuenta» y selecciona Stripe en el menú desplegable

4. Sigue las indicaciones para conectar una cuenta de Stripe existente o crear una nueva

5. Una vez conectada, el nombre de tu cuenta de Stripe aparecerá en la lista y podrás seleccionarla al configurar el cobro de pagos en cualquier funnel

Añade El Elemento Cobrar Pagos

1. En el editor de involve.me, ve a tu página de resultado

2. Añade el elemento «Cobrar pagos» desde el panel de elementos de contenido

3. En los ajustes del elemento, selecciona tu modelo de pago: pago único o suscripción/pagos recurrentes

4. Para el importe del pago, usa el selector del campo de importe en los ajustes del elemento para vincularlo con el resultado de la fórmula de tu calculadora; no escribas directamente {{annual_total}} ni una sintaxis similar

5. Selecciona tu cuenta de Stripe conectada en el menú desplegable

6. Establece tu moneda (USD, EUR, GBP, etc.)

Configura Los Detalles Del Pago

En los ajustes del elemento Cobrar pagos, configura:

• Importe: Vinculado al resultado de la fórmula de tus widgets de calculadora interactiva para sitios web (como se indicó anteriormente)

• Moneda: Tu moneda predeterminada

• Descripción del pago: Incluye el nombre del plan y un resumen de la configuración; esto aparece en la página de pago alojada por Stripe

• Página de confirmación: Una página de agradecimiento personalizada con los siguientes pasos de incorporación

Para aceptar pagos de un público más amplio, Stripe también admite métodos de pago locales, como iDEAL (Países Bajos), SEPA Direct Debit (Europa) y EPS (Austria), para pagos únicos. Los métodos de pago locales se activan desde los ajustes de tu cuenta de Stripe y aparecen automáticamente en la página alojada por Stripe para los clientes que cumplan los requisitos. Nota: los métodos de pago locales solo están disponibles para pagos únicos; no son compatibles con suscripciones recurrentes mediante la integración de involve.me.

También puedes activar Stripe Tax en tu cuenta de Stripe para calcular y cobrar automáticamente el importe correcto de los impuestos durante el pago. Cuando Stripe Tax está activo, se aplica a las transacciones procesadas mediante el flujo de pago alojado por Stripe; no necesitas configurar la lógica fiscal dentro de involve.me.

Recopila La Información De Contacto Antes Del Pago

Añade una página de formulario de contacto antes de la página de pago para recopilar:

• Email (obligatorio; sirve como identificador del cliente de Stripe)

• Nombre completo

• Nombre de la empresa

• Teléfono (opcional)

Estos datos crean el registro del cliente en Stripe y te permiten hacer un seguimiento incluso si el cliente potencial abandona el proceso antes de completar el pago.

Email del cliente: La verificación del email mediante OTP solo está disponible en el plan Business y superiores. Para activarla, selecciona el campo de email en tu elemento de formulario de contacto y activa «Verificación del email mediante OTP» en el panel de ajustes de la derecha. Los usuarios de los planes Starter y Pro no tienen acceso a esta funcionalidad.

Transmite Datos De Atribución Mediante Campos Ocultos

Usa campos ocultos en la URL de inserción de la calculadora para transmitir parámetros UTM, la fuente de referencia y el contexto de la campaña a los datos del envío, de modo que cada registro de transacción de Stripe y cada envío de involve.me incluyan el canal de marketing que los generó.

Para obtener tu código de inserción real:

1. Abre tu funnel en el editor de involve.me

2. Ve a la pestaña Compartir pestaña

3. Haz clic en «Insertar en una página web» para obtener el fragmento de inserción específico de tu organización con la URL de tu funnel ya rellenada

4. Para transmitir valores de campos ocultos, añade parámetros a la URL del funnel dentro del fragmento de inserción: ?utm_source=facebook&utm_medium=paid&utm_campaign=product_launch

Asocia estos campos ocultos con los metadatos del envío para consultar la atribución en tus análisis e informes de ingresos.

Paso 3: Crea Flujos De Trabajo Posteriores a La Compra

Eventos De Webhook De Stripe Que Debes Supervisar

Configura webhooks en tu panel de Stripe para estos eventos:

• checkout.session.completed — Pago realizado correctamente; activa la cuenta

• payment_intent.payment_failed — El pago ha fallado; inicia un flujo de reintento

• customer.created — Se ha creado un nuevo registro de cliente; sincronízalo con tu CRM

Los metadatos de Stripe transmitidos desde los envíos de involve.me incluyen: entradas de la calculadora (plan, usuarios, complementos y periodo de facturación), información de contacto (email, nombre y empresa), totales calculados y datos de atribución (fuente UTM, campaña y landing page).

Recuperación De Calculadoras Abandonadas

No todos los clientes potenciales que empiezan la calculadora completarán el pago. Usa los datos de envíos parciales de involve.me para recuperar las sesiones abandonadas:

Para los clientes potenciales que completaron la calculadora pero no pagaron:

• Tienes su email (obtenido en el paso del formulario de contacto), la configuración seleccionada y el precio calculado

• Envía un email de seguimiento: «Tu presupuesto personalizado para [Plan] con [X] usuarios está listo; completa tu compra»

• Incluye el precio exacto que vieron y un enlace directo para volver a la calculadora

Para los clientes potenciales que empezaron la calculadora pero no la terminaron:

• involve.me captura los envíos parciales: puedes ver en qué paso abandonaron y qué habían seleccionado hasta ese momento

• Usa estos datos para identificar los puntos de abandono frecuentes y simplificar el flujo

También puedes usar la automatización de flujos de trabajo de involve.me (disponible desde el plan Starter) para activar secuencias de correos electrónicos condicionales directamente desde la calculadora, sin necesitar una herramienta externa de correo electrónico para el seguimiento inicial. Los prospectos que completaron el pago reciben instrucciones de incorporación adaptadas al plan que seleccionaron; quienes hicieron el cálculo, pero no pagaron, reciben un seguimiento con su presupuesto exacto.

Paso 3.5: Personaliza La Experiencia De Pago

Verificación OTP Para Transacciones De Confianza

Verificación del correo electrónico mediante OTP (plan Business y superiores) confirma que la dirección de correo electrónico introducida es real y está activa antes de procesar el pago. Para habilitarla, selecciona el campo de correo electrónico en tu elemento Formulario de contacto y activa "Verificación del correo electrónico mediante OTP" en el panel derecho.

Ventajas:

• Filtra las direcciones de correo electrónico falsas y mal escritas antes de que lleguen a Stripe

• Reduce las disputas de pago (el comprador confirmó su correo electrónico antes de pagar)

• Crea una señal visible de confianza durante el proceso de pago

Resultado Personalizado Y Texto Del Recibo

Una vez procesado el pago, muestra un recibo personalizado en la página de agradecimiento que incluya:

• La configuración exacta adquirida (plan, número de usuarios y complementos seleccionados)

• Un desglose del precio (base, por usuario, complementos y total)

• Próximos pasos adaptados a su plan

Activa el texto personalizado con IA en la página de resultados posterior al pago para generar un mensaje de confirmación único para cada cliente según su configuración específica, en lugar de un mensaje genérico de "Pedido confirmado".

Paso 4: Verifica El Flujo Del Formulario De Pago De Stripe

Lista De Comprobación Para Las Pruebas

Antes de publicarlo, haz pruebas en el modo de prueba de Stripe:

1. Completa la calculadora con varias configuraciones diferentes

2. Verifica el cálculo del precio: ¿el precio mostrado coincide exactamente con tu modelo de precios?

3. Prueba el pago con la tarjeta de prueba de Stripe: 4242 4242 4242 4242 (cualquier fecha de vencimiento futura y cualquier CVC de 3 dígitos)

4. Revisa tu panel de Stripe: ¿se creó el cliente? ¿Se registró el pago? ¿Se rellenaron los metadatos con los datos de la calculadora?

5. Revisa los envíos de involve.me: ¿se registró el estado del pago junto con las respuestas de la calculadora?

6. Prueba casos extremos: configuración mínima (1 usuario, sin complementos), configuración máxima y valores límite

7. Prueba la gestión de errores con la tarjeta de prueba de Stripe para pagos rechazados: 4000 0000 0000 0002 — verifica que el mensaje de error se muestre correctamente

8. Prueba los envíos parciales: abandona el proceso en el paso del pago y confirma que involve.me capture los datos previos al pago

Problemas Habituales

"El precio de la página de resultados no coincide con el importe esperado" Vuelve a comprobar la lógica del creador de fórmulas, especialmente las condiciones y los cálculos de descuentos. Usa el modo de prueba de fórmulas de involve.me (disponible dentro del creador de fórmulas) para simular distintas combinaciones de datos. Pueden producirse errores de redondeo con los descuentos porcentuales; usa ROUND() en tus fórmulas.

"El elemento Cobrar pagos muestra un importe incorrecto" Verifica que el campo de importe del elemento Cobrar pagos esté vinculado al resultado correcto de la fórmula de la calculadora. Si tienes fórmulas separadas para pagos mensuales y anuales, confirma que el elemento haga referencia a la correcta.

"No se creó el cliente de Stripe" Verifica que la conexión con Stripe esté activa en app.involve.me/payment-accounts y que el campo de correo electrónico esté presente en tu Formulario de contacto y correctamente asignado.

"Los metadatos no aparecen en Stripe" Comprueba que la asignación de campos de involve.me incluya todos los datos de la calculadora que quieras almacenar en Stripe. Nota: las claves de metadatos de Stripe tienen un límite de 40 caracteres y los valores, un límite de 500 caracteres.

Suscripción Frente a Pago único: Qué Modelo Usar

Modelo De Pago único

Ideal para: licencias de software, cursos, proyectos de alcance fijo, productos físicos y tarifas de configuración.

Cómo funciona en involve.me: El cliente responde las preguntas de tu calculadora → la calculadora muestra el total → paga una vez mediante la página de pago de Stripe → recibe acceso o el entregable.

Ejemplo: Una agencia de diseño usa una calculadora para presupuestar un proyecto de identidad de marca. El cliente responde 5 preguntas, ve un presupuesto de $15,000 en la página de resultados y paga mediante el formulario de pago de Stripe. El proyecto comienza de inmediato.

Modelo De Suscripción/pago Recurrente

Ideal para: plataformas SaaS, comunidades de membresía y servicios continuos con honorarios fijos.

El elemento "Cobrar pagos" de involve.me admite de forma nativa las suscripciones recurrentes, mensuales o anuales, mediante Stripe. No necesitas un webhook ni una solución alternativa con Zapier para configurar la facturación recurrente.

involve.me admite suscripciones recurrentes de forma nativa. En el elemento "Cobrar pagos", selecciona "Suscripciones y pagos recurrentes" como tu modelo de pago y conecta tu cuenta de Stripe. Stripe gestiona automáticamente todos los ciclos de facturación posteriores.

Ejemplo: Una empresa SaaS muestra una calculadora para el tamaño y el uso del equipo. El cliente selecciona 5 miembros del equipo, ve $299/mes, elige la facturación anual y paga mediante la página de pago alojada en Stripe. Stripe gestiona automáticamente la renovación cada año.

Híbrido: Pago único + Recurrente

Algunas empresas combinan ambos:

• Tarifa única de configuración que cubre la implementación

• Suscripción mensual para mantener el acceso

Muestra ambos en la página de resultados:

• Primer mes: $1,000 de configuración + $299 de suscripción = $1,299

• Meses 2+: $299/mes

Nota sobre los cambios en la frecuencia de facturación: Las mejoras y reducciones de suscripción, así como el prorrateo, se gestionan directamente en Stripe después del pago inicial, no mediante involve.me. Stripe prorratea automáticamente los créditos cuando un cliente cambia la frecuencia de facturación. Esto se gestiona desde tu panel de Stripe o mediante la API de Stripe.

Optimización: Pruebas E Iteración

Pruebas A/B De Tu Calculadora

1. Duplica el funnel de tu calculadora en el panel

2. Haz los cambios en el duplicado (otro titular, valores predeterminados de precios, orden de las preguntas, etc.)

3. Publica ambos funnels

4. Ve a la pestaña "Pruebas A/B" de tu panel y haz clic en "+ Crear nueva prueba A/B"

5. Ponle un nombre descriptivo a la prueba y selecciona ambos funnels

6. Comparte la URL de la prueba A/B — no las URL de cada funnel — para repartir el tráfico de manera uniforme entre ambas versiones

7. Supervisa las visitas, los inicios, los leads, los envíos y la tasa de finalización de cada variante en el panel de la prueba

Ideas de pruebas que puedes realizar:

Prueba 1 — Presentación del precio

• Control: "Pagarás $5,000"

• Variante: "Inversión: $5,000"

Prueba 2 — Magnitud del descuento

• Control: 15% de descuento en la facturación anual

• Variante: 20% de descuento en la facturación anual

Prueba 3 — Agrupación de funciones

• Control: precio sin agrupar mostrado como base + complementos = total

• Variante: mensaje agrupado "El nivel Pro incluye las funciones A, B y C"

Prueba 4 — Anclaje

• Control: muestra primero el nivel Starter y después Pro

• Variante: muestra primero el nivel Pro y después Starter

Ejecuta cada prueba hasta que tengas suficientes datos para llegar a una conclusión significativa. involve.me muestra la tasa de finalización de cada variante directamente en el panel de la prueba A/B.

Optimización Posterior a La Compra

Usa la automatización de flujos de trabajo para enviar secuencias de correos electrónicos que aporten valor después del pago. Como la configuración de la calculadora de cada cliente se almacena en involve.me, puedes usar la inserción de respuestas para personalizar cada correo electrónico:

• Día 1: "Resumen de tu configuración" — recapitula exactamente lo que compró, usando su plan y sus selecciones específicas de complementos

• Día 3: "Guía de primeros pasos" — adaptada al plan y las funciones que seleccionó

• Día 7: "Hito de éxito" — invítalo a comprobar los resultados

• Día 30: "Amplía tu plan" — muéstrale los complementos que no seleccionó durante el pago

Empieza

Crear un formulario de pago de Stripe dentro de involve.me les lleva a la mayoría de los equipos menos de una semana, desde la planificación hasta la primera transacción real. La combinación de involve.me + Stripe te permite aceptar pagos directamente dentro de un flujo de funnel personalizado, sin redirigir a un sitio de pago independiente, sin presupuestos manuales y sin perder prospectos mientras esperan la respuesta de un vendedor.

Las analíticas integradas de involve.me registran las visitas, los inicios, los leads, los envíos y las tasas de finalización del funnel de tu calculadora. Puedes consultar cada envío para ver la configuración seleccionada y el estado del pago de cada prospecto. Para analizar los ingresos por configuración, exporta los datos de tus envíos o conecta tu CRM mediante una de las 55+ integraciones nativas de involve.me.

Conclusión: Por Qué Funciona

Un formulario de pago de Stripe insertado en una calculadora de precios elimina el mayor obstáculo en las compras B2B: "No sé cuánto cuesta".

Los clientes que configuran su propio plan y ven el precio en tiempo real llegan a la página de pago de Stripe ya convencidos. Se sienten:

• Informados — entienden exactamente por qué están pagando

• Con el control — ellos mismos calcularon el precio

• Seguros — pueden justificar la compra internamente

Es más probable que ese cliente compre sin negociar, mantenga la suscripción para la que calculó el ROI y amplíe su uso cuando entienda qué incluye cada nivel.

La calculadora no busca complicar los precios. Busca hacerlos transparentes, personalizados e inmediatos, y permitir que el flujo de pago alojado en Stripe cierre la venta justo cuando el prospecto esté listo.