Add A Donate Button To Your Website To Encourage Giving



Donate buttons on the website homepage should lead directly to the donation landing page, with a web form on that page where people can give immediately. If your nonprofit has branding guidelines, make sure the Donate button adheres to them, since you might need to use a certain color or font.

Imagine creating a state of the art donation page all by yourself without any technical knowledge. The GivingFuel campaign builder makes you look like a web genius. The RealView builder takes only seconds to use and makes all your fundraising ideas possible.

  1. How to Add a “Donate” Button to Your Nonprofit’s Website Step 1 Go to your Donorbox Campaigns page and find the campaign that you want to embed. Click the icon for integration options, as shown.
  2. SIMPLE CHECKOUT. Add a BUY NOW or DONATE Button to Your Website. A perfect solution for donations or specialty merchants who sell one item at a time.
  3. The donate button is a quick way for people to donate to your organization without leaving Facebook. You’ll be able to add the donate button to your page, posts and live video, making it easy for supporters to contribute in a few taps. Donors can now choose to give a one-time or monthly recurring gift.

The RealView Builder gives you powerful controls that are simple to use. Build a professional giving page yourself.

Simplicity and Flexibility In One

Using an intuitive drag and drop interface to build your custom online page. Do it all in a matter of minutes without any technical knowledge.

Ridiculously Easy. Mindblowing Flexibility.

The RealView builder puts you in control over your online fundraising experience like no other solution on the market.

Live Preview Editor

Powerful visual editor with live preview to build it exactly as your donors will see it.

Confirmation Settings

Encourage

Customize the confirmation page, receipt, email and even set popup prompts.

Drag and Drop

Arrange the order and display of your options with a simple drag and drop.

Social Media Settings

Set the display image, description and meta data to be displayed on social media sites.

Flexible Recurring

Set a diverse set of recurring donation options to fit your needs.

Funds and Allocation

Setup funds and designations for donors to allocate their donation towards.

With our Realview Builder, you create your page once and its rendered perfectly on every screen.

Amazing Fundraising Possibilities

Using the campaign builder, configure the possibilities for your donors. Afterall, you know them best. You can give donors suggested amounts, or leave it up to them. You can suggest converting their donation to a monthly contribution, or let them pick a recurring option that works for them. You can do all this and more with GivingFuel.

Suggested Donations Amounts (Best for Non-Profits)

Most non-profits will want to utilize the suggested amount method for capturing donations. By suggesting various amounts, donors can choose an amount that best suits them. They can also choose an “other amount” and choose any other amount they desire.

Text to Give

Set up text to give feature in minutes. Search and link your giving page to a local number. Then donors can text a donation amount into the the number and link their credit card to a mobile phone. After this one time 60 second setup, any future donation is processed with a single text.

Button

Fixed Amount (Best For Highly Specific Projects)

If your fundraising strategy calls for a particular amount and interval, use the Fixed Amount option. One the most successful campaigns ever on GivingFuel was $28 a month for the 28 million people enslaved in human trafficking. You can lock in an exact month, interval and even set an automate ending date.

Add

User Decides (Best for Churches)

Best for churches and religious organizations, the ‘user decides’ gives maximum flexibility to donors who want to give a unique amount, such as in the case of a tithe. Enable recurring to capture this donation on a regular repeating interval.

Fund Management and Tracking

Organization with multiple funds, multiple campuses, or even multiple continents, will find the fund tracking extremely useful. Fund tracking allows you capture donations (even multiple recurring donations at once) and link them to a specific area of your organization.

Search and Support

For organizations who offer child sponsorships or raise support for missionaries or staff, the search and support field is revolutionary. Upload a CSV for giving opportunities and then donors and search and give towards any person, child or project. Show custom descriptions, images links and more.

Custom Fields For Days

No one likes to be told what to do or how to do it. That’s why we give you all the tools and options to build your donation page exactly like you want it. Here is the breakdown on the variety of fields you can add to your GivingFuel page.

Add A Donate Button To Your Website To Encourage Giving Others

Step 1: Navigate to Your Admin Dashboard

If your home page is not your Admin Dashboard, click on the drop down box at the bottom of the screen next to “Viewing Dashboard For” to view a list of organizations that you are an administrator for. Click on the name of your organization you’d like to access.

Step 2: Navigate to Your Campaign Editor

From the “Fundraising Campaigns” tab of your Admin Dashboard, click the “Edit” button within the campaign you’re looking to access.

Step 3: Navigate to Your Donation Form

While in the Campaign editor, select the 'Donation Form' button in the side bar on the left side of the screen. Once in this menu, select the 'Configure!' button under Embeddable Donation Button.

After making that selection, you'll be brought to a page where you can customize the button's call to action, then even select the color of the button. This is a great opportunity to make it clear to donors exactly what their gift will go towards.

Step 4: Embedding the Button Into Your Site

Based on the type of site you have, there are different ways to approach implementation. Below is a quick-guide based on some types of sites you might have!

Add a donate button to your website to encourage giving money

Standard HTML Sites: Simply copy and paste the code directly into the HTML of your site. We recommend pasting a snippet inside any block-level HTML element, including but not limited to:

Add A Donate Button To Your Website To Encourage Giving Attention

•<body>...</body> •<div>...</div> •<span>...</span>

•<td>...</td> •<p>...</p>

Be sure to follow the guidelines for valid HTML (http://validator.w3.org/docs/help.html), including the closing of all tags.

WordPress:

Embedding a snippet in a Sidebar Widget (v2.8 and greater)

If you would like the campaign donation button to appear in the sidebar on every page of your WordPress blog, we recommend adding the code snippet in a Text sidebar widget. Once you are logged into your WordPress blog dashboard, you'll need to do the following:

  1. Click the ‘Widgets’ link from the ‘Appearance’ tab in version 2.8 or higher
  2. Next, drag a Text widget from the list of Available Widgets into the Sidebar set of widgets of your choosing
  3. Next, paste the campaign donation button form snippet into the body of the newly added Text widget and click ‘Save’
Add a donate button to your website to encourage giving money

Embedding a snippet in a Theme Layout

If you would like your campaign donation button to appear on every page of your WordPress blog, we recommend adding the snippet to your blog’s Theme using a custom template. Once you are logged into your WordPress blog dashboard:

  1. Click the ‘Editor’ link from the ‘Appearance’ tab in version 2.8 or higher. In version 2.7, click the ‘Theme Editor’ link from the ‘Design’ tab
  2. Next, select the template you wish to add the snippet to from the list of templates. For example, if you wish to have the campaign donation button display in your blog’s sidebar, select the 'Sidebar.php' template
  3. Next, paste the campaign donation button code snippet into the template file’s code
  4. Click ‘Update File’

Embedding a snippet in an individual post

If you would like your campaign donation button to appear on a single post on your blog, load the ‘Edit’ screen for the post you wish to use. Next, simply paste the snippet into the ‘HTML’ content tab, then click ‘Publish’ or ‘Save Draft’.

NOTE: if your WordPress version is 2.6 or earlier, you may need to add a </p> tag before the snippet and a <p> after it, with no line breaks.

Add A Donate Button To Your Website To Encourage Giving Thanks

If you have any questions, feel free to reach out to our customer success team via the blue chat bubble on the bottom right of the screen, or send us an email at customersuccess@givegab.com.