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:
- 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
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.
The post How to Create a Donate Form for Nonprofit Organization using WordPress appeared first on WPBeginner.