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 the donation hub on your website.
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 Fundraising.
Share Your Donation Hub Snippet
- Navigate to Fundraising.
- Click Fundraising on the navigation bar, and then click Donation Hub.
- Click Copy Code Snippet in the Configuration area to copy your donation hub snippet.
- This action will copy the donation hub snippet for you to share with your web developer.
-
Hover over SmartTips (question mark icons) for additional information.
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.
- Click Fundraising on the navigation bar, and then click Opportunities.
- 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.
- 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.
Embed a Donation Hub on Your Own
If your nonprofit does not have a web developer, it is possible to embed the entire donation hub or single opportunity donation form on 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
- Navigate to Fundraising.
- Click Fundraising on the navigation bar, and then click Donation Hub.
- Click Copy Code Snippet in the Configuration area to copy your donation hub snippet.
- This action will copy the donation hub snippet.
-
Hover over SmartTips (question mark icons) for additional information.
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
- Navigate to Fundraising.
- Click Fundraising on the navigation bar, and then click Opportunities.
- 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.
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>
- This action will copy only the code snippet for the single opportunity donation form you have chosen to embed.
- 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.
Sector Education Resources
The following resources relate to this topic more broadly, beyond your site.