How To Embed a Donation Form on Your Blogger Site

Wondering how to easily collect donations on your Blogger site? Donorbox makes it simple and seamless. In this guide, we’ll walk you through how to embed a powerful donation form or button on Blogger.

Written by: Raj | Reviewed by: Darrin Cook
How To Embed a Donation Form on Your Blogger Site
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
❤ Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
Add us as a preferred source on Google Add us as a preferred source on Google

If you are using a Blogger-powered site, you can easily embed a donation form or add a donate button using Donorbox.

In this article, we’ll show you how to do so in a few simple steps.

Let’s get started.


Embedding the Donation Form or Button as a Gadget


Step 1

If you haven’t already, create your first Donorbox campaign. This blog will walk you through the steps.


Step 2

Go to your Donorbox campaigns page and look for the campaign you wish to collect donations for on your Blogger site. Then, click the “Share & Embed” button on the campaign box.


Step 3

You’ll find yourself on the Share & Embed page.

Decide how you’d like your form to appear on your Blogger site. Donorbox has a few options to choose from:

  • A standard embedded form that appears on your Blogger site.
  • A normal donate button or sticky donate button linking to your pop-up donation form.
  • A normal or sticky donate button linking to your Donorbox-hosted campaign page.

Navigate between your respective options here:

Unless you’re choosing to link to a hosted donation page, you’ll also see two form code variations: our Classic Form and our OmniGive™ Donation Form. While both are innovative, we strongly recommend you choose the latter to access more powerful features.

Screenshot of embedded form share and embed page

 

Copy your preferred code.


Step 4

Now, go to your Blogger site. On the left side of the screen, select “Layout” then “Add a Gadget.” Find “HTML/JavaScript” and click on the blue plus sign in the upper right-hand corner. donation form in blogger site


Step 5

Enter a description where it says “Title,” then paste your embed code where it says “Content.” Hit save and the pop-up will close.


Step 6

Now you can change the location of the form by dragging it to the section or page you’d like. You can put it in the sidebar, header, or by the search bar. Click on “Save Arrangement” to save your placement.


Step 7

Hit “View Blog” to see the result! Feel free to play around with the location of the donation form or button. Now you’re ready to collect donations directly from your Blogger site!

Screenshot of a Donorbox Embedded Form on Blogger


Start Collecting Donations on Blogger

Whether you choose to embed a form or a donate button, Donorbox makes it easy to add powerful donation tools to your Blogger site.

With recurring giving built in, dozens of payment methods, and deep customization, it’s easier than ever to turn visitors into loyal supporters with Donorbox. Plus, check out the rest of our world-class fundraising features here.

Sign up today for free. And for more tips and fundraising strategies, take a look at the rest of the Nonprofit Blog.

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
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
❤ Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.

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 100,000+ nonprofits already raising funds online.
See for yourself how easy fundraising can be with Donorbox.
See for yourself how easy fundraising can be with Donorbox.