The donation hub is a public facing donation experience that can be accessed using a sharable link or embedded in your website. It showcases and facilitates online donations from the public. There are two ways you can make use of your NonprofitCore donation hub on your website.
At least one donation option must be added to a single opportunity form in order for donors to donate.
Shareable Link
If your nonprofit has a web developer, you can send a copy of your entire donation hub or single opportunity donation form using the code snippet found in NonprofitCore Fundraising.
Share Your Donation Hub Snippet
- Navigate to Fundraising and click Donation Hub on the navigation bar.
- Click the Copy Code Snippet within Configuration to copy your donation hub snippet.
- This action will copy the donation hub snippet for you to share with your web developer.
- This action will copy the donation hub snippet for you to share with your web developer.
Share Your Single Opportunity Donation Form Snippet
If you wish to embed a single opportunity donation form onto your website for donors to specifically donate to, you can share the single opportunity donation form snippet.
- Navigate to Fundraising and click Opportunities on the navigation bar.
- Click the opportunity Name for which you need the donation form snippet.
- Click the Donation Form tab.
- Click Copy Code Snippet.
- This action will copy only the code snippet for the single opportunity donation form you have chosen to embed. Once this code snippet is copied, you can share it with your web developer to embed.
- This action will copy only the code snippet for the single opportunity donation form you have chosen to embed. Once this code snippet is copied, you can share it with your web developer to embed.
Embed a Donation Hub on Your Own
If your nonprofit does not have a web developer, you can embed the entire donation hub or single opportunity donation form on to your website yourself.
- Foundant is not responsible for any website changes. It is highly recommended that you work with a web developer to embed this into your website.
- Foundant Support may not be able to help you if you are having embedding issues.
Embed Your Donation Hub
- Complete steps 1-2 in the Share Your Donation Hub Snippet section to copy the hub code snippet.
The following code is a sample of what snippet code looks like. It is NOT the code you will be embedding into your site; it is meant as an example only. If this sample code is used, your donors will be directed to an incorrect hub.
iframesrc='https://app.foundant.io/fundraising/donation-hub/donate?e=s&client-site-id=c4c568ed-19e3-4f82-9b98-a2bc57504e98' style='border:0;' width='100%' height='100%'></iframe>
- Embed your donation hub using the following code:
<iframe src='YOUR DONATION HUB CODE SNIPPET'></iframe>
- (OPTIONAL) If you wish to embed your donation hub with customizable dimensions that work for most websites, use the following code:
<iframe src='YOUR DONATION HUB CODE SNIPPET' style='border:0;' width='595px' height='680px'></iframe>
- border - How thick you want the border around your donation hub box.
- width - How wide you would like your donation hub box.
- height - How tall you would like your donation hub box.
Embed Your Single Opportunity Donation Form
- Complete steps 1-4 in the Share Your Single Opportunity Donation Form Snippet section to copy the opportunity code snippet.
The following code is a sample of what snippet code looks like. It is NOT the code you will be embedding into your site; it is meant as an example only. If this sample code is used, your donors will be directed to an incorrect hub.
<iframe src='https://app.foundant.io/fundraising/donation-hub/donate?e=s&client-site-id=c4c568ed-19e3-4f82-9b98-a2bc57504e98&opportunity-id=a9ff427d-35f6-417e-a8b6-f13571870b32' style='border:0;' width='595px' height='680px'></iframe>
- Embed your single opportunity donation hub using the following code:
<iframe src='YOUR SINGLE OPPORTUNITY CODE SNIPPET'></iframe>
-
(Optional) If you wish to embed your single opportunity donation hub with customizable dimensions that work for most websites, use the following code:
<iframe src='YOUR SINGLE OPPORTUNITY CODE SNIPPET' style='border:0;' width='595px' height='680px'></iframe>
- border - How thick you want the border around your donation hub box.
- width - How wide you would like your donation hub box.
- height - How tall you would like your donation hub box.