Payment Field: Automatically Fill Amount Based on Donation Selection

can an amount be selected to be added in the field for paymet?

for example when they fill out " I would like to make a donation" selects the amount

that same amount is defaulted to the field to charge?

Hi Christian,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Yes, you can set up your form so that when a user selects an amount (for example, for a donation), that amount is automatically passed to the payment field as the default charge amount. To do this, you need to use the Form Calculation Widget along with a payment integration in your form.

Here’s how to do it:

1. Add and configure the Form Calculation Widget to capture or calculate the amount the user selects or enters.
2. Add a payment field to your form and select your preferred payment gateway.
3. Set the Payment Type to User Defined Amount in the payment field settings. This allows the payment amount to be dynamically set.
4. Link the payment field to the Form Calculation Widget by selecting the calculation widget as the source for the payment amount in the payment field's properties.

This setup will ensure that the amount selected or entered by the user (such as a donation amount) is automatically used as the charge amount in the payment field.

Give it a try and let us know how it goes.

show me how

Hi Christian,

Let me walk you through how to set an amount selected by the user to be passed to the payment field as the charge amount in your Jotform form:

1. Add a Single Choice field or any other field where users can select or enter the donation amount.
2. Assign calculation values to each option in that field to represent the amounts. You can do this by clicking the field, then the Gear icon, and enabling Calculation Values under the Options tab. Enter the amounts you want to assign.
3. Add the Form Calculation Widget to your form and set it to calculate or capture the value from the selection field.
4. Add a payment field and select your preferred payment gateway.
5. Set the Payment Type in the payment field settings to User Defined Amount.
6. Link the payment field to the Form Calculation Widget by selecting the calculation widget as the source for the payment amount in the payment field's properties.

This way, when users select an amount for donation, that amount will be automatically used as the charge amount in the payment field.

Give it a try and let us know how it goes.

help

Hi Christian,

Let me help you with setting the payment amount from a selection in your form. Here’s how to do it:

1. Add a Single Choice field where users can select the donation amount.
2. Assign calculation values to each option by clicking the field, then the Gear icon, and enabling Calculation Values under the Options tab. Enter the amounts you want to assign.
3. Add the Form Calculation Widget to your form and set it to capture the value from the Single Choice field.
4. Add a payment field and select your preferred payment gateway.
5. Set the Payment Type in the payment field settings to User Defined Amount.
6. Link the payment field to the Form Calculation Widget by selecting the calculation widget as the source for the payment amount in the payment field's properties.

This setup will automatically charge the amount selected by the user.

Give it a try and let us know how it goes.

live person

Hi Christian,

One of our Support Team members will take it from here to follow up shortly.

I would like to have a conditional logic where it reads

I would like to make a donation to heart of mercy mission

option 1 $10

option 2 $25

option 3 $50

then the amount that was selected above from the drop down gets added to the credit card amount defaults and is copleted on the credit card amount to add cc info. is that possible?

Hi Christian,

This is possible using a Single Choice element to ask the user if they want a donation. Then, use the Form Calculation widget to enter the donation amount. After that, set the Payment Type of the payment integration to get the value of the entered amount in the donation box. Let me show you how to do this:

1. In Form Builder, click on the Add Element button on the left side.

2. Now, under the Form Elements, below the Basic tab, drag and drop a Single Choice element on whichever part of the form page.

3. Select the Single Choice element and label it. Then click on the Gear icon on the right side.

4. Next, in the Single Choice Properties on the right side, go to the Options tab. Add the amounts inside the Options box. Then enable the Calculation Values and enter the amount for each.

5. Then, go to the Widget tab, and drag and drop a Form Calculation widget in whichever part of the form page you prefer.

6. Click on the Wand icon on the right side.

7. In the Widget Settings on the right side, click on the Add Field button. Select the Single Choice element. Then click on the Save button.

8. Finally, click on the Gear icon on the right side and go to the Advanced tab to enable the Hide Field feature.

Let's now add a payment integration and set it to collect donations:

1. Click on the Add Element button on the left side.
2. Go to the Payments tab and select which payment integration you prefer to use.
3. In the Payment Properties on the right side, select User Defined Amount under the Payment Type.
4. Lastly, click on the Coins icon on the right side of the payment integration. Then, select the Form Calculation widget in the Get Price From.

Here's a screencast showing how it works:

Give it a try and let us know if you’ve got other questions. 

can we hide the payment stripe option? for example if they select heart of mercy mission donation then we can display cc amount

if they do not select anything paymets cc info is hidden..

https://www.jotform.com/build/253427644203150

Hi Christian,

To be able to hide the payment field, you need to add a separate field and ask the user if they would like to donate. You can add a Single Choice field. Let me show you how:

1. Open your form in Form Builder and click on Add Element on the upper-left side of the screen.
2. Under the Basic tab, scroll down to the Single Choice element, then drag it to your form.

Here is an example on how you can set it up:

Then create a condition like the one below:

Here is the result:

Give it a try and let us know if you have any other questions.

ok so similiar to this one.. is there a way to do the same for this form?

https://www.jotform.com/build/251836770832160

to add the $10, $25 or $50 like on this form? https://www.jotform.com/build/253427644203150

Hi Christian,

If you would like to follow this form, you will need to convert your Payment Type to User Defined Amount. Currently, you are using Sell Products since you are selling a ticket and at the same time a donation item. If you're wondering about the different Payment types available, you can check the explanations below:

• Sell Products: You can use this to sell items separately. You can name the product anything you like.
• Sell Subscription: You can use this to collect a subscription fee.
• User Defined Amounts: You can use this to collect a static fee, like rent.
• Collect Donations: You can use this to collect donations.

If you would like to use User defined, you will need to change your Payment Type. Keep in mind that there are existing submissions, thus, I would recommend downloading all your submission data first to prevent data loss. Also, you will need to list the ticket item separately. You can use a Single Choice element to list it.

First, let me show you how to convert your Payment Type to User Defined Amount:

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 the type you want. 
4. If you have any products, it’ll ask you to remove them before changing the Payment Type. To continue, click on the Yes, Go Ahead button.

Next is to add a Single Choice element to list your ticket:

You can also add another Single Choice field for the donation which will look like this:

Once done, you can assign a value to the ticket and to the Donation Amount. Check out our guide on How to Assign Calculation Values. After that, you can add a Form Calculation widget to calculate the amount from the ticket and the donation. Then you can pass your calculated amount to your payment field.

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