How To Embed Recurring Donation Forms on WordPress

Ready to add your donation form to your WordPress website and bring in more donations? Donorbox makes it easy to embed your donation form seamlessly into your website to boost donor trust and make giving easy. Read on to learn how.

2 minutes read
How To Embed Recurring Donation Forms on WordPress

To install recurring donation forms (weekly, monthly, quarterly, annual) on your WordPress site, there is no better solution than Donorbox.

Donorbox is a powerful donation platform that supports a variety of payment methods (cards, ACH, Apple/Google Pay, SEPA, PayPal). It also has a form builder that lets you create beautiful donation forms that can collect any data you need.

wordpress donations

By embedding Donorbox’s optimized recurring donation forms directly on your WordPress site, you can greatly increase your donation conversion.

There are two ways to embed a Donorbox donation form into your WordPress website.

1. You can use our WordPress donation plugin. Learn how you can embed the donation form using the WordPress plugin in this article or check our step-by-step video tutorial below

2. Embed the donation form use our embedding code.

We’ll be showing you the latter in this blog post. In a few simple steps, you can embed the power of Donorbox into your WordPress website. Let’s get started!


How to Embed a Donation Form Using Embedding Code


Step 1

Go to your Donorbox campaigns page, and find the campaign you wish to embed on your site. Click the form integrations icon </> for that campaign and select the “Embed Form” option.

wordpress donation form


Step 2

Copy the embed code for your form.

wordpress donation form


Step 3

Go to your WordPress page editor of the page in which you wish to insert your donation form.

WordPress has recently released a new page editor, which some sites are already using. Whether you choose the old or new editor, here’s how to add the embed code to your page.

3.1 Old Editor

Make sure you are on the text editor (not the visual editor). Paste the donation form embed code in the area that you want the form to appear. Publish your post when you are done!

donation forms on wordpress

 

3.2 New Editor

Make sure you’re viewing the page using the block editor. Click the + sign to add a block for the donation widget, selecting ‘Custom HTML’

wordpress donation forms

Paste the embed code snippet you copied from the Donorbox dashboard into the text box.

recurring donation on wordpress

For a preview of how the widget will appear on your page, you can click Preview. Finally, publish or save the post when you’re happy with the results.


Start Accepting Donations

Once the steps above are done, you are ready to accept donations. Here is an example of  an embedded form on the BluePath Service Dogs website.

 

Related Articles:

Avatar photo

Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.

  • facebook
  • twitter
  • instagram
  • linkedin
  • tumblr

Join the fundraising movement!

Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.

Take your donor experience to the next level!
Join the 50,000+ nonprofits already raising funds online.
Join a 30min Demo to see how Donorbox can help you reach your fundraising goals!
.brave_popup #brave_element--NNN3oo2Vl6_Qoue46FF.brave_element.brave_element--button .brave_element__styler .brave_element__button_text { border-bottom: 1px solid #fff; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FF { text-align:left; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FK { z-index: 6 !important; left: 232px !important; } const _sticky_bravepop_id = 51310;
Join a 30min Live Demo to see how Donorbox can help you reach your fundraising goals!