Payment form that will calculate the total amount based on users input

Hi there!

I need some assistance with a form I've created. The form allows users to submit a team of 1 to 6 people, and they need to pay based on the number of people they register. I’d like to set it up so the total amount updates automatically depending on the number of people entered. For example, if they register 1 person, it should automatically display $65.00, and if they register 6 people, it should show $390.00.

The goal is to ensure they can’t register 6 people but only pay for 1. Does that make sense? Is there a way to set this up?

Thank you,

Ruby

Hi Ruby,

Thanks for reaching out to Jotform Support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Thanks for your patience, we appreciate it.

Hi Ruby,

It's not possible to set a conditional quantity when using the Product List element. What you can do is add a Form Calculation widget to your form then, assign a Calculation Value to each of the options in the dropdown option. I'll walk you through setting that up:

1. In Form Builder, select the Dropdown element and click on the Gear icon.
2. Under the Options tab, toggle the Calculation Values switch to ON.
3. Assign a value to each of the options.
4. While in Form Builder, click on Add Element on the left side of the page.
5. In the Add Element menu, under the Widgets tab, serach for Form Calculation.
6. Now, just drag and drop it to your form.
7. While you're still in Form Builder, in the orange navigation bar at the top of the screen, click on Settings.
8. Click on Conditions on the left side of the screen.
9. Click on the Add Condition button, then select Update/Calculate Field.
   
10. Set the conditions like what you see in the screenshot below, then click on Save.
    
    
    

Now, you'l need to change the Payment Type to User Defined Amount. Let me show you how:

1. In Form Builder, click on Add Element on the left side of the page.
2. Under the Payments tab, click on your integrated payment gateway and select Payment Settings.
3. In the menu on the right side of the page, click on the Downward Arrow icon in the Payment Type section and select User Defined Amount. 
4. It’ll ask you to remove them before changing the Payment Type. To continue, click on the Yes, Go Ahead button.
   
   
5. In the dropdown under Get Price From, select the Form Calculation widget that you added, then click on Save.
   

Feel free to test this cloned version of your form.

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

This is exactly what I needed, it is perfect! Thank you very much.