Skip to main content
Givebutter Widgets allow you to seamlessly integrate donation forms, buttons, and other fundraising elements directly into your website. With just a few lines of code, you can start accepting donations without redirecting users away from your site.

​
Prerequisites

Before you begin, you’ll need:
  • An active Givebutter account
  • A campaign set up in your Givebutter Dashboard
  • Access to edit your website’s HTML

​
Installing the Widgets Library

Installing Widgets is fast and easy. Simply add the following code snippet inside the <head></head> tag of your website and we’ll take care of the rest. 
<script async src="https://widgets.givebutter.com/latest.umd.cjs?acct=YOUR_ACCOUNT_ID"></script>
Replace YOUR_ACCOUNT_ID with your Account ID from your Givebutter Dashboard. We recommend including the code snippet on every page of your site for consistent tracking and analytics.

​
Finding Your Account ID

To find your Account ID:
  1. Log in to your Givebutter Dashboard
  2. Navigate to Settings > Integrations
  3. Look for your Account ID in the Widgets section
  4. Copy and paste it into the script tag above

​
Embedding Widgets

Once you’ve installed the Widgets library, you can embed widgets anywhere on your website:

​
Quick Setup (Dashboard)

  1. Go to your campaign’s Sharing → Widgets in the Givebutter Dashboard
  2. Select the widget type and customize settings
  3. Copy the generated code and paste it on your website
<givebutter-widget id="YOUR_WIDGET_ID"></givebutter-widget>

​
Manual Setup

For more control, use the specific widget tags with your campaign code: 
<givebutter-button campaign="YOUR_CAMPAIGN_CODE"></givebutter-button>

​
Finding Your Campaign Code

Your Campaign Code is a unique identifier for each campaign:
  1. Go to your campaign in the Dashboard
  2. Look at the top section near the title
  3. The Campaign Code is the six-character text
  4. Use this code in your widget tags

​
Next Steps

Now that you’ve installed the Widgets library, explore the different widget types to find the best fit for your fundraising needs: