Payment integration: passing field values to the payment field

  • ralphwhitejr
    Asked on April 3, 2025 at 12:36 PM

    Good Afternoon,

    I wanted to associate this field: My graduate will be participating in the following events:

    I setup a few options and also have setup precalculated values as well. How can I get whatever option is selected to calculate the total in the Payment field Senior Week Total Cost?

    Thanks,

    Ralph E. White Jr.


  • Jan JotForm Support
    Replied on April 3, 2025 at 2:32 PM

    Hi Ralph,

    Thanks for reaching out to Jotform Support. We can get the Total of the Multiple Choice field value using the Form Calculation widget. And then, we will pass the Form Calculation widget data to Payment field total. Let me guide you on how to do that:

    1. In the Form Builder, open the Form Elements sidebar and select the Widgets tab.
    2. Search for the Form Calculation widget and add it to your form.
    3. Select the widget field and click on Wand icon.
    4. Click on Add field button.
    5. Select the Multiple Choice field.
    6. Click on Save button.Payment integration: passing field values to the payment field Image 1 Screenshot 40

    After that, please check the guide on how to pass the Form Calculation widget data to the Payment Total field.

    1. In the Form Builder, select the Payment field and click on the Payment Properties icon.
    2. Change the Payment Type to User Defined Amount option.Payment integration: passing field values to the payment field Image 2 Screenshot 51
    3. Click on Save button or close the Payment Properties to save automatically.

    You can also update the Form Calculation widget and set it to the Read-only option. In this way, there's no number typing accident added to the Form Calculation widget.

    Payment integration: passing field values to the payment field Image 3 Screenshot 62

    Please check and test my cloned form before applying this to your main form. Let us know if you have any other questions.

  • ralphwhitejr
    Replied on April 4, 2025 at 7:34 AM

    Good Morning,

    Thanks so much for this, however, my payment settings widget that I am using is the Stripe Checkout. Can you do the demo using this widget?

    Thanks,

    Ralph E. White Jr.

  • Sheena JotForm Support
    Replied on April 4, 2025 at 8:50 AM

    Hi ralphwhitejr,

    Sure, here's how to do that when using the Stripe Checkout integration:

    1. In Form Builder click on the Products List element, then click on the Wand icon.
    2. In the window that opens, click on the Gear icon in the top-right corner, then set the Payment Type to User Defined Amount.
    3. Select the calculation you created under Get Price From.
    4. Finally, connect your Stripe account then click on Continue button in the bottom-right corner to save. Payment integration: passing field values to the payment field Image 1 Screenshot 20

    Give it a try and let us know if you need any help.

  • ralphwhitejr
    Replied on April 4, 2025 at 10:33 AM

    Good Morning Sheena,

    Thanks so much for your help as well as Jan. Everything works perfectly! : - )

Your Answer