Pricing
Written by Editorial Team on May 29, 2020

How To Collect Donations Online And Seamlessly Using WordPress?

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.

Setting up a website for online donations

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:

How To Create Donation Forms For WordPress Sites
~How to start a website to collect donations?
  • Easy to give – Your supporters are more likely to donate if it’s easy and quick.
  • Simple to transfer – Payment solutions easily integrate into your site so you can accept donations.
  • Seamless to connect – Easily customize form fields so you can get more details from your donors to stay in touch.

Don't have a website yet?

Now you can! Thanks to Bluehost, you can own your own nonprofit WordPress site under $4 per month with 1-click WordPress installation, a free domain and SSL certificate.

How to collect donations online using WordPress?

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.

Step 1: Create a Nonprofit Donation Form

The first thing you need to do is to download WPForms plugin. You can download it for free here. Next, install the plugin to your WordPress (here's how).

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.

Donation Form Template by WPForms
~Donation Form Template by WPForms

Clicking on it will opens up the form builder that looks like this.

Building a donation forms online with WordPress
~Building a donation forms online with WordPress

Step 2: Customize the Form Fields

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:

  • Name
  • Email
  • Donation Amount
  • Comment or Message

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.

WPForms is an intuitive drag and drop WordPress form. You don't require any coding skills to use it.

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.

Multiple Choice Fields In WPForms
~Multiple Choice Fields In WPForms

You can change the form field data to make it more personalized. Example, changing the label to something like "Donation Amount".

Customize Donation Amounts
~Customizing the donation amounts field

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.

Required checkbox in WPForms
~Required checkbox in WPForms

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.

Unclick Required checkbox
~Unclick Required checkbox

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.

Enable Conditional Logic with WPForms
~Enable Conditional Logic with WPForms

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.

Step 3: How to easily configure WPForms general 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!

WPForms General Settings
~Setting up WPForms is easy

Here you can configure the following:

  • Form Name — Change the name of your form here if you’d like.
  • Form Description — Give your form a description.
  • Submit Button Text — Customize the copy on the submit button.
  • Spam Prevention — Stop contact form spam with the honeypot feature or Google reCAPTCHA. The honeypot feature is automatically enabled on all WordPress forms so if you decide to use another form of spam prevention, unclick this option.
  • AJAX Forms — Enable AJAX settings with no page reload.
  • GDPR Enhancements — You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. Check out our step-by-step instructions on how to add a GDPR agreement field to your simple contact form.

When you’re done, click Save.

Step 4. Setting up WPForms notification

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.

WPForms Notification Settings
~WPForms notification settings

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.

Step 5: Configure and customize your form's confirmation

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:

  1. Message. This is the default confirmation type in WPForms. When a site visitor makes a donation, a simple message confirmation will appear letting them know it was received. Look here for some great success messages to help boost customer happiness.
  2. Show Page. This confirmation type will take site visitors to a specific web page on your site thanking them for their donation. For help doing this, check out our tutorial on redirecting customers to a thank you page. In addition, be sure to check out our article on creating effective Thank You pages for boosting customer loyalty.
  3. Go to URL (Redirect). This option is used when you want to send site visitors to a different website.

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.

WPForms Confirmation Settings
~WPForms confirmation settings

This step allows you to customize the confirmation message (creating custom messages), and click Save when you’re done.

Step 6: Configure Your Form’s Payment Settings

In order to accept donations, you’ll need to configure your payment settings.

WPForms integrates with both PayPal and Stripe for accepting payments.

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.

WPForms Payment Settings
~WPForms Payment Settings

Here you’ll need to do the following:

  • Click the checkbox enabling PayPal Standard payments on your donation form
  • Enter the email address associated with your PayPal account
  • Choose the Production mode, unless you want to test your form first, then choose Test/Sandbox. For help with testing your forms, check out how to test PayPal payments and how to test Stripe payments before accepting real payments on your site
  • Select the Donation payment type
  • Send site visitors to a certain URL if they don’t complete their PayPal donation
  • Select your preferred shipping setting
  • Decide whether to allow site visitors to include notes with payments
PayPal Settings on WPForms
~PayPal Settings on WPForms

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.

Step 7: Add Your Nonprofit Donation 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.

Insert WPForms
~Insert WPForms to WordPress posts or pages

Then, publish your post or page so your donation form will appear on your website.

Final Donation Form using WPForms
~Final Donation Form design using WPForms

Bonus: How to keep in touch with donors using WPForms?

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.

Summary

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.

Article written by Editorial Team

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

crossmenu