Updated at: 16-05-2022 - By: Sienna Lewis

Is there a simple way to include a contribution button on your site? Many non-profit websites are designed for a specific purpose, such as donations, charitable acts, and the likes, so they don’t use the money you provide for their own benefit. As a result, they utilize it to target those who might be interested in receiving your contributions to their website.

It’s now easier than ever to get the word out about a product or service by advertising it or putting it on a variety of media outlets. As a result, you’ll be able to attract a larger audience and encourage them to participate with your articles. As a result, the number of donors will soar in a short period of time.

However, if you are new to page management, there is a drawback. As you’ll be modifying and making changes to the page, these kinds of projects can become more difficult over time. Even if you’re just pretending to be someone else, playing the part will open doors for you. It’s vital to become well-versed in specific topics. One of the first things you should learn if you are new to organizing is how to install a donate button on the website. Why? This button will direct visitors to a page where they can make a donation of a certain sum. Both of you will appreciate how much simpler it is to go around this way.

One Click Turns Website Visitors into Donors

When it comes to a goldfish, our attention spans are about 8 seconds long. It’s critical to make it as easy and quick as possible for website visitors to donate before their attention is diverted to something else.

How to Add

Visitors to your organization’s website should be compelled, in this example, to make a financial contribution to the cause. In 2016, each time a person visited a nonprofit’s website, they raised an average of $1.19 in donations. There were 1.2 percent of total website visitors who donated, and an average of 18 percent on the main donation page. It is essential to have a Donate button on a website to encourage people to donate.

Donate Buttons That Resonate

As an example, a Donate button might be labeled simply “Donate,” or it could have various words, such as, “Donate NOW,” “Give,” “Support Our Work,” “HeLP Change Lives,” “Help Us,” “Click Here to donate,” “Give a Gift Now,” “Make a Difference!” and other calls to action. As a general rule, the message should always be concise and clear. Direct links to the donation page, including a web form, should be available on the website’s home page, with a donation button.

Don’t forget to check your nonprofit’s branding rules if you’re using a specific color or font on the Donate button. While the button should stand out from the rest of your website, it shouldn’t look out of place. Ensure that the typeface is legible before submitting the document. Ensure that the Donate button is prominently displayed on your organization’s website’s homepage so that users don’t have to seek for it.

The Best Page Placement for Donate Buttons

When it comes to reading a website, the human eye likes to scan for crucial information in a “F” or “Z” pattern. A call to action should be placed in the upper right-hand corner, while a logo should be placed in the upper left-hand corner. Another effective location for a call to action is in the bottom right-hand corner.

Don’t just put a Donate button on your organization’s homepage. Use the header of your website as a good location to incorporate a Donate button that will appear at the top of every page of your site. Keep in mind that your donors should only be redirected once to the donation form to make a gift to your cause.

If you want people to donate, use phrases like “Your gift/donation will…” followed by the specific goals of the organization, such as “Your gift will feed a hungry child” or “Your donation will supply life-saving medicine.”

Case Studies: The Highest-Grossing Nonprofits’ Donate Buttons

In 2016, United Way Worldwide, Task Force for Global Health, Feeding America, Salvation Army, YMCA of the USA, St. Jude Children’s Research Hospital, Food for the Poor, Boys & Girls Club of America, Catholic Charities USA, and Goodwill Industries International were the ten largest U.S. charitable organizations. 4 Each of them has a strong online presence.

On the homepage of the United Way’s website, in the upper right-hand corner, there is an orange Donate button. It’s easy for people to donate by clicking the “Support Our Work” button and then filling out a donation form.

“Donate now” is prominently displayed in the upper right-hand corner of the Feeding America homepage. Hovering over it causes a green light to flash. “Help End Hunger Today” and a donation form appear on a donation page when visitors click through. The Salvation Army uses the phrase “Help the Salvation Army Save Lives,” and the contribution page for St. Jude Children’s Research Hospital says, “Make a donation to end childhood cancer.”

Is there a pattern emerging here? There is a donation button prominently displayed on the homepage and donation page of each of these well-known NGOs. Donations can be made by just clicking one time. Donation buttons of the highest quality can be found in abundance on Jotform.

How to Create and Install a Donate Button on Your Website

Make advantage of your web team or vendor to construct a working Donate button for your site if you already have one. You can help them by showing them some examples of donation buttons that you think are particularly appealing in both language and design.

A plugin or widget may be available if your nonprofit uses a content management system (CMS) such as WordPress, Squarespace, Blogger, or Weebly. It is possible to display a donation button in the header of these websites thanks to a number of plugins that allow you to accept and process online donations via PayPal, Seamless Donations, or other applications.

Your non-profit might benefit from a program like Raiser’s Edge. Find out if the Donate button and donation form provided by your database software vendor are compatible with your current database. Users can develop and install their own donation forms, which are then linked to the database.

It is possible to add a contribution function and a donate button into your website even if none of the previous choices work for you. PayPal, Stripe, Donorbox, Network for Good, and Jotform are just a few of the most common payment processors. These providers, like PayPal and Stripe, impose processing fees, but organizations can receive savings. There are several different pricing options available, some of which are free for a limited number of transactions each month.


If you require HTML code for the Donate button or any other forms on your website, you may get it from any of these software providers. If you have a website editor, you can just copy and paste the code in.

Emails can also be used to send out e-blasts with the Donate button, which links to your donation page with a form so that people can simply donate to your cause. If you’re willing to put in the time and effort, you can reap the benefits of a well-designed Donate button.

Steps On Putting A Donation Button On Your Website

The question is, how do you go about doing that? It may sound like you’re putting a contribution button on a Facebook page, but that’s not what you’re actually doing. It’s quite a little more difficult to accomplish than the previous one, but it’s not impossible. With that in mind, let’s learn how to do it faster:

Step #1. Setting up the donation button

A contribution button for your website should be created on a separate page from the rest of your site, so that it may subsequently be inserted into the rest of your site. Donorbox is a good illustration of this. Donorbox has a campaign page where you may begin the process of creating your button. Find the campaign from there.

That precise campaign that you want to embed later on, after you’re there. Once you’ve completed the previous steps, an icon will appear. It will appear as a /> tag, which signifies a possible integration. When you click on it, a dropdown menu will appear without any further delay. Choose “Donate Button” from the drop-down menu that appears.

Once the initial stage of the process is complete, make sure to double-check all of the information to avoid any mistakes when the button is finished for the website. You’ll be able to make changes to your button at a later date. To continue the process, let’s go on to step two now.

Step #2. Editing or customizing your donation button

In this phase, you’ll be able to change the appearance and settings of your donation button. Once you’ve completed the first step and ticked all the relevant boxes, all of your options will be displayed. When you try to change your button, you should see some sort of code emerge. The importance of keeping track of it cannot be overstated. As you make changes to the button, it will automatically alter. You’ll need to apply the code in order for the remaining stages to work properly. Now that we’ve finished customizing, we can move on to the next phase. Incorporate as many details as possible into your design. Don’t forget to check out this guide on how to set up a PayPal donation and the process of linking a PayPal donation page!

Step #3. Customizing the page for the finalization of the donation button

Now that we’ve completed all of the components of the donation button, we’ll put it on the page. However, how exactly do we go about doing this? Make careful to keep track of what you’re reading as you go along. Create a new page for the button by clicking “Add New Page” on the website link. The text editor will appear below the text box once you’ve been taken to a new page where you may add your donation button. The embed code from step two should be pasted into the appropriate text box. Make sure there are no mistakes in the code, or the button won’t work properly. Once you’ve published it, everyone will be able to see it. If there are mistakes, start over from the beginning; if there aren’t, congrats! Your website now has a donate button!


What is a donation button?

When donors click on a donation button, they are taken to a donation page on the organization’s website. This makes it easier for people to donate.

I already have a donation page; do I also need a donation button?

Yes. The donation button directs visitors to the donation page, where they have further options for donating. Donation buttons are a terrific method to get those who are already interested in your organization’s cause to donate.

Where should a donation button be placed?

A prominent location on your website, such as the site’s top navigation menu, is ideal for placing the contribution button. As a result, the button can follow the user around the website wherever they go.

What should the donate button say?

Keep it brief and sweet: “Donate,” “Support,” or “Give Now” will suffice.

What should the donate button look like?

Your website’s design should be taken into consideration while selecting a button. The color scheme and font style should complement the overall look and feel of the site.

How to Add

How do I create a donate button?

  • Add a button to your website builder and place it where you want it.
  • A Call to Action, which is what the button reads, should be included (Donate, Support, Give Now etc.).
  • Decide on the color, typeface, and size of the button.
  • Find the give button section on your GivingWay Dashboard. Copy and paste your button’s link into your website’s button settings.
  • Congrats! You’ll now be taken to your GivingWay donation page when someone clicks on the donation button.

There are a variety of website builders to choose from. GivingWay is demonstrated in this video as an example of how a donation button may be created.

It’s A Wrap!

Is there a simple way to include a contribution button on your site? It’s never been easier to add a contribute button to your website! By following the aforementioned stages, you will have a better understanding of the entire procedure. In little time at all, you’ll be able to put one together! Donation is a fascinating subject, especially for those who wish to lend a hand in this manner of giving. An in-kind donation is a typical method of giving; here’s an explanation of what it means.