Donate Button

The Donate Button lets you publish a public donation page and copy a small website snippet from Checkout settings. Donations create normal FinCobra Checkout invoices and send donors to the hosted payment page.

Setup

Open Checkout settings and select Donate Button.

Configure:

• Public title and display name
• Avatar image
• Public slug for /donate/:slug
• Optional description
• Button label
• Amount mode
• Three suggested USD amounts
• Minimum and maximum custom amount
• Enabled state

The donation page uses your existing Checkout payment methods. Configure accepted payment methods before sharing the page.

Avatar uploads accept PNG, JPEG, and WebP images. Checkout compresses the image before storing it and keeps one active avatar for the donation page.

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 donor submits an amount, FinCobra creates a Checkout invoice and redirects the donor to the hosted payment page at /pay/:id.

Embed snippet

The settings page generates a snippet for your website:

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

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