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.