Giving Form

The "form" element will embed a Givebutter form directly your page.

Installation

If you haven't already, Install the Elements library.

Then, add the following HTML snippet on your page:

<div givebutter-element='giving-form' givebutter-campaign='YourCampaignCode'></div>

Configuration

You can configure how the button appears using the following attributes:

AttributeDescriptionDefault
givebutter-iframe-widthHow wide should the iframe be.100%
givebutter-iframe-heightHow high should the iFrame be to start. This will automatically be adjusted once the form is loaded.615px