A donation widget can be a useful tool on your organization’s website to ensure a consistent experience for donors. ColoradoGives's donation widget makes it easy to make a donation on your organization’s website. Our donation widget is compatible with most websites, including Medium, Tumblr and WordPress blogs.
How to Add the Organization Donation Widget
To add your donation widget, simply login at ColoradoGives.org/login and go to your organization dashboard.
To access your donation widget from your organization dashboard select "Fundraising Tools" and "Widgets."
On the right select the type of widget you would like to utilize. The most common donation form utilized is the "mini donation form."
Once you have selected your widget type, you can also adjust the color associated to the widget. Select the pencil icon in the upper right hand corder to update the widget color:
When you are ready to embed the widget to your site, scroll to the bottom of the page. To keep track of all of the widgets you are utilizing, label your widget and add the url of where you will be embedding it. Once you have added that information, select "Generate Code."
Simply copy the code that is provided for you and paste it on the backend of your website.
How to Add the Fundraiser Donation Widget
If you are looking to embed from a fundraising page, select the "</>" underneath the social sharing icon
Once you have select the embed option, you should see a pop up like this:
You’ll need to choose the type of widget you’d like to use.
Donation Widget: People will be able to complete a donation from the widget, without leaving the page where you’ve embedded it. The widget itself is secure, even if your website or blog is not.
Facebook page: This will install a Facebook “app” that puts a “Donate” button on your page and allows people to complete donations from our widget. This doesn’t work for Facebook profiles — you will need a Facebook brand page in order to install this widget.
Thumbnail: This creates a widget that links to your ColoradoGives.org page. People cannot donate from this widget, but it will take them to your ColoradoGives.org page where they can read your full story and complete a donation.
Donate Button: This generates a “Donate” button that links to your ColoradoGives.org page.
Once you’ve chosen the type of widget you’d like to use, simply add the button by putting the iFrame embed code into the HTML code on your website.
Please note, the donation widget works best for long-form blogs and is not available for non-HTML sites.
Have further questions? Contact the ColoradoGives.org support team here.