Installation

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

Then, add the following HTML snippet on your page:

HTML
<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