> ## Documentation Index > Fetch the complete documentation index at: https://docs.givebutter.com/llms.txt > Use this file to discover all available pages before exploring further. # Getting Started > Learn how to embed donation forms and buttons directly on your own website. 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 `` tag of your website and we'll take care of the rest. ```html HTML theme={null} ``` 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](https://givebutter.com/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: * **[Button Widget](/widgets/widget-types/button)** - A customizable button that opens a donation popup * **[Form Widget](/widgets/widget-types/form)** - An inline donation form embedded on your page * **[Goal Bar Widget](/widgets/widget-types/goal-bar)** - A progress bar showing campaign fundraising status * **[Signup Form Widget](/widgets/widget-types/signup-form)** - A form to capture email subscribers ### 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 ```html theme={null} ``` ### Manual Setup For more control, use the specific widget tags with your campaign code: ```html Button theme={null} ``` ```html Form theme={null} ``` ```html Goal Bar theme={null} ``` ```html Signup Form theme={null} ``` ## 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: * **[Button Widget](/widgets/widget-types/button)** - Perfect for adding donate buttons anywhere on your site * **[Form Widget](/widgets/widget-types/form)** - Embed a full donation form directly on your page * **[Goal Bar Widget](/widgets/widget-types/goal-bar)** - Show campaign progress to motivate donors * **[Signup Form Widget](/widgets/widget-types/signup-form)** - Grow your email list with a simple signup form