Ready to start collecting donations through your WordPress website? This step-by-step guide shows you two easy ways to embed your Donorbox form and start raising funds today.
Join the fundraising movement! Join the fundraising movement!Want to start collecting donations on your WordPress site? With Donorbox, it’s quick and easy.
Whether you prefer to use our WordPress plugin or embed your form using HTML code, you’ll have a customized, conversion-optimized donation form live on your site in no time!
In this guide, we’ll walk you through both options, so you can choose the one that works best for your setup.
If you want to save time or prefer not using a plugin, embedding via code is a great option. This method works well with both the Classic Editor and Gutenberg Block Editor.
Here’s an example of how your embedded form could look on your WordPress site:
Here’s how to set it up.
If you haven’t already, create your campaign on Donorbox! This detailed blog will take you through the process.
Top tip: If you want to add a recurring donation form on WordPress, choose up to four different intervals to add to your form from our selection of eight options:
Go to your Donorbox campaigns page, and find the campaign you wish to embed on your site. Click the “Share & Embed” button on the campaign box.
You’ll find yourself on the Share & Embed page.
Decide how you’d like your form to appear on your WordPress site. Donorbox has a few options to choose from:
Navigate between your respective options here:
Unless you’re choosing to link to a hosted donation page, you’ll also see two form variations: our Classic Form and our OmniGive™ Donation Form. While both are innovative, we strongly recommend you choose the latter.
The OmniGive™ donation form opens a door to a plethora of benefits for your organization and donors, including 22+ payment methods dynamically displayed based on your donor’s location and device. Learn more about the benefits of the OmniGive donation form in this blog post.
Copy the generated HTML code for whichever option you choose.
Go to the page or post in WordPress where you’d like to add your donation form/button.
Whether you choose the Classic Editor or newer Gutenberg Editor, here’s how to add the embed code to your page.
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!
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”.
Paste the embed code snippet you copied from Donorbox into the text box.
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.
Our free WordPress plugin lets you embed your Donorbox donation form in just a few clicks – no HTML codes required.
Here’s how to set it up.
In your WordPress dashboard, go to Plugins > Add New.
In the WordPress plugin search bar, type “Donorbox” and press enter.
Once you’ve found the Donorbox WordPress donation plugin, click “Install Now.”
Once the plugin has been installed, click to activate it.
Now, go to your Donorbox campaigns page and find the campaign you wish to embed on your WordPress site.
Click on the “Copy URL” button.
Head back to your WordPress dashboard. In the left-hand sidebar, click on “Settings”, and then “Donorbox.”
Paste your campaign URL into the appropriate textbox, and click “Save Changes.”
Go back to the WordPress page editor of your donation page.
Make sure you are on the text editor for your post (and not the visual editor). Type in one of the following shortcodes to embed the donation form using the WordPress donate plugin:
Here are a few things to keep in mind during this process:
In the old editor, this is how it will appear:
Publish your post and wait for your WordPress donations to come in!
Whether you use the WordPress plugin or embed code, Donorbox makes it easy to add powerful donation tools to your website.
With recurring giving built in, multiple payment methods, and deep customization, get ready to turn site visitors into loyal supporters!
Sign up today for free. And for more tips and fundraising strategies, check out the rest of the Nonprofit Blog.
Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.
Join the fundraising movement! Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
