> ## Documentation Index > Fetch the complete documentation index at: https://docs.paypal.ai/llms.txt > Use this file to discover all available pages before exploring further. # Add a Donate button to your website with PayPal's Donate SDK With the Donate SDK, users can select the PayPal Donate button to donate in a pop-up overlaid on your website. This keeps users on your website instead of redirecting them to a donation page on PayPal. # Eligibility The easiest way to find out if you're eligible to integrate the Donate SDK is to use paypal.com. 1. Log into paypal.com/donate/buttons/ with the account you want to use to make a Donate button. 2. If you can start a flow to make a **Donate** button, you're eligible to integrate the Donate SDK. # 1. Create a Donate button To use the Donate SDK, create a Donate button in the sandbox. 1. Log in to sandbox.paypal.com/donate/buttons/, and make your Donate button. After you create a button, you get code. 2. From the code, copy: * The `hosted_button_id` value if you have a business account * The `business` value if you have a personal account 3. You'll need this parameter to pass to the SDK. The Donate SDK accepts all parameters that a Donate button accepts, such as `item_name` or `item_number`. # 2. Add the Donate SDK to your web page Add the Donate JavaScript SDK to your web page to integrate the Donate button into your site. ```html theme={null} ``` # 3. Render the Donate button Render the **Donate** button to a container element on your web page. If you have a business account, provide the `hosted_button_id` parameter value. For any other account type, provide the `business` parameter value. ```html theme={null}

``` To render another button on the same page, create another container, for example, `

`. Then render the button in the new container: `}).render('#paypal-donate-button-container-2')`. # 4. Test the Donate button 1. On the site, click the **Donate** button. 2. Confirm that the button opens a pop-up window and displays your donation page. 3. Complete a donation using a sandbox credit card or sandbox PayPal account. 4. Verify that the `onComplete` function returns an object parameter. This object parameter contains the following fields. | Variable | Description | | ------------- | --------------------------------------------------- | | `tx` | Transaction ID | | `st` | Status of the transaction | | `amt` | Amount of the transaction | | `cc` | Currency code | | `cm` | Custom message | | `item_number` | Configurable field for the transaction | | `item_name` | Value that the donor selects during the transaction | # 5. Go live To go live with your new Donate button, replace the sandbox data with live data. 1. Replace the `hosted_button_id` value for the sandbox with a live `hosted_button_id` for a business account. For any other type of account, replace the sandbox `business` value with a live `business` value. 2. Remove the `env` value, or change `env` to `production`. ```html theme={null}

``` # See also * IPN and PDT variables * HTML variables for PayPal Payments Standard