Do you want to be able to accept donations on your nonprofit website? WordPress makes it easy for nonprofits to create a donation form and accept donations from their website. In this step by step guide, weβll show you how to setup your own custom WordPress donation form, step by step.
The simplest way to solicit donations on your website is by adding a Paypal donate button, but itβs not the right solution for everyone.
Creating a custom donation form on your website instead of using a donation button allows you to:
- customize the form fields to gather the information you need
- keep donors on your own website for a more professional experience
- ask donors if they want to subscribe to your email newsletter in the same form
- use other payment processors besides Paypal, such as credit cards (Stripe)
- integrate with other third-party software such as a CRM or cloud storage
As you can see, there are plenty of benefits to keeping donors on your own website instead of redirecting them to Paypal.
You might think setting up a donation form on your website would be a tricky process, but there are WordPress plugins for non-profits that makes it easy.
Having said that, letβs take a look at how to create a custom donation form in WordPress.
Creating a Custom Donation Form in WordPress
WPForms is the best drag and drop form builder for WordPress. It has a beginner-friendly interface and includes pre-built form templates including a donation form template to make the process even faster.
WPForms is a premium WordPress plugin created by WPBeginnerβs founder, Syed Balkhi.
To create a donation form that can process payments, youβll need the Paypal or Stripe addon for WPForms. Both addons are included with the Pro and Ultimate licenses.
Step 1: Install and Activate WPForms
First thing youβll need to do is download the WPForms WordPress form builder plugin.
You can do this by logging into your account at WPForms and download the plugin.
Then youβll need to install and activate the plugins. You can see our step by step guide on how to install a WordPress plugin for more details.
Step 2: Create Your Donation Form
Now that WPForms has been installed and activated, you can go ahead and click on WPForms Β» Add New to get started.
You can name your form at the top of the page. Weβre going to name ours βNonprofit Donation Form.β
Youβll see a list of pre-built form templates you can choose from. Hover over the Donation Form template and then click the Create a Donation Form to build your form.
Youβll see a popup reminder that says βDonβt Forget: Click the Payments tab to configure your payment provider.β Weβll do that in the next step. For now, you can click OK and take a look at your form.
The donation form template includes fields for:
- Name
- Donation Amount
- Comment or Message
The Donation Amount field is a Single Item field where users can type in any amount they want to donate. You can also use multiple choice or dropdown fields instead.
In this tutorial, weβll show you how to add a multiple choice payment field with several donation amounts to choose from, and an option to enter a different amount.
To add the multiple choice payment field, click the Multiple Items button under Payment Fields. You can drag and reorder the fields so that the Multiple Items field is directly above the Donation Amount field.
Now you can click on the Multiple Items field in the form preview to change the options.
Go ahead and change the label to say βDonation Amount.β Then you can enter whatever amounts you want, and an βEnter amountβ option.
Now we need to change the Single Item field to only display when the βEnter Amountβ option is selected.
Click the Single Item field to edit the options. Make sure the βRequiredβ checkbox is not checked, or it will prevent users from submitting the form if they selected a donation amount in the multiple choice field above.
Now you can scroll down a bit and click Conditionals to enter the display settings for this field.
Next, check the βEnable conditional logicβ checkbox. Then select the option to Show this field if βDonation Amountβ is βEnter amount.β
Make sure to click the Save button at the top right to save your changes.
Step 4: Set Up Payment Integration
Next, weβll set up the payment processor for your donations.
In this tutorial, weβll walk you through setting up an integration with Paypal.
Setting up credit card payments with Stripe is very similar. For more details, you can check out this tutorial on using the WPForms Stripe addon.
You should still be in the form edit screen. From here, you can click on the Payments tab on the left, and then click the Paypal Standard option.
Now you can input your settings in the right side of the screen. First check the Enable PayPal Standard payments checkbox and enter your Paypal email address. Then make sure to select Donation in the Payment Type dropdown.
Below that, you can enter a URL to send visitors if they cancel the checkout process. This might be a good opportunity to try to re-engage with users by sending them to a relevant blog post, or asking them to follow you on social media to stay in touch.
You can also customize the shipping address options, and choose whether to ask donors to include a note during the Paypal checkout.
For this donation form, we donβt need to use conditional logic. But you could do this if you wanted to add a donation option to another form, such a survey. Then the payment would only process if the user selected the donation option.
Be sure to click the Save button after you configure all your options.
Step 5: Customize Your Notifications
Next, weβll need to make sure that donors are receiving a confirmation email after they donate.
To customize the email notifications for your form, you can click on Settings Β» Notifications.
Youβll see thereβs a default notification that will be sent to the site administrator. You can click the Add New Notification button to create a separate notification for the donor.
Name your new notification in the popup window and click OK.
Weβll need to make sure this notification gets sent to the donorβs email address that they entered into the form. Next to Send to Email Address, click Show Smart Tags. In the list that appears, click Email. Youβll see a smart tag such as {field_id="1"}
appear.
Now you can scroll down to customize the message the donor will receive.
Donβt forget to click the Save button when youβre finished setting up your notifications.
Step 6: Place Your Donation Form on Your Site
Now that your donation form is complete, youβll need to place it on your website.
With WPForms, you can easily embed your form in any post or page using a shortcode or even place a donation widget in your sidebar or footer.
Weβll create a dedicated donation page to display your form.
First, click on Pages Β» Add New. You can enter a title for your page (we chose βDonateβ). Then click the Add Form button.
Select your form from the dropdown field. Then click the Add Form button.
Youβll see a shortcode appear within your page. You can add any text or images you like to the page. When youβre ready, click the Publish button.
Donβt forget to add your new donation page to your navigation menu so visitors can easily find it.
Thatβs it! We hope this article helped you learn how to create a nonprofit donation form in WordPress. You may also want to see our list of the best WordPress plugins for nonprofits.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.