Source: https://fincobra.com/docs/checkout/donate-button.html


# Donation pages

Donation pages give supporters focused places to contribute with your existing receiving wallets. You can publish up to three pages with separate public identities, visuals, amount suggestions, links, and embed buttons. Donations from every page appear in the Donations app.

## Setup

Open **Donations → Settings**. Select an existing page from the page tabs, or choose **Create page** while fewer than three pages exist. Then open **Donation page**.

Configure:

- Public name, tagline, and description
- Avatar image
- Page background
- Public slug for `/donate/:slug`
- Optional description
- Button label
- Amount mode
- Three suggested USD amounts
- Enabled state

All donation pages use the wallets configured under **Donations → Settings → Receiving**. Changing Receiving updates the available currencies for every page without changing their public content.

Avatar and background uploads accept PNG, JPEG, and WebP images up to 40 megapixels. The file content must match its declared image type. Transparent images are supported. Each page keeps its own active visuals.

Deleting a page disables its public link and frees one of the three page slots. Previously received donations remain in your history.

## Amount modes

| Mode                   | Donor experience                                            |
| ---------------------- | ----------------------------------------------------------- |
| Suggestions and custom | Three quick amount buttons plus a custom amount input       |
| Custom only            | A custom amount input without preset amount buttons         |
| Suggestions only       | Donor must choose one of the three configured amount values |

## Public page

The public page is:

```
https://fincobra.com/donate/:slug
```

When a supporter submits an amount, FinCobra starts the payment flow on the donation page and records the result in Donations.

## Embed snippet

Select the page under **Donations → Settings**, then open **Embed** to copy that page's snippet.

The settings page generates a snippet for your website:

```html
<script
  async
  src="https://fincobra.com/donate-button.js"
  data-fincobra-donate="https://fincobra.com/donate/alice"
  data-label="Donate"
></script>
```

Each snippet links to the selected public donation page. The hosted payment page should open directly in the browser and is not designed for iframe embedding.