[TUTORIAL] Integration WhyDonate's Free Donate Button

Community resources Webflow Tips
1

Hello community :wave:,

In this tutorial, I will be explaining how to add WhyDonate’s Free Donate Button on your Webflow website. This plugin allows you to add donate buttons, forms, and even complete crowdfunding campaigns to your website. The visitor will be able to complete the full payment process on your website.

Integrate the WhyDonate plugin by following these steps:

  1. First, you would need to register on WhyDonate.nl and make sure you create a fundraiser campaign. While creating a fundraiser you will get the option to add a target amount, end date and show the amount donated. This will also reflect on your plugin.

  2. Go to the fundraiser page you created on WhyDonate. Under the ‘Share’ button you should be able to see the ‘Embed’ option. You need to click it.

  3. When you reach the ‘Embed’ screen you will be able to change all the settings, like :paintbrush:plugin appearance and :link:redirect url’s.

  4. When you are done changing the settings, you can copy the HTML script and paste it to your website in an embed component. The plugin will appear on the exact same spot on your page.

:speech_balloon: Need help?
Our support team is always available to help you via chat or email. You can contact us

The plugin comes with other features you might like:

:boom: Host a crowdfunding campaign
Host your own crowdfunding campaign on your own website. Including a progress bar, target amount, a number of days left, etc.

:boom: Peer-to-peer fundraisers
Add multiple peer-to-peer fundraisers to your own website. Each fundraiser can have its unique donation button and style.

:boom: One time and recurring donations
Donors can choose to donate one-time or opt for a recurring monthly/yearly donation.

:boom: Dashboard
With the plugin, Whydonate also provides a dashboard, which gives you an overview of your fundraisers and your donors.

:boom: Create new fundraisers
Once you install the plugin, you can also create fundraisers directly from your WordPress site. This also allows you to set the end date and target amount for your fundraiser. You can also place multiple buttons, each with its own style and associated fundraiser.

:boom: Completely customisable
You can customise the donation form, the look of the button as well as the placement of the button. Adjust these to suit your needs, such that they blend with your website branding. The plugin’s responsive design is adaptable on mobile, laptop and PC.

:boom: Multiple payment options
Several payment options are available with this plugin, including credit card, PayPal, VISA, Bancontact, iDeal, SEPA, Sofort, Belfius, ING HomePay, KBC/CBC, making it easier for your donors to donate to your fundraiser.

:boom: Interact with donors
With each donation, an automated email is sent to your donor to thank them for their contribution. The Whydonate dashboard also provides a comprehensive view of your donors so that you can send them personalized thank you emails.