> For the complete documentation index, see [llms.txt](https://eventmate.gitbook.io/eventmate-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eventmate.gitbook.io/eventmate-guide/donations/designing-the-live-donation-page.md).

# Designing the Live Donation Page

eventmate also lets you display a live donation meter, which can inspire greater participation by showing real-time progress toward a fundraising goal. Access it via the **Goal** tab at the top:

<div align="left"><figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FWgvprc8f0RsrVb10eCSD%2Flive%20donation%20page%20tab.png?alt=media&amp;token=11213f85-acc0-4c78-b658-216f15c45739" alt=""><figcaption></figcaption></figure></div>

### 🔣 Add logo

Include your organization or event logo for a professional, branded look on the live donation page.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2Fv0h7Yl8Hy5QRcysVXlkJ%2Flogo%20-%20live%20donation%20page.jpg?alt=media&amp;token=97f5c12c-54a8-4902-a4f1-c3cdec7c3b46" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:** The default color of the background where the logo will be placed will be white. Hence, please avoid uploading white or lighter color logos.
{% endhint %}

### 🎯 Setting your fundraising goal

Specify the total amount you aim to raise (e.g., $100,000). This target appears on the donation meter, encouraging donors to help you reach it.&#x20;

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FlUUjMdKFv7OB8ZeVJFIp%2Fgoal%20-%20live%20donation%20page.png?alt=media&amp;token=c5a50256-2017-47e7-9684-984a3fcf4e19" alt=""><figcaption></figcaption></figure>

### 👓 Donation amount visibility

Choose if you would like to display the donated amount or not on your live donation page.&#x20;

If selected show amount, Donor Name (unless donor choose to be anonymous) and the donated amount will be displayed. If selected to hide amount, only the donor name will be displayed on screen.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2F2ii3eU4zid4RTi7meEzc%2Fshow%20amount.png?alt=media&amp;token=1575d9ef-d9fa-429c-8b2c-cb5a5993298d" alt=""><figcaption></figcaption></figure>

### 🌗 Choosing Your Live Donation Page Style

When setting up your live donation page, you can choose between **two styles**:

* **Gauge Style** – A circular meter that shows fundraising progress in a bold, interactive way.
* **Progress Bar Style** – A modern linear progress bar with more advanced customization options.

Both styles display your fundraising total in real time, but each has its own unique customization settings.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2Fv0CGRdbJlYAvFLaF1Evw%2Fdonate%20page%20options.png?alt=media&amp;token=852e6f15-530a-42ca-b104-3a64d2b7bbda" alt=""><figcaption></figcaption></figure>

### 🕹 Gauge Style

The Gauge Style offers a simple and impactful way to showcase progress.

* **Background & Meter Color**\
  Choose a background color for the page. The same color will also apply to the **gauge meter** and the **fundraising amount text**, keeping the design consistent.
* **Logo Display**\
  Your selected logo will automatically appear on the page, giving it a branded look without additional setup.

This style is great if you prefer a clean, straightforward design with minimal setup required.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FZe5dJD05M6ghl5jGbZLw%2FBG%20Color%20-%20live%20donation%20page.jpg?alt=media&amp;token=7b03e89b-b054-489c-8c53-a1cc5bb48924" alt=""><figcaption></figcaption></figure>

### 📊 Progress Bar Style

The Progress Bar Style gives you more flexibility and customization.

* **Color Options**
  * Choose from **predefined color sets** for the theme config.
  * Or create your own **custom palette** by selecting four colors. This allows you to fully match the bar to your event’s branding.
* **QR Code Option**
  * Enable a QR code that appears on the live page, allowing attendees to scan and donate instantly from their phones.
  * By default, the QR code links to your eventmate donation page.
* **Logo Display**\
  Your event or organization logo will be displayed at the bottom.

This style is ideal if you want a more interactive, branded experience that includes a direct call-to-action through the QR code.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FlUsQlz7w5mzVx9a4Fx73%2Fprogress%20bar%20donation%20setting.png?alt=media&amp;token=3ba84b80-7b30-4dcc-af26-34dbf9b60930" alt=""><figcaption></figcaption></figure>

### 👀 Previewing the live donation page

Click **Preview** to see how your live donation meter will appear on big screens or projectors, so you can make any final tweaks.

<div align="left"><figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FagXxfvcpCyaEFUnZoLeM%2Fpreview%20and%20save%20button.png?alt=media&amp;token=539efbe5-ea95-4e1a-8d33-57b483440419" alt="" width="188"><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Note**: **Save** once satisfied, or you’ll lose any updates..
{% endhint %}

### 🔗 Link for live donation page

After saving, click on **Live Donation Link** (top-right) to copy the link and share it to your AV team or anyone managing displays.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FEDYgl0SIwPV0Zc4Y7BHI%2Fcopy%20goal%20url.png?alt=media&amp;token=c750d63b-2048-4ebe-80f8-dd6217212857" alt=""><figcaption></figcaption></figure>

### 🔉 Link for auctioneers

The auctioneer view is a quick link which can be shared with auctioneers as they can use it during the Fund-A-Need moment to build the momentum.&#x20;

This view is optimized for mobile and tablet view so they can access seamlessly.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2F8zmOWbR6jLPbdHsPhVCQ%2Fauctioneer%20view.png?alt=media&amp;token=83ff3b8d-e394-4e42-a0ed-6cd408831a26" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:** This link isn’t meant for guests—just for those running on-screen visuals.
{% endhint %}