We noticed there are many non-profits in the world that use WordPress CMS for their official website. But have you ever wondered how you can collect donations easily using WordPress?
If you did (and didn't find an answer), this tutorial is going to show you how you can collect donations online directly from your website.
The first part to accepting donations online is to have a website ready for that. For this, WordPress CMS is an excellent option especially for non-profits.
A WordPress website is easy to start and it doesn't cost much too. Plus, it comes with some additional perks such as:
The easiest and safest way to collect donations online with WordPress (and without coding skills) is to use the right form plugin. In this case, the form plugin is used to create a donation form—which the public can access, share details and perform donation safely.
There are many form builders that you can use with WordPress and our top favorite is definitely WPForms.
WPForms is one of the best WordPress Form Builder plugin. You can download it for free here.
Here's how you can build a simple donation forms using WPForms.
To create a nonprofit donation form using WPForms, here's what you need to do.
Head over to WPForms » Add New and choose the options to create a new form.
On the setup screen, name your form and select the Donation Form template.
Clicking on it will opens up the form builder that looks like this.
Customizing the Form Fields are very important to ensure that your form works correctly. By default, the new form that you had created comes with 4 main sections which are:
You can also add additional fields for your donations forms by dragging the elements on the left directly to your WordPress form.
Next, click on the fields to make any changes that you require.
By now, you will notice that you can easily drag any elements to easily change the order of the elements on your contact form.
Your donation form field is a Single Item field that gives users a chance to enter the amount they want to donate. You can also use multiple choice or dropdown fields instead.
In this example, we’ll show you how to add a multiple choice payment field that presents several donation amounts to choose from, while keeping the option to enter a different amount too.
To start, drag the Multiple Items form field, found under Payment Fields, to the right hand panel. We’ll place this new field above the Donation Amount field.
You can change the form field data to make it more personalized. Example, changing the label to something like "Donation Amount".
Don't forget to scroll down and click the Required checkbox to be sure those filling out your donation form enter amounts before clicking submit.
The next thing you need to do is customize your donation form to display the Single Item form field when the multiple choice option Enter Amount is selected.
To start, click the “Donation Amount” form field to make changes.
Unclick the Required checkbox or users won’t be able to select the pre-defined donation amounts if that’s what they want to do.
Next, head over to the dropdown menu labeled Conditionals. Here, you need to select the checkbox Enable conditional logic.
Then, select the option to Show this field if Donation Amount is Enter Amount.
This method allows the website visitor to enter their own donation amount by selecting the Enter Amount multiple-choice option and the Donation Amount form field will display.
Once you’re done customizing your form, click Save.
Now we’ll take a look at how to configure your nonprofit donation form settings.
There are several settings to configure when creating a nonprofit donation form in WordPress. We’ll start with the general settings first.
To start, go to Settings » General.
Here's how it looks like.
WPForms is a powerful drag and drop form builder for WordPress that allows you to build any type of forms in just a few clicks. Absolutely marvelous!
Here you can configure the following:
When you’re done, click Save.
Notification is an important step when customizing your online form because you want to be notified (almost) instantly when someone drops a donation to your nonprofit.
Follow these steps to start creating automated notification each time a donation is done through the form.
If you use smart tags, you can also send a notification to the site visitor when they make a donation, letting them know you received their donation and will be in contact shortly. This assures site visitors their forms have gone through properly. Plus, it is also a great way to connect with the donor for building connections.
Form notification is an important criteria when building an online form to connect donations. Form confirmations are messages that display to site visitors once they submit a donation form on your website. They let people know that their donation has been received and offer you the chance to let them know the next steps.
WPForms has three (very straight forward) confirmation types to choose from:
Let's get started to set up a simple form confirmation in WPForms so you can customize the message site visitors will see when they make a donation on your website.
To start, click on the Confirmation tab in the Form Editor under Settings.
Next, select the type of confirmation type you’d like to create. For this example, we’ll select Message.
Here's what we meant.
This step allows you to customize the confirmation message (creating custom messages), and click Save when you’re done.
In order to accept donations, you’ll need to configure your payment settings.
To configure the payments settings on your donation form, you’ll first have to install and activate the right payment addon.
For this example, we’ll set up PayPal with WPForms to process donations on automation and more importantly, secure.
Here you’ll need to do the following:
After you’re done configuring the payment settings, click Save to store your changes.
Now you’re ready to add your contact form to your website.
The last step of creating a donation form with WordPress and WPForms is to add the form to your post or page.
Thankfully, WPForms allows you to add your forms to many locations on your website, including your blog posts, pages, and even sidebar widgets.
Let’s take a look at the most common post/page embed option.
To start, create a new post or page in WordPress and then click on the Add Form button.
Next, select your donation form in the modal popup and click Add Form.
Then, publish your post or page so your donation form will appear on your website.
You can combine your donation forms with some popular email marketing services such as:
This gives you the chance to you to add donors to your email list and keep them informed about your organization’s events.
If you want, you can even allow donors to make a donation while they’re filling out any other WordPress forms on your site.
We hope that you find this tutorial on how to collect donations online and seamlessly using WordPress (WPForms) useful. There is no doubt that WPForms is one of the best form builders for WordPress. It is extremely versatile and able to perform countless tasks directly from your WordPress site.
So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.