How to Create a Donation Form in WordPress (Step by Step)
There are many ways to add a donation form to your website. We will use a method that is so easy and simple that anyone can set it up in a matter of minutes.
How to Create a Custom Donation Form in WordPress
With its intuitive drag-and-drop builder, WPForms is the most popular form builder for WordPress. It’s easy to use and comes with everything you need to create a beautiful donation form that actually works.
You’ll need the PayPal or Stripe addon for WPForms to process payments on your donation form. Both are included in the Pro version of the WPForms plugin.
At IsItWP, we believe in giving our users options. We think WPForms is the best, but if you’re looking for more options, we recommend using WP Simple Pay . It’s easy to use and they have a free version that you can use to create a donation form. Follow this tutorial: Create a Donation Form with WP Simple Pay.
Since you are running a donation site, you might also want to check out WP Charitable . It is definitely the best solution for charities and NGOs. You can make your donation forms with just a few clicks. We talk more about donation form alternatives at the end of the post.
The reason we selected WPForms is that you can continue to use this plugin to create all kinds of forms, such as contact forms , feedback forms, testimonial forms, and even product forms . There is even an option to run surveys and polls.
That being said, let’s get started with the tutorial.
Step 1: Install and Activate WPForms
To get started, you need to sign up for a WPForms account . So head over to the WPForms website and choose a plan that has a payment integration like PayPal or Stripe.
Once this is done, you will get a plugin file to upload to your site. You also need to copy the license key here.
Not sure how to install and activate a plugin? We have a complete guide to installing a plugin in WordPress.
Once WPForms is activated france phone number library on your site, you can paste your license key into the WPForms » Settings page .
You are now ready to create the donation form.
Step 2: Create a donation form in WordPress
To create a new form, within your WordPress dashboard, click WPForms » Add New .
A library of templates will open. You can search for a donation form template, preview it, and select it.
You may get a pop-up 20 digital marketing skills you should have as a professional window to activate a paid plugin, you can click the “Yes, install and activate” button.
The form builder will now launch. You will see a preview of your form along with options to customize it.
By default, the donation form template you selected includes fields for:
- Name
- Donation amount
- Comment or message
You can easily customize your form by dragging and dropping new fields into the form preview. You can also quickly reorder fields.
In this template, the Donation Amount field is a Single Item field, allowing users to type in any amount they wish to contribute. You can use this if you want, but we’d also like to show you the sms to data advanced options that WPForms has.
In this tutorial,
we’ll show you how to change that field to a multiple choice field, allowing you to control the amounts users can donate.
To do this, in the Add Fields » Payment Fields section , select the Multiple Items field and drop it onto the form preview.
you can delete the old donation field as we will no longer need it.
To edit the Multiple Items field, simply click on it. In the left panel, you will see options to edit the field. You can rewrite the label to say “Choose your donation amount.” From there, enter the items and amounts you want.
If you want to display the donation amount next to each item, turn on “Show price after item tags.”
Next,
you may want to add an image for each campaign or amount. When you enable “Use Image Options,” you’ll see options to upload images for each item.
Now, before you finish customizing the form, you may want to make this field mandatory. This means that if someone wants to submit the form, they must fill out this field.
Scroll to the bottom of the left menu and you’ll see a toggle labeled “Required.”
By enabling this option, the user will not be able to submit the form unless they select a donation amount.
Now aside from all of this, there is a really cool feature called conditional logic in WPForms that we want to show you.
Head over to the Smart Logic field at the top of the menu. Here, turn on conditional logic and you’ll see options appear.
So for example, in our form, we first want to ask our users if they would like to make a donation. If they select yes, then we would like to show them options to donate.
To do this, we added a multi-item field and labeled it “Would you like to make a donation?” and added Yes/No options.
Next, we select the “Choose your donation amount” field. In the Smart Logic settings for this specific form field, we said to ‘Show’ this field if ‘Would you like to make a donation’ is ‘Yes’ .
Now this donation field will only appear if the user says yes to making a donation.
Very nice, huh?
Once you’re done, save your changes and move on to the next step. It’s time to set up your payment integrations.
Step 3: Set up a payment integration
For this tutorial, we’ll show you how to set up PayPal, as it’s the most popular. Remember that Stripe and other payment gateways follow pretty much the same process.
Since you are still on the form editing screen, just click on the Payments tab on the left side and then click PayPal Standard .
On the right side of the screen, enter your settings. First, check Enable PayPal Standard Payments . Next, select Donation from the Payment Type dropdown menu.