How to Integrate a Payment Gateway with Donation Apps

June 17, 2026

Your donation element will not be visible to your donors until you’ve set up a payment integration. With a Donation box element, you have over 30 payment gateways to choose from. So you’re bound to find one that works for you. Keep on reading to learn how to integrate your donation app with your favorite payment gateway.

  1. In App Builder, select the Donation Box element
  2. Next, click on the Credit Card icon.
How to Integrate a Payment Gateway with Donation Apps Image-1
  1. In the Payment Properties panel, choose your currency.
How to Integrate a Payment Gateway with Donation Apps Image-2
  1. Click the Add Payment Integration button and select the payment gateway that works best for you.

How to Change Contact Information on the Donation Checkout Page

  1. In Payment Properties, navigate to the Checkout Page tab.
  2. In the Checkout Page tab, click on the Add Element button to add different contact elements to collect from the donator.
How to Integrate a Payment Gateway with Donation Apps Image-3

Note

Adding different contact elements is optional, except for the full name and email.

  1. Hover over the Contact Information Page and click View Contact Information Page to see what your checkout page will look like.

And that’s it! With over 30 payment gateways to choose from you are bound to find one that works for you.

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.