How To Add A Donate Now Button To Any Site

{
    "jsonapi": {
        "version": "1.0",
        "meta": {
            "links": {
                "self": {
                    "href": "http:\/\/jsonapi.org\/format\/1.0\/"
                }
            }
        }
    },
    "data": {
        "type": "node--article",
        "id": "49e04a3f-587b-4e2d-b209-cb9c0ea0f25c",
        "links": {
            "self": {
                "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c?resourceVersion=id%3A381"
            }
        },
        "attributes": {
            "internalId": 381,
            "isPublished": true,
            "title": "How To Add A Donate Now Button To Any Site",
            "created": "2023-03-06T16:38:09+00:00",
            "changed": "2024-06-11T13:18:42+00:00",
            "promote": false,
            "sticky": false,
            "metatag": [
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "title",
                        "content": "How To Add A Donate Now Button To Any Site | Inclind"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "description",
                        "content": "For many nonprofit organizations, donations are a crucial source of financial support. Donations are also a way for community members to get involved in your"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "abstract",
                        "content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
                    }
                },
                {
                    "tag": "link",
                    "attributes": {
                        "rel": "canonical",
                        "href": "https:\/\/www.inclind.com\/news\/how-add-donate-now-button-any-site"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "robots",
                        "content": "index, follow"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:site_name",
                        "content": "Inclind"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:url",
                        "content": "https:\/\/www.inclind.com\/news\/how-add-donate-now-button-any-site"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:title",
                        "content": "How To Add A Donate Now Button To Any Site"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:description",
                        "content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "place:location:latitude",
                        "content": "38.77513"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "place:location:longitude",
                        "content": "-75.13974"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:street_address",
                        "content": "119 W. Third St., Suite 6"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:locality",
                        "content": "Lewes"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:region",
                        "content": "Delaware"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:postal_code",
                        "content": "19958"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:country_name",
                        "content": "United States"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:email",
                        "content": "hello@inclind.com"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:phone_number",
                        "content": "(800) 604-8139"
                    }
                }
            ],
            "path": {
                "alias": "\/news\/how-add-donate-now-button-any-site",
                "pid": 1047,
                "langcode": "en"
            },
            "body": {
                "value": "\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFor many nonprofit organizations, donations are a crucial source of financial support. Donations are also a way for community members to get involved in your mission, even if they can\u2019t volunteer or contribute to your work.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cbr\u003E\u003Cspan\u003EThe key for nonprofits is to make it as easy as possible for supporters to donate. In the modern era, this generally means having easy online options for donating. Adding a \u201cdonate now\u201d button to your website is a relatively easy way to maximize donations and ensure everyone who wants to contribute can do so.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EInclind works with nonprofit organizations throughout the U.S. to help them build and maintain informative, user-friendly websites that effectively support their mission. We offer a range of website design and development services, from\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/services\/drupal-websites\u0022\u003E\u003Cspan\u003EDrupal\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E and\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/services\/wordpress-websites\u0022\u003E\u003Cspan\u003EWordPress\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E websites to\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/solutions\/integrations\u0022\u003E\u003Cspan\u003Ecustom integration\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E to\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/solutions\/accessibility-audits\u0022\u003E\u003Cspan\u003Eaccessibility audits\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E. Reach out to learn more about how our team can help your nonprofit thrive.\u003C\/span\u003E\u003C\/p\u003E\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhy Your Website Needs a Donate Button\u003C\/span\u003E\u003C\/h2\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIn 2023, Americans will be online more than ever before. According to research from the Pew Research Center,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.pewresearch.org\/internet\/fact-sheet\/internet-broadband\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003E93\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E% of American adults use the internet. Having a solid, well-designed website is important if you want to reach as many potential supporters and clients as possible.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EOne way Americans use the internet is to donate to their favorite charitable organizations.\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/institute.blackbaud.com\/charitable-giving-report\/online-giving-trends\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003E12\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E% of all nonprofit donations come from online giving. This number is even higher - 17.8% - for smaller nonprofits (with budgets of $1,000,000 or less).\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAs a nonprofit organization, one of your goals should be to set up your website to attract supporters - including donors. One of the easiest ways to do this is by setting up an online donation option on your website. Adding a \u201cdonate now\u201d button to your website is a great way to prompt users to donate.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EA donate now button functions like a call to action (CTA). Think of it this way: when you put content on your site that explains your mission or highlights your work, having a donate now button on that page is a simple way to encourage people to support you.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhen clicked, the donate now button will take supporters to a donation page or form to make a one-time or recurring donation to your organization. It is a straightforward way for nonprofits to ask website visitors for financial support. Instead of users going through several pages to find the donate now button, they can simply click and go directly to the donation page.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe button should stand out from other elements on the page to be effective. For example, if your website primarily uses black text on a white screen, a bold red or orange donate now button is easy to spot. Ideally, the button should remain at the top of the page while visitors scroll through the site. You can also put a donate button on pages where it makes sense to do so, such as at the end of a blog post that describes the challenges that you are facing.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EDonate now buttons can also be added to emails, social media channels, and YouTube. In this way, you can increase the visibility of your donation page - and the odds that people will donate to support your organization.\u003C\/span\u003E\u003C\/p\u003E\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EHow to Add a Donate Button to Your Site\u003C\/span\u003E\u003C\/h2\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdding a \u201cdonate now\u201d button to your site is relatively simple. The most challenging part is often setting up a payment gateway that can be integrated with your website.\u0026nbsp; Ideally, you will want to use a payment processor that does not direct users away from your site to complete the transaction.\u003C\/span\u003E\u003C\/p\u003E\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESign Up With A Fundraising Software Provider\u003C\/span\u003E\u003C\/h3\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe exact process for adding a donate now button will vary slightly based on the content management system (CMS) that you use. Generally, you will need to start by setting up fundraising software, such as\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.donorperfect.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EDonor Perfect\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E, if you don\u2019t already have a system for tracking and managing donations. Fundraising software will allow your organization to collect, organize, and use donor data. It is like customer relationship management (CRM) software but with the additional capacity to manage donations.\u003C\/span\u003E\u003C\/p\u003E\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESelect A Payment Gateway\u003C\/span\u003E\u003C\/h3\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIf you don\u2019t already have a payment gateway, you will need to sign up for an account with a company. Be sure to carefully examine fees and data security when deciding. Popular payment processors for nonprofits include\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/stripe.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EStripe\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/paypal.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EPayPal\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/fundly.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EFundly\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.braintreepayments.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EBraintree\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E, and\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.authorize.net\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EAuthorize.net\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E.\u003C\/span\u003E\u003C\/p\u003E\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESet Up Your Donation Form\u003C\/span\u003E\u003C\/h3\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe next step is to set up a donation form with your fundraising software. Generally, you will want to collect basic information, such as name and address, the donation amount, and payment information. You can also add other features, like an option to search for their employer to see if they offer matching gifts or a box to check to request a tax receipt. Be sure to add a thank you that will pop up once a donor has made their gift.\u003C\/span\u003E\u003C\/p\u003E\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdd The Form To The Site\u003C\/span\u003E\u003C\/h3\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EBefore you make the form live on your website, do a test run to ensure it works as you expect. There can often be issues with the payment processing or the fundraising software integration, so it\u2019s important to double-check before moving forward. Once you\u2019re sure that the form is ready, you can publish it to your site. Fundraising software like Donor Perfect will often provide you with embed code you can copy and paste on your site to put your donation form on your website.\u003C\/span\u003E\u003C\/p\u003E\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdd Buttons Throughout The Site That Go To The Donate Form\u003C\/span\u003E\u003C\/h3\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe final step is to add a button to your site that links to your form. The exact process will vary based on your CMS, but generally, you should have the option to add elements and then customize them. On WordPress, for example, you can click on the \u201c+\u201d icon in the top left corner of the editor for Gutenberg. Choose \u201cbutton,\u201d then enter your donation form\u0027s website address. You can then add a button text and customize the color and other features.\u003C\/span\u003E\u003C\/p\u003E\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EBest Practices for Donation Buttons\u003C\/span\u003E\u003C\/h2\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhile the process of adding a donate button is relatively simple, there are things that you should do to make sure that the button has the biggest possible impact. First, you should use one of your brand\u2019s bright colors that contrast with the rest of the site to stand out. Using a color that is part of your branding will ensure your website looks consistent.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESecond, you should make sure that the donate button is in a place that does not change as a user navigates your website. For example, put the donate button at the top right corner of your screen and set it up so that it stays in that position as a user scrolls. While you can add a donate now button to other places on your website, it must stay in the same place, so users always know where to click.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThird, consider adding pre-filled donation amounts or options. For example, when a person clicks the donation button, there may be an option to donate $25, $50, $100, or a custom amount. This may increase the amount of money you raise through online donations.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFourth, make sure that your call to action is effective. While you can use the phrase \u201cdonate now,\u201d there are many other phrases that may work for your organization, such as \u201ctake action,\u201d \u201cjoin the fight,\u201d or \u201cstop injustice.\u201d\u0026nbsp; Try to use active verbs and add an element of urgency (such as \u201cnow\u201d or \u201ctoday\u201d) to encourage visitors to act.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFifth, make sure that your donation button is mobile-friendly. Studies show that many people access websites via their phones or tablets.\u0026nbsp; Optimizing your donation button for mobile will allow people to donate no matter what type of device they are using.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESixth, make your donate now button visible using white space and element size. The donate button should also be large enough so that people can see it easily. It should also have enough white space around it to stand out from other elements on the page.\u003C\/span\u003E\u003C\/p\u003E\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIntegrate Donate Forms \u0026amp; More With The Help Of Our Developers\u003C\/span\u003E\u003C\/h2\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EA donate now button is a critical element that should be a part of every nonprofit\u2019s website. One of the best ways to convert supporters into donors is to meet them where they are. In 2023, that means making it as easy as possible to donate through your website by using a button that takes users directly to your donation form.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAt Inclind, we understand nonprofits\u0027 and other organizations\u0027 challenges in breaking through the noise to reach potential supporters. We aim to help clients achieve their goals through beautifully designed, highly effective websites. Our team of award-winning website designers and developers can work with you to help you\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/clients\/non-profit-organizations\u0022\u003E\u003Cspan\u003Edesign and develop a nonprofit website\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E that truly reflects your mission and that supports your work. We also offer\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/support\u0022\u003E\u003Cspan\u003Ewebsite support and maintenance plans\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E to help you make changes to your existing website.\u003C\/span\u003E\u003C\/p\u003E\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWe\u0027re available to talk if you\u2019d like to learn more about our web services. You can fill out our\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.inclind.com\/services#link1\u0022\u003E\u003Cspan\u003Eonline contact form\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E or hit the live chat button to talk to one of our experts about your website.\u003C\/span\u003E\u003C\/p\u003E",
                "format": "full_html",
                "processed": "\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFor many nonprofit organizations, donations are a crucial source of financial support. Donations are also a way for community members to get involved in your mission, even if they can\u2019t volunteer or contribute to your work.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cbr\u003E\u003Cspan\u003EThe key for nonprofits is to make it as easy as possible for supporters to donate. In the modern era, this generally means having easy online options for donating. Adding a \u201cdonate now\u201d button to your website is a relatively easy way to maximize donations and ensure everyone who wants to contribute can do so.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EInclind works with nonprofit organizations throughout the U.S. to help them build and maintain informative, user-friendly websites that effectively support their mission. We offer a range of website design and development services, from\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/services\/drupal-websites\u0022\u003E\u003Cspan\u003EDrupal\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E and\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/services\/wordpress-websites\u0022\u003E\u003Cspan\u003EWordPress\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E websites to\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/solutions\/integrations\u0022\u003E\u003Cspan\u003Ecustom integration\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E to\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003E\u003Cspan\u003Eaccessibility audits\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E. Reach out to learn more about how our team can help your nonprofit thrive.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhy Your Website Needs a Donate Button\u003C\/span\u003E\u003C\/h2\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIn 2023, Americans will be online more than ever before. According to research from the Pew Research Center,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.pewresearch.org\/internet\/fact-sheet\/internet-broadband\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003E93\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E% of American adults use the internet. Having a solid, well-designed website is important if you want to reach as many potential supporters and clients as possible.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EOne way Americans use the internet is to donate to their favorite charitable organizations.\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/institute.blackbaud.com\/charitable-giving-report\/online-giving-trends\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003E12\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E% of all nonprofit donations come from online giving. This number is even higher - 17.8% - for smaller nonprofits (with budgets of $1,000,000 or less).\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAs a nonprofit organization, one of your goals should be to set up your website to attract supporters - including donors. One of the easiest ways to do this is by setting up an online donation option on your website. Adding a \u201cdonate now\u201d button to your website is a great way to prompt users to donate.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EA donate now button functions like a call to action (CTA). Think of it this way: when you put content on your site that explains your mission or highlights your work, having a donate now button on that page is a simple way to encourage people to support you.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhen clicked, the donate now button will take supporters to a donation page or form to make a one-time or recurring donation to your organization. It is a straightforward way for nonprofits to ask website visitors for financial support. Instead of users going through several pages to find the donate now button, they can simply click and go directly to the donation page.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe button should stand out from other elements on the page to be effective. For example, if your website primarily uses black text on a white screen, a bold red or orange donate now button is easy to spot. Ideally, the button should remain at the top of the page while visitors scroll through the site. You can also put a donate button on pages where it makes sense to do so, such as at the end of a blog post that describes the challenges that you are facing.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EDonate now buttons can also be added to emails, social media channels, and YouTube. In this way, you can increase the visibility of your donation page - and the odds that people will donate to support your organization.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EHow to Add a Donate Button to Your Site\u003C\/span\u003E\u003C\/h2\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdding a \u201cdonate now\u201d button to your site is relatively simple. The most challenging part is often setting up a payment gateway that can be integrated with your website.\u0026nbsp; Ideally, you will want to use a payment processor that does not direct users away from your site to complete the transaction.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESign Up With A Fundraising Software Provider\u003C\/span\u003E\u003C\/h3\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe exact process for adding a donate now button will vary slightly based on the content management system (CMS) that you use. Generally, you will need to start by setting up fundraising software, such as\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.donorperfect.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EDonor Perfect\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E, if you don\u2019t already have a system for tracking and managing donations. Fundraising software will allow your organization to collect, organize, and use donor data. It is like customer relationship management (CRM) software but with the additional capacity to manage donations.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESelect A Payment Gateway\u003C\/span\u003E\u003C\/h3\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIf you don\u2019t already have a payment gateway, you will need to sign up for an account with a company. Be sure to carefully examine fees and data security when deciding. Popular payment processors for nonprofits include\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/stripe.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EStripe\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/paypal.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EPayPal\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/fundly.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EFundly\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E,\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.braintreepayments.com\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EBraintree\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E, and\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022https:\/\/www.authorize.net\/\u0022 target=\u0022_blank\u0022\u003E\u003Cspan\u003EAuthorize.net\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESet Up Your Donation Form\u003C\/span\u003E\u003C\/h3\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe next step is to set up a donation form with your fundraising software. Generally, you will want to collect basic information, such as name and address, the donation amount, and payment information. You can also add other features, like an option to search for their employer to see if they offer matching gifts or a box to check to request a tax receipt. Be sure to add a thank you that will pop up once a donor has made their gift.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdd The Form To The Site\u003C\/span\u003E\u003C\/h3\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EBefore you make the form live on your website, do a test run to ensure it works as you expect. There can often be issues with the payment processing or the fundraising software integration, so it\u2019s important to double-check before moving forward. Once you\u2019re sure that the form is ready, you can publish it to your site. Fundraising software like Donor Perfect will often provide you with embed code you can copy and paste on your site to put your donation form on your website.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch3 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAdd Buttons Throughout The Site That Go To The Donate Form\u003C\/span\u003E\u003C\/h3\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThe final step is to add a button to your site that links to your form. The exact process will vary based on your CMS, but generally, you should have the option to add elements and then customize them. On WordPress, for example, you can click on the \u201c+\u201d icon in the top left corner of the editor for Gutenberg. Choose \u201cbutton,\u201d then enter your donation form\u0027s website address. You can then add a button text and customize the color and other features.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EBest Practices for Donation Buttons\u003C\/span\u003E\u003C\/h2\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWhile the process of adding a donate button is relatively simple, there are things that you should do to make sure that the button has the biggest possible impact. First, you should use one of your brand\u2019s bright colors that contrast with the rest of the site to stand out. Using a color that is part of your branding will ensure your website looks consistent.\u0026nbsp;\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESecond, you should make sure that the donate button is in a place that does not change as a user navigates your website. For example, put the donate button at the top right corner of your screen and set it up so that it stays in that position as a user scrolls. While you can add a donate now button to other places on your website, it must stay in the same place, so users always know where to click.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EThird, consider adding pre-filled donation amounts or options. For example, when a person clicks the donation button, there may be an option to donate $25, $50, $100, or a custom amount. This may increase the amount of money you raise through online donations.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFourth, make sure that your call to action is effective. While you can use the phrase \u201cdonate now,\u201d there are many other phrases that may work for your organization, such as \u201ctake action,\u201d \u201cjoin the fight,\u201d or \u201cstop injustice.\u201d\u0026nbsp; Try to use active verbs and add an element of urgency (such as \u201cnow\u201d or \u201ctoday\u201d) to encourage visitors to act.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EFifth, make sure that your donation button is mobile-friendly. Studies show that many people access websites via their phones or tablets.\u0026nbsp; Optimizing your donation button for mobile will allow people to donate no matter what type of device they are using.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003ESixth, make your donate now button visible using white space and element size. The donate button should also be large enough so that people can see it easily. It should also have enough white space around it to stand out from other elements on the page.\u003C\/span\u003E\u003C\/p\u003E\n\u003Ch2 dir=\u0022ltr\u0022\u003E\u003Cspan\u003EIntegrate Donate Forms \u0026amp; More With The Help Of Our Developers\u003C\/span\u003E\u003C\/h2\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EA donate now button is a critical element that should be a part of every nonprofit\u2019s website. One of the best ways to convert supporters into donors is to meet them where they are. In 2023, that means making it as easy as possible to donate through your website by using a button that takes users directly to your donation form.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EAt Inclind, we understand nonprofits\u0027 and other organizations\u0027 challenges in breaking through the noise to reach potential supporters. We aim to help clients achieve their goals through beautifully designed, highly effective websites. Our team of award-winning website designers and developers can work with you to help you\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/clients\/non-profit-organizations\u0022\u003E\u003Cspan\u003Edesign and develop a nonprofit website\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E that truly reflects your mission and that supports your work. We also offer\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/support\u0022\u003E\u003Cspan\u003Ewebsite support and maintenance plans\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E to help you make changes to your existing website.\u003C\/span\u003E\u003C\/p\u003E\n\u003Cp dir=\u0022ltr\u0022\u003E\u003Cspan\u003EWe\u0027re available to talk if you\u2019d like to learn more about our web services. You can fill out our\u0026nbsp;\u003C\/span\u003E\u003Ca href=\u0022\/services#link1\u0022\u003E\u003Cspan\u003Eonline contact form\u003C\/span\u003E\u003C\/a\u003E\u003Cspan\u003E or hit the live chat button to talk to one of our experts about your website.\u003C\/span\u003E\u003C\/p\u003E\n",
                "summary": ""
            },
            "articleType": "news",
            "author": "Shaun Tyndall",
            "authorTitle": null,
            "challenge": null,
            "introText": null,
            "location": null,
            "f_metatag": null,
            "publishDate": "2023-03-06",
            "result": null,
            "solution": null,
            "subheader1": null,
            "subheader2": null
        },
        "relationships": {
            "contentType": {
                "data": null,
                "links": {
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/contentType?resourceVersion=id%3A381"
                    }
                }
            },
            "category": {
                "data": {
                    "type": "catTerm",
                    "id": "e7befc73-77f0-46c9-aedf-608856a6a450",
                    "meta": {
                        "drupal_internal__target_id": 52
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/category?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/category?resourceVersion=id%3A381"
                    }
                }
            },
            "companyRef": {
                "data": null,
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/companyRef?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/companyRef?resourceVersion=id%3A381"
                    }
                }
            },
            "image": {
                "data": {
                    "type": "images",
                    "id": "be59c70e-e0a4-4c40-ad6f-409b55971d0c",
                    "meta": {
                        "drupal_internal__target_id": 495
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/image?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/image?resourceVersion=id%3A381"
                    }
                }
            },
            "slides": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/slides?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/slides?resourceVersion=id%3A381"
                    }
                }
            },
            "teamMember": {
                "data": [
                    {
                        "type": "node--person",
                        "id": "87407245-73a3-43f8-9f44-9e70f40a0e1a",
                        "meta": {
                            "drupal_internal__target_id": 120
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/teamMember?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/teamMember?resourceVersion=id%3A381"
                    }
                }
            },
            "tags": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/tags?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/tags?resourceVersion=id%3A381"
                    }
                }
            },
            "topic": {
                "data": [
                    {
                        "type": "topicTerm",
                        "id": "14e1d496-24a8-47b5-b002-015f09918646",
                        "meta": {
                            "drupal_internal__target_id": 33
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "822ff0ce-d322-44c2-a2c0-9924a96ba4ed",
                        "meta": {
                            "drupal_internal__target_id": 18
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "d0d4fc6e-a1bf-49a7-b640-c38067c3e7fe",
                        "meta": {
                            "drupal_internal__target_id": 34
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/topic?resourceVersion=id%3A381"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c\/relationships\/topic?resourceVersion=id%3A381"
                    }
                }
            }
        }
    },
    "links": {
        "self": {
            "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/49e04a3f-587b-4e2d-b209-cb9c0ea0f25c?resourceVersion=id%3A381"
        }
    }
}