User Defined Payment: Add a Processing Fee to Donation box

Is there a field that can be added to our donate form for donors to be able to cover credit card processing fees?

Hi Topeka,

Thanks for reaching out to Jotform Support. Let me help you with that:

Yes, you can add a field to your donation form that allows donors to cover credit card processing fees. This can be done by adding a custom calculation or an additional donation option for covering fees within your payment integration settings.

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

Best regards,
Jotform Support

How do I do that?

Hi Topeka,

Here’s how to add a field for donors to cover credit card processing fees:

1. Add a donation option for covering fees as a separate product or amount in your payment settings.
2. Use a calculation widget to add a percentage or fixed fee to the donation total.
3. Integrate the payment gateway with this setup so donors can choose to cover the fees during checkout.

This setup allows donors to opt in to cover processing fees easily.

Best regards,
Jotform Support

Hi Topeka,

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 Topeka,

Yes, it’s possible to add a processing fee to your donation form by setting the payment field to User Defined Amount and using the Form Calculation Widget to calculate the adjusted total. Let me show you how:

1. In Form Builder, click on the Add Element button on the left side of your page.
2. In the Basic tab, add a Number field into your form and rename it as Donation.
3. In the Widgets tab, search for Form Calculation Widget, and add it to your form.
4. In the Form Calculation Widget area, click on the Add Field button to select the Donation field and add a calculation for the processing fee.
5. Once done, click on Save.

Now, let’s change the Donation Amount field in the payment settings to use User Defined Amount.

1. Select the Payment field and click on the Credit Card icon.
2. Change the Payment Type to User Defined Amount.
3. Select again the Payment field and click on the Coins icon.
4. In the User Defined Amount Properties, go to the General tab.
5. Set the Get Price From to the Form Calculation Widget we created.

That's it. Test your form, and you’ll see that the donation with the processing fee is now correctly calculated and passed to the payment field. Check out the screencast below for the result:

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

Can I make it in such a way the user can choose to select to pay the processing fee or not select it?

Hi Topeka,

Yes, that is possible. You will need to add a Single Choice element which will serve as a questionnaire whether the user is willing to pay the processing free or not. And then, you will add another Form Calculation widget to display the processing fee. The processing fee will be calculated using the Update/Calculate Field conditional logic. I can walk you through setting that up:

1. In Form Builder, in the orange navigation bar at the top of the screen, click on Settings.
2. Click on Conditions on the left side of the screen.
3. Select the Update/Calculate Field.
   
4. Set a condition like what you see in the screenshot below, then click on Save.
   
5. While in Form Builder, select the Donation with processing fee field and click on the Wand icon.
6. Click on the Add Field button.
7. Select the Donation and Processing Fee field, then click on Save.
   

You can test this cloned version of your form.

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