Cómo Configurar un Formulario de Pedido de Pago con Inventario Limitado

18 de junio de 2025

Actualización
La gestión de inventario ya es posible en nuestras integraciones de pago. Por favor, consulte nuestra guía de usuario sobre Cómo Habilitar y Gestionar el Inventario de Productos en los Campos de Pago para más detalles.

Al configurar Formularios de Pago, hay ocasiones en que querrá ofrecer productos con existencias limitadas. Sí, tenemos una variedad de widgets que le permiten lograr eso, pero vincular esos widgets con un Campo de Pago real para procesar pagos es un poco complicado. Y ese es el tema principal de esta guía.

Cubriremos dos escenarios:

  • Compras al por Mayor – los usuarios pueden seleccionar un producto con stock limitado y pueden comprar tantos como deseen mientras duren las existencias. Por ejemplo, los usuarios pueden comprar uno, 10 o incluso 50 piezas del Producto A con solo 1000 existencias limitadas.
  • Compras Individuales – los usuarios pueden elegir un producto (y solo un producto) con existencias limitadas. Por ejemplo, un usuario quiere comprar el Producto B con un suministro limitado de 50 piezas.

Nota

Esta guía es un tema bastante avanzado, por lo que la familiaridad con las características a continuación (realizar cálculos, usar widgets y pasarelas de pago) seguramente ayudará.

Para que funcione, usaremos las siguientes características:

Procesadores de Pago

Aquí hay una lista completa de todos los procesadores de pago con los que integramos. Recomendamos leer nuestro artículo sobre qué procesador de pago es el mejor para su negocio si no está seguro de cuál funcionará para usted.

Widgets de Formulario

¡Empecemos!

Configurando el Widget de Inventario

Para compras al por mayor, agregue el Widget de Inventario a su formulario. Aquí le mostramos cómo puede hacerlo:

  1. En el Generador de Formularios, haga clic en el
    “““html
    Agregar Elemento de Formulario
    botón.
  2. Vaya a la pestaña Widgets.
  3. Busque y haga clic en el widget Inventario. También puede arrastrarlo y soltarlo para añadirlo.
jotform-inventory-widget

“““html

  1. La configuración del widget generalmente se abrirá una vez que añada el widget. Configúrelo en consecuencia. Las opciones más importantes son las siguientes:
    • Descripción – aquí debe poner el nombre del producto y su precio.
    • Cantidad Disponible – aquí debe indicar el stock disponible del artículo.
    • Enviar Valor con Etiqueta – debe mantenerlo como No ya que utilizará este widget en el cálculo.
“““html
jotform-inventory-widget-settings

Un ingrediente clave para que este widget sea fácil de usar es asegurarse de que los usuarios sepan cuánto costará el producto. Así que nombrar su producto como
“““html
Alpha $50 hará dos cosas a la vez: informará a sus usuarios el nombre del producto y el precio.

Agregar el precio es importante porque este widget mostrará la descripción del producto en lugar de tener esos detalles en el Campo de Pago.

Configurando el Widget de Compras de Entradas

Para una compra única, use el widget Compras de Entradas en el formulario. Los pasos son similares al widget de inventario:

  1. Haga clic en el botón Agregar Elemento de Formulario en el Generador de Formularios.
  2. Vaya a la pestaña Widgets.
  3. Busque y haga clic en Compras de Entradas. También puede arrastrarlo/soltarlo para añadirlo.
“““html
jotform-ticket-purchases-widget
  1. Configure la configuración del widget. Las opciones más importantes son las siguientes:
    • Tipos de entradas
      “““html
      – al igual que el Widget de Inventario, asegúrese de nombrar sus productos, mostrar los precios y no olvide asignar la cantidad de existencias que quedan por producto.
    • Selección Mínima – establezca esto en uno.
    • Selección Máxima – también establezca esto en uno.
jotform-ticket-purchases-widget-settings

“““html

La configuración anterior básicamente significa que el producto Bravo cuesta $100 cada uno y tiene 100 existencias disponibles; el producto Charlie está a $150 cada uno con 50 existencias restantes, y así sucesivamente. Lea y siga la descripción de ayuda justo debajo de esa sección para entender mejor sus opciones.

Configurar tanto las selecciones Mínima como Máxima en uno significaría que los usuarios deben elegir al menos un artículo y solo pueden elegir un producto del widget.

Configuración del Widget de Cálculo

Esta parte es relativamente sencilla. Para el widget de Inventario, solo necesitará calcularlo por su precio. Por ejemplo:

“““html
jotform-calculation-widget

Para el widget de Compras de Entradas, solo necesitará añadirlo a la ecuación.

“““html
jotform-calculation-for-ticket-purchases

“`Ahora, no necesita usar múltiples widgets de cálculo para obtener el total de los dos widgets. Simplemente combínelos en una ecuación. Por ejemplo:

Como puede ver, solo necesitará seguir el patrón de cálculo correcto. El primero, que es el widget de inventario, está encerrado entre paréntesis.

Guía Relacionada: 

Pasar el Total Calculado al Campo de Pago

La última parte de esta guía es pasar el total calculado al campo de pago de su formulario. Elija su pasarela de pago y configúrela de esta manera:

  1. Haga clic en el elemento de pago.
  2. Abra su Configuración de Pago haciendo clic en el icono de varita.
  3. Seleccione Importe Definido por el Usuario del Tipo de Pago.
  4. Ingrese su Subetiqueta del Cuadro de Pago.
  5. Elija el widget de Cálculo de la opción Obtener Precio De – esto es muy importante.
  6. Finalmente, haga clic en el botón Guardar para guardar sus cambios.
“““html
jotform-pass-calculated-amount-to-payment-field
“““html

Guía Relacionada:

Puede ver y probar estas configuraciones a través del siguiente formulario de demostración.

“`

Contactar Soporte

Our customer support team is available 24/7 and our average response time is between one to two hours.

Enviar Comentario:

Jotform Avatar
Este sitio está protegido por reCAPTCHA y lo rigen la Política de privacidad de Google y los Términos de servicio.

Podo Comment Sea el primero en comentar.