---
title: Donation for WooCommerce – Old Version
description: "## Installation Guide - Log in to your WordPress Admin Panel. - Navigate to the **WordPress Admin Dashboard >** **Plugins >** **Add New**. [![](https://wpexperts.s3.amazonaws.com/wp-content/uploads/store/2023/10/21121151/DFW-instalation-guide.png)](https://wpexperts.s3.amazonaws.com/wp-content/uploads/store/2023/10/21121151/DFW-instalation-guide.png) - Click the **Upload Plugin **button on the top left corner of your screen. - Next, click the **Choose File** button in the…"
url: "https://store.wpexperts.io/docs/donation-for-woocommerce-guide/"
updated: "2026-10-15"
category: Donation For WooCommerce
---

# Donation for WooCommerce – Old Version

## Installation Guide

- Log in to your WordPress Admin Panel.
- Navigate to the **WordPress Admin Dashboard >** **Plugins >** **Add New**.

[![](https://wpexperts.s3.amazonaws.com/wp-content/uploads/store/2023/10/21121151/DFW-instalation-guide.png)](https://wpexperts.s3.amazonaws.com/wp-content/uploads/store/2023/10/21121151/DFW-instalation-guide.png)

- Click the **Upload Plugin **button on the top left corner of your screen.
- Next, click the **Choose File** button in the below box.
- Select the zip file that you have downloaded and upload it.
- Navigate to the **WordPress Admin Dashboard >** **WC Donation >** **Home**.

## Getting Started

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-geting-started.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-geting-started.png)

- You're on the **Home **page. A small introduction will appear, and a video tutorial titled **HOW TO CREATE CAMPAIGN IN DONATION FOR WOOCOMMERCE **will be available.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-how-to-create.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-how-to-create.png)

## Dashboard

The Dashboard is more than just a welcome screen; it is your analytics hub. It provides real-time insights into how your campaigns are performing, helping you make data-driven decisions.

- Go to **WordPress Admin Dashboard **> **WC Donation **> **Dashboard.**
- The **Dashboard** will load for the admin, giving admin insights into key metrics and performance.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image4-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image4-dw.png)

- The Dashboard is organized into **four major sections**.
- **Top Summary Boxes:**

A quick snapshot showing key donation statistics such as total donations, number of donations, and top-performing campaigns.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image11-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image11-dw.png)

- **Total Donation Graph**

 A timeline graph that displays how donation amounts change and grow over a selected period.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image24-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image24-dw.png)

- **Campaigns Donated Amount (Bar Graph)**

 A bar chart that compares the total donated amount across each donation campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image26-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image26-dw.png)

- **Donation Campaign Details Table:**

 A detailed table listing every campaign along with its donation totals and performance metrics.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image8-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image8-dw.png)

### Top Summary Boxes

- The admin can apply the **date range filter** to view data specific to the selected date range.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image15-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image15-dw.png)

- These are the **eight **boxes at the top of the dashboard. Each box provides key performance metrics at a glance.
- **Total Campaigns:** This shows the number of donation campaigns in which orders have been made. The admin can hover over any instance to view a specific date.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image23-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image23-dw.png)

- The admin can hover at any time to view the details of a particular point.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image25-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image25-dw.png)

- **Campaign Categories:** Displays the number of categories for campaigns in which orders have been made.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image3-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image3-dw.png)

- **Campaign Goals:** Indicates the total monetary goal for all campaigns

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image13-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image13-dw.png)

- **Most Funded Campaigns:** Highlights the number of campaigns with the highest donation amounts.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image17-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image17-dw.png)

**Note:** A campaign will be listed in this box when its donation amount reaches **75% **of the campaign goal.

- **Recurring Campaigns:** Lists the number of campaigns that have recurring donation options.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image22-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image22-dw.png)

- **Donors:** Displays the number of donors who participated across all campaigns.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image6-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image6-dw.png)

- **Recurring Donors:** This shows the number of donors who donate repeatedly.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image16-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image16-dw.png)

- **Donated Amount:** Displays the total amount donated across the number of campaigns.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image12-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image12-dw.png)

### Total Donation Graph

- This graph displays a timeline view of the donations received during the selected date range.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image2-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image2-dw.png)

- The admin can hover on the bar to view the details.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image18-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image18-dw.png)

- The admin can search for the details by using the sub-filter provided in the graph.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image1-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image1-dw.png)

- The graph will appear for the filter chosen by the admin.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image21-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image21-dw.png)

### Campaigns Donated Amount (Bar Chart)

- This graph displays the donation amount for each campaign in a comparative bar graph.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image19-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image19-dw.png)

- The admin can hover on the bar to view the details. The total donated amount and donation goal will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image9-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image9-dw.png)

### Donation Campaign Details Table

- The table at the bottom provides a detailed view of each campaign. Four columns are displayed by default.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image7-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image7-dw.png)

- The admin can add more columns by enabling them from the side option.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image5-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image5-dw.png)

- The enabled columns will be added to the Donation Campaign details table.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image10-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image10-dw.png)

- A filter is available for every column. The admin can filter data as needed.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image20-dw.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image20-dw.png)

- The data will be filtered as per admin requirements.

![](https://store.wpexperts.io/wp-content/uploads/2024/09/image14-dw.png)

## All Campaign

- Navigate to the **WordPress Admin Dashboard >** **WC Donation >** **All Campaign**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaign-click.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaign-click.png)

- Now you’re on the **WC Donation **page.
- All the campaigns will appear on this page with all the details.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-campaign-view.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-campaign-view.png)

- Click on the **Add New Campaign** button to add a new campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-add-new-campaign-button.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-add-new-campaign-button.png)

### Add Title

- Give a **Title **to your campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-title-name-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-title-name-one.png)

### Permalink

- Once the title is given to the campaign, a **Permalink **will appear below the title.
- The Administrator can also edit the **Permalink **according to their requirements.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-title-perma-link.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-title-perma-link.png)

### Campaign Settings

- Now you’re on the **Add New Campaign **page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-campaign-setting.png)](https://store.wpexperts.io/wp-content/uploads/2024+/11/DFW-campaign-setting.png)

**Amount Types**

- Go to the **Campaign Settings **tab (You’ll be on the **Campaign Settings **by default).
- There are three **Amount Types **as mentioned below.

**Pre-Defined**

- The **Pre-Defined**** **will show the fixed value for donation.
- Click on the **Add Level **button.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defined-ONE.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defined-ONE.png)

- A **Donation Level **tab will appear.
- We can add multiple **Donation Levels **for multiple amounts of a campaign with a fixed donation amount.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defined-setting-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defined-setting-one.png)

- Set the amount in digits or decimal values in the **Amount **section (The system will pick the donation value from here).
- Set the label in the **Label **section (It will be displayed at the donation dropdown value on the checkout page. The System will not pick the donation amount or any detail from here).

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one.png)

- Click on **Add Level** to show multiple amounts in the donation dropdown menu.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one-add-level.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one-add-level.png)

- You can also delete any donation level by clicking on the **Trash **icon of the donation level.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-two-amount-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-two-amount-one.png)

- You can see that the **Donation Level **is deleted successfully.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-pre-defned-ammount-one.png)

- Click on the **Publish **button in the **Publish **section.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/publish.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/publish.png)

- A **Notification **will appear indicating that the campaign has been published successfully.
- Now navigate to **WordPress Admin Dashboard >** **WC Donation >** **All Campaign**.

### Campaign Shortcode

- Now you’re on the **WC Donation **page.
- We can see that the campaign we created is now present on this page with all the details.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaings.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaings.png)

- Copy the shortcode of the campaign from the **Shortcode **column.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaings-copy.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-all-campaings-copy.png)

- Navigate to  **WordPress Admin Dashboard >** **Pages >** **Add New**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-save-pages.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-save-pages.png)

- A new page would open.
- Add the **Title **of the page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-frontend-add-title.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-frontend-add-title.png)

- Click on the sign ➕ to add blocks.
- Select the **Shortcode **element.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/shortcode-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/shortcode-1.png)

- Now paste the shortcode **[wc_woo_donation id="666"]**.
- Click on the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-shortcode-paste.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-shortcode-paste.png)

**Front-End Impact**

**Amount Type – Pre-Defined**

- When **Pre-Defined**** **is selected as **Amount Type**, we can see how the **Donation Levels **will appear on the Front-End.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-amount-pre-defined.gif)

**Custom**

- Go to the **Admin Dashboard > WC Donation** > **All Campaigns.**
- Select the **Custom Value** option in the** Amount Type** section.
- Select the **Custom Range** option.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-save-pages-2-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-save-pages-2-one.png)

- Select the **Custom Value **option in the **Custom Type **section.
- After selecting the **Custom Value** option, a text box will appear for the user to input the desired placeholder text.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-custom-amount-place-holder-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-custom-amount-place-holder-one.png)

- Also, the same process would be repeated if the Admin selects **BOTH **section.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-both-custom-campaig-1-one.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-both-custom-campaig-1-one.png)

**Front-End Impact**

- Now, the user is not restricted and can enter any amount.
- Also, the placeholder appears in the field configured in the Back-End settings.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-front-end-after-setting.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-front-end-after-setting.png)

**Amount types**

The **Amount Types** setting defines how the donation amount will be displayed and how the user can donate. There are two primary options:

- **Predefined Amount:** The admin sets fixed donation amounts, and the user can only select from them.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Predefined-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Predefined-frontend.png)

- **Custom Amount** The admin can either define a custom amount range or allow a completely open custom amount, and the user can manually enter the donation amount accordingly.

**Custom Range**

When the Custom range option is selected in the Custom amount field, the user can enter an amount within the admin-set limit.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Custom-Value-Custom-Range-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Custom-Value-Custom-Range-Frontend.png)

**Custom Value**

When the Custom Value option is selected in the Custom amount, the user can enter the amount as they choose.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Custom-Value-Custom-Amount-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Custom-Value-Custom-Amount-Frontend.png)

- **Both (Predefined + Custom).** The admin provides fixed donation options while also allowing the user to enter their own custom donation amount.

**Predefinded**

A dropdown will appear with all the predefined values, and the option Other refers to the custom amount.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Both-Predefined-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Both-Predefined-Frontend.png)

The admin can click on the **Other **option to enter a custom amount for the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Both-Custom-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Amount-Type-Both-Custom-Frontend.png)

### Form Settings

- Go to the form settings. We have seven options in the form settings.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Backend.png)

- The Donation Email Recipient option enables users to donate on behalf of another person by sending donation details to the recipient’s email address. Enabling this feature adds an email input field to the campaign page's front end.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Recipient-Backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Recipient-Backend.png)

- The admin can add a label to the Donation email via the **Donation Email label** option.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Label-Backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Label-Backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Recipient-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Email-Recipient-Frontend.png)

- **The display type** option lets the admin choose how the donation amount is displayed on the front end. There are three options available in the **Display Type** dropdown menu.

- Dropdown
- Radio
- Label

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Backend.png)

**Front End**

- Dropdown

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Dropdown-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Dropdown-Frontend.png)

- Radio

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Radio-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Radio-Frontend.png)

- Label

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Label-Frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Display-Type-Label-Frontend.png)

- The **Currency Position** option enables the admin to select the currency position. There are two options available in the Currency position.

- Before
- After

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-Backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-Backend.png)

**Front End**

- Before

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-Before-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-Before-frontend.png)

- After

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-After-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Position-After-frontend.png)

- In the **Donation Field Label **option, enter the text appearing as a Donation Field on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Field-Label-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Field-Label-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Field-Label-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Field-Label-frontend.png)

- In the **Donation Button Label** option, enter the text that will appear in the Donation Button on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Label-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Label-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Label-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Label-frontend.png)

- In the **Donation Button Text Color** option, set the text color of the Donation Button on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Text-Color-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Text-Color-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Text-Color-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Text-Color-frontend.png)

- In the **Donation Button Color** option, set the color of the Donation Button on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Color-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Donation-Button-Color-frontend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Symbol-Color-front-end.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Symbol-Color-front-end.png)

- In the **Currency Symbol Color **option, set the color of the Currency Symbol on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Symbol-Color-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Symbol-Color-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-backend.png)

- In the **Currency Background Color **option, set the color of the Currency Background on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-backend-1.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-backend-1.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Currency-Background-Color-frontend.png)

- In the **Tribute Checkbox Color **option, set the color of the Tribute Checkbox on the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Tribute-Checkbox-Color-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Tribute-Checkbox-Color-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Tribute-Checkbox-Color-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Tribute-Checkbox-Color-frontend.png)

- The admin can add a comprehensive campaign description to the **Campaign Description** field, which will appear on the campaign page.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Description-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Description-backend.png)

**Front End**

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Description-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Description-frontend.png)

- There is a **Campaign Short Description** option. The admin can add a concise and summarized overview of the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Short-Description-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Short-Description-backend.png)

**Front End**

![](https://store.wpexperts.io/wp-content/uploads/2026/02/Form-Settings-Campaign-Short-Description-frontend-1024x592.png)

### Recurring Donations (PAID)

Enables advanced recurring donation functionality using **WooCommerce Subscriptions** for better subscription management and control.

- Download and install the **WooCommerce Subscriptions.**
- Follow the [WooCommerce Subscriptions](https://www.google.com/url?q=https://woocommerce.com/document/subscriptions/&sa=D&source=editors&ust=1743060457728274&usg=AOvVaw1LK5bXJVA78BJW_azfE0BC) documentation to set up and configure the plugin.
- Go to **WordPress Admin Dashboard > WC Donation > All Campaigns > Edit Campaign**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/image4.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/image4.png)

- On the **Edit Campaign** screen, click on the **Recurring Donations** option.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/DFW-image31.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/DFW-image31.png)

- In the **Display Type** dropdown, select **Enable User Choice**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image123.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image123.png)

- Click the **Update** button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image2.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image2.png)

Front End Impact

- **Login** to your account.
- Navigate to the **Donation Single Product **Page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image20.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image20.png)

- Select the **Donation Amount**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image7.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image7.png)

- Check the **Is Recurring** option.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image30.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image30.png)

- When the **Is Recurring** option is checked, the **interval selection** for recurring donations will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image9.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image9.png)

**Display Type**

In this section, go to the **Display Type** option,

1. Disable
2. Enable - Admin’s Choice
3. Enable - User’s Choice

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Recurring-Donations-1.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Recurring-Donations-1.png)

- Choose **Enable - User’s Choice** from the dropdown menu.
- You can also set custom text for recurring donations in the **Recurring Text** option. However, if you don’t want to set any text, then **Enter Donation Recurring** would appear.
- Click on the **Update** button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-recuring-donation-user-choice.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-recuring-donation-user-choice.png)

**Front-End Impact**

- The user will visit the website and select the donation.
- The user will select the Donation level.
- Checkmark the checkbox to make it a recurring payment.
- Set the Intervals for the recurring payment cycles.

**NOTE:**

- **Every (1 to 6 interval)**
- **Day/Week/Month/Year (to select any frequency)**
- **Till (length) For days, it will be 90 days, for a week it will be 52 weeks, for a month it will be 24 months and for a year it will be 5 years after the first purchase. If the user has set the frequency as ‘Every’ and selected ‘Month,’ then the number of months will be displayed; if the user selects 5 months, the donation will be deducted every month for 5 months, then it will automatically stop the deduction of the donated amount.**
- **Once your customer has purchased a product with a recurring donation, the donation will automatically be deducted according to the mentioned frequency.**

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Display-Type-front-end.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Display-Type-front-end.png)

- Once done, click on the **Donate** button.

**NOTE:** Payment gateways like PayPal, Stripe, etc. should be activated when doing the recurring payments.

- The user would be redirected to the **Checkout** page.
- The user will enter the required credentials.
- The user can view the recurring payments cycles in the **Recurring totals** section.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Display-Type-order.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Display-Type-order.png)

- The user will click on the **Sign up now** button.

**Subscription Tab**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Subscriptions**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-subscription.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-subscription.png)

- Click on the subscription number in the **Subscription **column.
- In the image below, **#94 ** is the subscription number.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-subscription-order-hold.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-subscription-order-hold.png)

- Click on the subscriptions.
- When we’re on the **Edit Subscription **page, on the right side of the page there is a **Schedule **section that will show the details of the **Next Payment**, End **Date, **and the **Time zone**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image185.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image185.png)

**Order Tab**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Orders**.
- Click on the Order.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image234.png)

- When we’re on the **Edit Order** page, all the details are available on this page.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image170.png)

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image137.png)

**Count of Donation**

- Only orders with status (Processing and completed) will be counted as a total donation if there is any donation product in them. The total donation, Total Amount & Total Donor deducted on canceled & on-hold orders.
- In the campaign list, the admin can see the total no. of donations against each campaign along with its total amount.

**On Complete**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Orders**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-tab-1.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-tab-1.png)

- Orders with the status **Completed **will be counted as a total donation if there is any donation product in them.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-completed.png)

**On Processing**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Orders**.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-tab-2.png)

- Orders with the status **Processing **will be counted as a total donation if there is any donation product in them.

**Front-End Impact**

**On Complete and On Processing**

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Front-End-Impact-On-Complete-and-On-Processing.png)

**On Hold**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Orders**.
- Orders with the status **On Hold **will reduce the donation goal.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-tab-3.png)

**On Canceled**

- The Admin would go to the **Admin Dashboard **> **WooCommerce **> **Orders**.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-order-tab-4.png)

- Orders with the status of **Canceled** will reduce the donation goal.

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-on-cancled-front-end.png)

**Product Page - On Hold and On Cancelled**

![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Front-End-Impact-On-Hold-and-On-Canceled-front-end-1.png)

### Recurring Donations (FREE)

Allows donors to make recurring donations using the **Subscription for WooCommerce by WP Swings** plugin.

- Download and install the **Subscriptions for WooCommerce from WP Swings**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image7-3-1024x540.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image7-3-1024x540.png)

- Follow the **Subscriptions For WooCommerce **documentation to set up and configure the plugin.
- Go to the **WordPress Admin Dashboard **> **WC Donation **> **All Campaigns**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Getting-Started.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Getting-Started.png)

- Hover on the **Edit **button to edit the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Getting-Started-edit.png)](https://store.wpexperts.io/wp-content/uploads/2024/11/DFW-Getting-Started-edit.png)

- Edit Campaign screen will appear. Navigate to the **Recurring Donations** tab.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image20-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image20-2.png)

**Display Type**

- In the **Display type**, three options are provided.

1. Disable
2. Enable - Admin Choice
3. Enable - Users Choice.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image14-3-1024x520.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image14-3.png)

**Enable - Admin’s Choice**

- Select the** Enable - Admin’s Choice** option from the Display Type. This will allow the admin to configure recurring Donation settings.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image8-3-1024x526.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image8-3.png)

- The admin can set the subscription interval in the **Subscriptions Per Interval **field**. **The interval can be set in **Days**, **Weeks**, **Months**, and **Years**. Whatever the interval value is set by the admin, the subscription will run according to that cycle. For example, if 5 months is selected, the subscription will be charged after every 5 months.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image21-1024x525.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image21.png)

- The admin can set the subscription expiry interval in the **Subscriptions Expiry Interval **field**. **If left empty, the subscription will never expire**. **Whatever the value admin enters, the subscription cycle will no longer be active after that time**. **For example, if the expiry is set to 6 months, the subscription will expire after 6 months.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image17-2-1024x540.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image17-2-1024x540.png)

- Click on the **Update **button to save Changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image16-3-1024x540.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image16-3.png)

**Front-End Impact**

- Login to your account.
- Go to the **Single Donation** Page. Select the **Donation amount.**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image9-4-1024x571.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image9-4.png)

- Click on the **Donate **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image3-3-1024x589.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image3-3.png)

- Go to the **Cart** page. The details of the Donation subscription will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image13-2-1024x492.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image13-2.png)

- Click on the **Proceed to Checkout**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image22-3-1024x492.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image22-3.png)

- The Subscription details will also be available on the **Checkout **page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image4-2-1024x767.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image4-2-1024x767.png)

**Enable - User’s Choice**

- Select the** Enable - User’s Choice** option from the Display Type. This will allow the user to configure recurring Donation settings on the **Single Donation** Page on the Front End.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image12-3-1024x521.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image12-3-1024x521.png)

- The admin can change the **Recurring text** as needed.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image18-2-1024x521.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image18-2.png)

- Click on the **Update **button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image23-1-1024x521.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image23-1.png)

**Front-End Impact**

- Login to your account.
- Go to the **Single Donation** Page. Select the **Donation amount.**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image2-3-1024x724.png)

- Select the **Is Recurring **checkbox to enable the settings available.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image5-2-1024x743.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image5-2-1024x743.png)

- Set the **Subscriptions Per Interval** and **Subscriptions Expiry Interval** as per needed and Click on the **Donate **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image1-3-1024x717.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image1-3.png)

- The Donation Subscription details will appear on the **Cart** page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image10-2-1024x512.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image10-2-1024x512.png)

- The Donation Subscription details will also appear on the **Checkout** page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image24-3-1024x764.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image24-3.png)

**Subscription Table**

- Once a subscription is made for a donation, the donation will be listed in the WP Swings subscription table. Go to **WordPress Admin Dashboard **> **Wp Swings **> **Subscription For WooCommerce**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image15-2-1024x507.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image15-2-1024x507.png)

- Navigate to the **Subscription Table**. The Subscription-based Donations will be listed in the Subscription Table.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image19-3-1024x426.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image19-3.png)

### Donation Goal

- Now you’re on the **Donation Goal **page.
- Donation for WooCommerce’s Goal feature helps you monitor the number of donations collected for a specific campaign and gives you the capability to display these targets to your customers.
- Your donation goal can be defined, measured, and displayed in many ways, including the total amount collected, percentage completed, number of donations received, number of days left, and unique donor count.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image163.png)

**Donation Goal**

- Select the **Enable **radio button to enable the donation goal.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image33-2-1024x713.png)

**Goal Type**

- In the **Goal Type** option, four goal types are available.

1. Amount Raised
2. Percentage Raised
3. Number of Donations
4. Number of Days

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image47-2.png)

**Goal Type - Amount Raised**

- When the **Amount Raised **is selected as **Goal Type **option, a progress bar will appear on the campaign with the amount raised and the total amount on it.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image47-3.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image47-3.png)

 

**Front-End Impact**

- An amount raised option will be highlighted at the start of the progress bar.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image36-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image36-2.png)

**NOTE: **When **Amount Raised **and **Percentage Raised **is selected in the **Goal Type **option, two options will appear below:

- **Goal Amount**
- **Initial Goal Amount**.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image34-2.png)

**Goal Amount**

- Enter the **Goal Amount **and click the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image236.png)

**Front-End Impact**

- The **Goal Amount **will appear at the end of the progress bar, indicating that this is the total goal amount required to achieve the campaign goal.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image134.png)

**Initial Goal Amount**

- Enter the **Initial Goal Amount **and click the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image128.png)

**Front-End Impact**

- The **Initial Goal Amount **will appear at the start of the progress bar, indicating that a certain amount has been raised.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image156.png)

**Goal Type - Percentage Raised**

- When the **Amount Raised **is selected as the **Goal Type **option, a progress bar will appear on the campaign with the amount raised and the total amount on it.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image215.png)

**Front-End Impact**

- The **Initial Goal Amount **will appear at the start of the progress bar, indicating that a certain amount has been raised.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image221.png)

**Goal Type - Number of Donations**

- When the **Number of Donations **is selected as the **Goal Type **option, a progress bar will appear on the campaign with the no. of donations raised.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image101-1.png)

**Front-End Impact**

- The **Number of Donations **will appear at the start of the progress bar, indicating that a certain number of donations has been raised.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image239.png)

**NOTE: **When the **Number of Donations **is selected in the **Goal Type **option, an option will appear below, which is the **No. of Donations**.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image70-1.png)

**No. of Donations**

- Enter the **No. of Donations **and click the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image125.png)

**Front-End Impact**

- The **No. of Donations **will appear at the end of the progress bar, indicating that this is the total no. of donations required to achieve the campaign goal.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image106-2.png)

**Goal Type - Number of Days**

- When the **Number of Days **is selected as the **Goal Type **option, a progress bar will appear on the campaign with the number of days left for the campaign to be active.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image53-1.png)

**NOTE: **When the **Number of Days **is selected in the **Goal Type **option, an option will appear below, which is the **End of Goal**.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image83-1.png)

**End of Goal**

- Select the date in the **End of Goal **option and click the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image39-1.png)

**Front-End Impact**

- The **End of Goal **will appear at the end of the progress bar, indicating the number of days left to achieve the campaign goal.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image38-2.png)

**Progress Bar Color**

- In the **Progress Bar Color **option, set the color of the progress bar of the campaign.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image242.png)

- Click on the field and select the progress bar from the color grid.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image130.gif)

**Front-End Impact**

**Before**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image9-2.png)

**After**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image3-2.png)

**Display Donor Count**

- In the **Display Donor Count **option, it displays unique donor counts and the number of individual donors in numbers. It counts the number of donations donated by different usernames, so if someone donates with the same username multiple times, it will count them as one.
- Select the **Enable **radio button and click on the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image6-2.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image103-1.png)

**Close Form**

- In the **Close Form **option, select the **Enable **radio button to close the specific form.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image186.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image186.png)

- Once done, a new option will appear below titled **Message**.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image182.png)

**Message**

- In the **Message **option, the donation form (donation box) automatically closes and displays a thank you message when the donation goal is achieved.
- Enter the Custom message in the message box.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image224.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image201.png)

**Display Goal on Shop Page**

- In the **Display Goal on Shop Page **option, select the **Enable **radio button to show the goal progress bar on the shop page.
- Once done, click on the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image78-1.png)

**Front-End Impact**

**Before**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image24.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image24.png)

**After**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image222.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image222.png)

**Display Goal on Widget**

- In the **Display Goal on Widget **option, select the **Enable **radio button to show the campaign goal progress bar on the widget front-end.
- Once done, click on the **Update **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image165.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image165.png)

**NOTE: ** Make sure to add the widget to apply this feature.
.

-

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-4.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-4.png)

- Select any section where you want to put the widget and then click on the sign **➕ **to add blocks.
- Select the **WC Donation **element.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image18-1.gif)

- Click on the **Update **button to apply your changes.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image189.png)

**Front-End Impact**

**Before**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image166.png)

**After**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image122.png)

**Reset Goal**

- In the **Reset Goal **option, click the **Reset Goal **button to reset all the current goal progress of the campaign on the front-end.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image49-2.png)

- A **Warning **popup will appear, notifying you that all your data will be lost.
- Click on the **Reset **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image114-1.png)

- Once done, a notification will appear that all your data is reset successfully.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image169.png)

**Front-End Impact**

**Before**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image199.png)

**After**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image76-2.png)

### Donation Cause

The Donation Cause allows the admin to define a specific purpose or goal for a donation campaign, helping donors understand why they are donating and how the funds will be used.

- Go to the **Donation Cause **tab.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image210.png)

- We have four options in the **Donation Cause **tab.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image145.png)

**Donation Cause**

- Select the **Enable **radio button to enable the donation goal.

**Cause Name**

- Enter the **Cause Name**.

**Cause Description**

- Enter the **Cause Description**.

**Cause Thumbnail**

- Select the **Cause** **Thumbnail **by clicking the **Upload Thumbnail **button.
- Once done, click on the **Save **button to save the donation cause.
- Once done, click on the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image77-2.png)

- The cause will be created successfully.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image208.png)

- Click on the **Edit** ( ???? ) sign to edit the donation cause.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image233.png)

- Click on the **Trash **icon in the **Actions **column to delete the donation cause.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image11-1.png)

- Select multiple causes and then click the **Delete Selected **button to delete the selected donation causes.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image178.png)

**Front-End Impact**

- The **Donation Cause **will be visible to the user on the donation page.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image4-1.gif)

- The selected **Donation Cause **will also be highlighted on the **Cart **page.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image204.png)

### Tributes

The Donation Tribute feature allows admins to create multiple tribute options, enabling donors to select a tribute and make a donation in honor or memory of someone special.

- Navigate to the **WordPress Admin Dashboard >** **WC Donation >** **General Settings**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-5.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-5.png)

- Now you’re on the **General Setting **page.
- Go to the bottom of the page and enable the **Tributes **toggle button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image65-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image65-1.png)

- Once done, click on the **Save Changes** button.
- Now navigate to the **Admin Dashboard **> **WC Donation > All Campaigns**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-7.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-7.png)

- All the donation campaigns are present on the **WC Donation **page.
- Click on the **Edit** ( ???? ) sign in the Actions column.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image68-2.png)

- Go to the **Tributes **section.
- Click on the **Add Level **to add tributes.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image213.png)

- Now, enter the label of your tributes.
- You can also delete a tribute by clicking on the **Trash** icon.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image40-1.png)

- Once done, click the **Publish/ Update **button to save your changes.

**Front-End Impact**

- The user will visit the website and select the donation.
- The user will select the **Donation level**.
- The user will select the **Tribute** and then enter the name from whom the user is tributing.
- Once done, the user will click on the **Donate **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image87-1.gif)

- The user would be redirected to the **Checkout **page.
- The user will enter the required credentials.
- Once done, the user clicks the **Place Order **button to complete the donation.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image104-1.png)

**NOTE: ** Once the user is on the **Checkout** page, Navigate to the **Cart **page. We can see that the tribute is displayed under the item.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image52-1.png)

### Frontend Ordering

- The **Frontend Ordering** feature allows the admin to control the **display order of donation elements** on the frontend donation form. Navigate to  **Admin Dashboard **> **WC Donation **> **Add New **> **Time Configuration**.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend.png)

- Using this setting, the admin can arrange components such as **Donation Amount, Donation Cause, Donation Tribute, Email Recipient, Gift Aid, Extra Fee, Subscription, Goal, and Donation Button** in the desired sequence. The order set here is exactly how these elements will appear to users on the frontend.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend-2.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend-2.png)

- Click on the **update **button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend-3.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-backend-3.png)

**Front End**

- Before

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-frontend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-frontend.png)

- After

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-frontend-2.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Frontend-Ordering-frontend-2.png)

### Time Configuration

- The **Time Configuration** feature allows the admin to control **when a donation campaign is visible on the frontend** by setting a time-based schedule. This feature helps admins run **time-restricted campaigns**, manage visibility, and create urgency for donors.
- **Go to**: **Admin Dashboard > WC Donation** > **Add New** > **Time Configuration**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image224-1-1024x397.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image224-1.png)

- In this tab, there are **three** options:

**Set Timer**

- When enabled, You can set the timer on this campaign.

**Timer Type**

- Select which type of timer you want for the campaign.

1. **Daily: **A Start Time and End Time selection will become available if you choose the **Daily **option. Adjust the time as needed for the campaign to be visible on the Front-End.

1. **Specific Day:** If **Specific Day **is chosen, a chart displaying all days will emerge, featuring** Start Time** and** End Time** options for each day. Adjust the times accordingly for the campaign to be visible on the Front-End.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image270-1024x406.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image270.png)

**Campaign after Time Ends**

- Choose the **Select Campaign After Time Ends** button to control the message visibility on the Front-End.

1. **Hide Campaign: **When the **Hide Campaign **is selected, the campaign will disappear on the **Shop **page.

1. **Display Message: **If the **Display Message **radio button is selected, the Custom message will appear instead of the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image206-1024x569.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image206.png)

**Front-End Impact - Hide Campaign**

**Before**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image82-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image82-2.png)

**After**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image141-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image141-1.png)

**Single Product Page/ Campaign Page using ShortCode**

- When **Hide Campaign **is selected, the campaign will disappear on the **Single Product Page **and the **Campaign Page(where the shortcode is used)**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image193-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image193-1.png)

**Front-End Impact - Display type (Display Message)**

- A message will appear when a **Display Message **is selected, which is set in the **Custom Message for Campaign **option instead of the **Donate Now **button on the **Shop **page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image133-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image133-1.png)

**Single Product Page/ Campaign Page using ShortCode**

- When **Display Message **is selected, a message will appear in the **Custom Message for Campaign **option instead of the **Donate Now **button on the **Single Product Page **and the **Campaign Page(where the shortcode is used)**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image31-4.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image31-4.png)

**NOTE: **Adjust the **Timezone** to match your location. This setting will be applied throughout the donation settings.

1. **Go To: Admin Dashboard > Settings.**
2. Adjust the **Timezone** to match your location. This setting will be applied throughout the donation settings.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image149-1-1024x1003.png)

### Time Display

The **Time Display Type** option defines how the campaign timer is visually displayed on the frontend donation form.

- **Flip Clock** — Displays the remaining time in a digital flip-style countdown, clearly showing hours, minutes, and seconds.
- **Pomodoro** — Displays the remaining time using a circular, progress-based timer, providing a visual sense of time passing.
- Go to **WordPress Admin Dashboard **> **WC Donations **> **All Campaigns **> **Edit Campaign**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image189-1-1024x524.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image189-1-1024x524.png)

- Navigate to the **Time Configuration** tab. Enable the **Set Timer** option, and set the **Start **and **End times** as needed.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image170-1-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image170-1-1024x538.png)

- Enable the **Timer Display** option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image127-1-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image127-1-1024x538.png)

**Time Display Type**

- There are two types of **Timer Display**.

1. **Flip Clock**
2. **Pomodoro**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image252-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image252-1024x538.png)

**Flip Clock**

- Select the **Flip Clock** from the **Timer Display Type** option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image60-2-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image60-2-1024x538.png)

- Click on the **Preview** button to review your changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image228-1-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image228-1.png)

- Click on the **Update **button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image190-1-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image190-1-1024x538.png)

**Front-End Impact**

- Login to your account.
- Go to the **Single Donation** page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-2-1024x729.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-2.png)

**Pomodoro**

- Select the **Pomodoro** from the **Timer Display Type** option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image221-1-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image221-1.png)

- Click on the **Update **button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image303-1024x538.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image303.png)

**Front-End Impact**

- Login to your account.
- Go to the **Single Donation **page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image99-2-1024x836.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image99-2-1024x836.png)

### Social Share

- The **Social Share** feature allows donors and admins to share the donation campaign across multiple platforms, helping increase campaign visibility and reach. When enabled, social sharing options appear on the frontend, allowing users to easily share the campaign link via supported social channels and encourage others to donate.
- Go to **WordPress Admin Dashboard **> **WC Donations **> **All Campaigns **> **Edit Campaign**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image189-2-1024x524.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image189-2-1024x524.png)

- Navigate to the **Social Share** tab. Enable the **Social Share **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image107-4-1024x525.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image107-4.png)

- Click on the **Update** button to save changes.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image160-1-1024x525.png)

**Front-End Impact**

- Login to your account.
- Go to the **Single Donation **page. A **Social Share** button will appear on the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image129-1024x682.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image129-1024x682.png)

- Click on the **Social Share **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image203-1-1024x682.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image203-1-1024x682.png)

- The user can share the campaign through these links on the social media accounts.

1. **Copy Link: **Allows users to copy the campaign URL to share via any platform or communication channel.

1. **Facebook:** Facilitates sharing the campaign directly on Facebook, leveraging users' social networks for wider visibility and engagement.

1. **WhatsApp:** This feature enables users to share the campaign link directly with contacts or groups on WhatsApp, a popular messaging platform.

1. **Email: **This option allows you to share the campaign link via email, suitable for personalized outreach and communication with contacts.

1. **Messenger: **This feature allows users to share the campaign link via Facebook Messenger, facilitating one-on-one or group conversations about the cause.

1. **X (formerly Twitter): **Allows users to share the campaign on Twitter, leveraging hashtags and mentions to amplify reach and engagement.

1. **QR Code: **Generates a QR code for the campaign link, facilitating offline sharing and enabling scanning for quick access.

1. **Print Poster: **Provides an option to generate a printable poster promoting the campaign suitable for physical distribution in community spaces or events.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image104-2-1024x662.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image104-2.png)

- For Example, Click on the **Copy Link **option. A link for the campaign will be copied and can be utilized as needed.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image237-1024x688.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image237.png)

### E-Card Templates

The **E-Card Templates** feature allows the admin to create and manage digital card templates that can be sent along with a donation to make it more personal and meaningful. Once an e-card template is added, the admin can include it in donation emails by using the **Campaign E-Card Template** tag.

- Go to **WordPress Admin Dashboard > WC Donation > All Campaigns > Edit Campaign**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image4.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image4.png)

- On the **Edit Campaign** screen, click on the **E-Card Templates **option.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image32.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image32.png)

- Enable the **E-Card Templates** by selecting the **Enable E-Card Templates** option.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image34.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image34.png)

- Click the **Add Template** button to upload a template from your system or the media library.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image8.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image8.png)

- A popup will appear to choose the template. Click on **Use this Template**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image29.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image29.png)

**NOTE:** Only **PNG** and **JPEG** formats are allowed for uploading in the **E-Card template.**

- To remove a template, click the **Remove** button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image23.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image23.png)

- Click **Update** to save the changes.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image19.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image19.png)

- Now, Navigate to **WordPress Admin Dashboard > WC Donation > Donation Emails > Edit Email**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image10.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image10.png)

- Use the **DFW Fields** dropdown to insert the **E-Card Template** tag into the email.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image28.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image28.png)

- Click **Update** to apply the settings.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image14.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image14.png)

Front End Impact

- When a user donates to a campaign and the order status is marked as **Completed**, as set by the admin, an email with **E-Card Template** will be triggered and sent to the user.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image21.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image21.png)

### Campaign Categories

- The **Campaign Categories** feature allows the admin to organize donation campaigns into categories, making it easier to manage campaigns in the backend and helping users find relevant campaigns on the frontend.
- Go to **WordPress Admin Dashboard **> **WC Donations **> **Campaigns Categories**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image196-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image196-1.png)

- The **Campaign Categories **edit page will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image13-1-1024x465.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image13-1-1024x465.png)

-  The Admin can add a **Name**, **Slug**, **Parent Campaign Category**, **Description, **and **Image** for each category.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image220-1-1024x465.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image220-1-1024x465.png)

- Click on the **Add New Campaign Category**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image233-1-1024x467.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image233-1-1024x467.png)

- A new **Campaign Category** will be created and listed in the table.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image79-3-1024x473.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image79-3-1024x473.png)

- Once done with creating a Campaign Category, Go to **WordPress Admin Dashboard **> **WC Donations **> **All Campaigns **> **Edit Campaign**.
- There will be a **Campaign Category** box in the sidebar.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image243-1024x541.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image243-1024x541.png)

- Select a **category **for the Campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image177-1024x537.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image177-1024x537.png)

- Click on the **Update **button to save changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image103-2-1024x537.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image103-2-1024x537.png)

**Front-End Impact**

- Login to your WordPress account.
- Go to the **All Campaign** page. There will be an **All Categories **drop-down.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image77-3-1024x887.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image77-3.png)

- Select a **Category **from the drop-down.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image306-1024x887.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image306-1024x887.png)

- The **campaigns **associated with the **selected category **will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image322.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image322.png)

### Campaign Cover Page

The **Campaign Cover Image** allows the admin to add a featured image to a donation campaign, which is displayed on the frontend to visually represent the campaign.

- To set a campaign cover image, Go to **WordPress Admin Dashboard > WC Donations > All Campaigns** and click **Edit** on the desired campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend.png)

- On the right-hand side, locate the **Campaign Cover Image** section and click **Set Cover Image**.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend-set-cover-image.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend-set-cover-image.png)

- Upload or select an image from the media library. Click **Update** to save and apply the cover image to the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend-update.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-backend-update.png)

**Front End**

- Before

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-frontedn-before-2.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-frontedn-before-2.png)

- After

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-frontedn-before.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Campaign-Cover-Image-frontedn-before.png)

### Display Donation Product

The **Display Donation Product** feature allows the admin to control where the donation product is shown on the frontend. Within the **Display Donation Product** section, the admin can enable the following options:

- **Display Product on Single Page:** Shows the donation product on the individual product detail page.
- **Display Product on Shop Page:** Displays the donation product on the shop and product listing pages

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image8-2.png)

- Enable the **Display product single page **toggle button to display the campaign on the single product page.
- Enable the **Display product shop page **toggle button to display the campaign on the shop page.
- Once done, click on the **Update **button.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image35-2.png)

**Front-End Impact**

**Shop Page**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image16-1.png)

**Single Product Page**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image168.png)

### Featured Campaign

The **Featured Campaign** option allows the admin to highlight specific donation campaigns for increased visibility on the frontend. Featured campaigns can be displayed using a dedicated Gutenberg block.

- Go to **WordPress Admin Dashboard **> **WC Donations **> **All Campaigns **> **Edit Campaign**.
- There will be a **Featured** **Campaign **box in the sidebar.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image172-1-1024x548.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image172-1.png)

- Enable the **Featured Campaign **option to display the campaign as featured.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-1024x546.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-1024x546.png)

- Click on the **Update **button to save the changes.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image159-1-1024x546.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image159-1-1024x546.png)

- Now Go to **WordPress Admin Dashboard **> **Pages  **> **Add New Page**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image116-2-1024x470.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image116-2-1024x470.png)

- Add a **WC Feature Donation **block element.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image171-1-1024x502.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image171-1-1024x502.png)

- Click the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image209-1-1024x552.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image209-1-1024x552.png)

**Front-End Impact**

- Login to your WordPress account.
- Go to the **Featured Campaigns **page. Only featured campaigns will be listed on the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image226-1-1024x640.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image226-1-1024x640.png)

- There will be a star icon on the featured campaigns.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image231-1-1024x640.png)

## All Campaigns Page

The **All Campaigns Page** feature allows the admin to display all donation campaigns on a page using a dedicated Gutenberg block.

1. Go to **WordPress Admin Dashboard **> **Pages  **> **Add New Page**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image52-2-1024x482.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image52-2-1024x482.png)

1. Add a **WC All Donation **block element.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image320-1024x540.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image320-1024x540.png)

1. Click the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image297-1024x532.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image297.png)

**Front-End Impact**

1. Login to your WordPress account.
2. Go to the **All Campaigns **page. All the **Donation Campaigns** will be listed on the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image14-2-1024x921.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image14-2-1024x921.png)

## General Settings

- Navigate to the **WordPress Admin Dashboard >** **WC Donation >** **General Settings**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-9.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-9.png)

- All the options will appear in the **General Settings **section.

### Legacy Cart Donation

- Navigate to the **Legacy Cart Donation **in** General Settings**.
- Enable the **Show Donation form on cart**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-1-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-1-1.png)

**Select Campaign**

- Navigate to **Select Campaign **in **Legacy Cart Donation.**
- Select multiple campaigns in a multi-selector textbox.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-2-2.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-2-2.png)

**Choose Location on Cart**

**Before Cart Table**

- Navigate to the **Choose Location on Cart **in **Legacy Cart Donation.**
- Select from the drop-down menu **Before Cart Page**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-3-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-3-1.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image223.png)

**After Cart Table**

- Navigate **Choose Location on Cart **in **Legacy Cart Donation.**
- Select from the drop-down menu **After Cart Page**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-4-4.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-4-4.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image181.png)

**After Cart**

- Navigate **Choose Location on Cart **in **Legacy Cart Donation.**
- Select from the drop-down menu **After Cart**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-24.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-24.png)

**Front-End Impact**

![image157.png](https://store.wpexperts.io/wp-content/uploads/2023/10/image157.png)

**Campaign Display Type**

- Admin can select **Campaign Display Type** and how they want to display the campaign on the cart page for customers.
- Navigate **Campaign Display Type **in **Legacy Cart Donation**.

**Page**

- Select **Page** from **Campaign Display Type**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-5.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-5.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image157-899x1024.png)

**Pop-up**

- Select **Pop-up **from **Campaign Display Type**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-7.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-7.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image89-1.gif)

**NOTE: ** Pop-up Header Text and Campaign Display Format will be shown when Pop-up is selected only.

**Pop-up Header Text**

- Admin can set the **Pop-up Header Text**, where they will display the heading on the cart page for customers. Whenever a customer visits the cart page after adding a product to the cart.  
- Navigate **Choose Location on Cart **in **Legacy Cart Donation.**
- Enter text in the textbox.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-8.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-8.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image32-1.gif)

**Campaign Display Format**

- Admin can select the **Campaign Display Format**, where they will display the **Campaign Display Format** on the cart page for customers. Whenever a customer visits the cart page after adding a product to the cart.

**Auto Display**

- Navigate **Campaign Display Format **in **Legacy Cart Donation.**
- Select **Auto Display **from **Campaign Display Format**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-9.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-9.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image73.gif)

**Button Display**

- Navigate **Campaign Display Format **in **Legacy Cart Donation.**
- Select **Button Display **from **Campaign Display Format**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-10-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-10-1.png)

**NOTE: ** After selecting **Button Display**, a feature of **Show Button Text - Pop-up Screen** will appear.

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image89-2-1024x537.gif)

**Show Button Text - Pop-up Screen**

- Admin can set the **Show Button Text - Pop-up Screen**, where they will display the **button** on the cart page for customers. Whenever a customer visits the cart page after adding a product to the cart.  
- Navigate **Show Button Text - Pop-up Screen **in **Legacy Cart Donation.**
- Enter the text in the textbox.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-11.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-11.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image209.png)

**Campaign Format Type**

- Admin can set the **Campaign Format Type**, where they will display the **Campaigns** on the cart page for customers in different formats. Whenever a customer visits the cart page after adding a product to the cart.

**Block**

- Navigate **Campaign Format Type **in **Legacy Cart Donation.**
- Click on it, and select the **Block **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-12.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-12.png)

**Front-End Impact**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image197-1024x567.gif)

**List**

- Navigate **Campaign Format Type **in **Legacy Cart Donation.**
- Click on it, and select the **List **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-13.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-13.png)

**Front-End Impact**

**Before**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image197-1.gif)

**After**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image174.gif)

**Grid**

- Navigate **Campaign Format Type **in **Legacy Cart Donation.**
- Click on it, and select the **Grid **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-14.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-14.png)

**Front-End Impact**

**Before**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image174-1.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image174-1.gif)

- After

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image135.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image135.gif)

**Table**

- Navigate **Campaign Format Type **in **Legacy Cart Donation.**
- Click on it, and select the **Table **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-15.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-15.png)

**NOTE: ** When the **Table **format type is selected from the **Campaign Format Type **only then **Deactivating Columns In Table Format **will appear.

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image154.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image154.gif)

**Deactivating Columns In Table Format**

- Admin can restrict campaign thumbnail, causes, and description columns in the Table displaying on the front-end.

**Deactivate Campaign Thumbnail**

- Navigate **Deactivate Columns In Table Format **in **Legacy Cart Donation.**
- Enable the **Deactivate Campaign Thumbnail **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-16.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-16.png)

**Front-End Impact**

**Before**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image154-1-1024x573.gif)

**After**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-1.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-1.gif)

**Deactivate Campaign Causes**

- Navigate **Deactivate Columns In Table Format **in **Legacy Cart Donation.**
- Enable the **Deactivate Campaign Causes **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-17-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-17-1.png)

**Front-End Impact**

**Before**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-2.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image63-2.gif)

**After**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image159.gif)

**Deactivate Campaign Description**

- Navigate **Deactivate Columns In Table Format **in **Legacy Cart Donation.**
- Enable the **Deactivate Campaign Description **format from the drop-down menu.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/1mg-18.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/1mg-18.png)

**Front End**

- Before

Go to the cart page and click on the **View Campaigns** button.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Deactivate-Campaign-Description-Frontend-before.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Deactivate-Campaign-Description-Frontend-before.png)

- After

Go to the cart page and click on the **View Campaigns** button. Campaign Thumbnail, Campaign Causes, and Campaign Description will be deactivated.

[![](https://store.wpexperts.io/wp-content/uploads/2026/02/Deactivate-Campaign-Description-Frontend-after.png)](https://store.wpexperts.io/wp-content/uploads/2026/02/Deactivate-Campaign-Description-Frontend-after.png)

### Legacy Checkout Donation

- Navigate to the **Legacy Checkout Donation **in** General Settings**.
- Enable the **Show Donation form on checkout**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-20-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-20-1.png)

**Select Campaign**

- Navigate to **Select Campaign **in **Legacy Checkout Donation.**
- Select multiple campaigns in a multi-selector textbox.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-21.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-21.png)

**Choose Location on Checkout**

**Before Payment Method Section**

- Navigate **Choose Location on Checkout **in **Legacy Checkout Donation.**
- Select from the drop-down menu **Before Payment Method Section**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-22.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-22.png)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image152.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image152.png)

**After Payment Method Section**

- Navigate **Choose Location on Checkout **in **Legacy Checkout Donation.**
- Select from the drop-down menu **After Payment Method Section**.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-23.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-23.png)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image188.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image188.png)

### Round Off Donation

- The Round-off Donation feature allows your customers to round off their final payment value to the closest round number.
- If the product’s price is in rational value, a pop-up message will appear asking the customer to donate the round-off amount to any campaign of the user’s choice. Users can skip this process if they don’t want to round off the value.
- Toggle the **Round Off Donation **to Enable it.

**Select Campaigns**

- Select the campaigns the Admin wants to set for Round Off Donation in the **Select Campaigns **option.

**Round Off Multiplier**

- Set the multiplier for the Round Off according to your requirement in the **Round Off Multiplier **option.
- Let’s suppose your customer is purchasing a product for $25 and donating an amount of $2.5 for any listed or specified donation product. The round-off multiplier will ask the customer to settle the final payment at $ 28.
- **For Example: **Suppose if you input the value $8, your cart total will be reached to the nearest number, which will be divisible by 8.
- Cart Total: $27.35
- Round off multiplier: 8
- Now, after 27, your next number, which will be divisible by 8, is 32
- So, 32 – 27.35 = 4.65
- Your donation will be $4.65.

**NOTE: **Round Off will work only if your cart total is in decimal. If there are whole numbers in the cart and checkout page, then the round-off functionality will ignore the whole numbers.

**NOTE: **The number should be greater than 0. If empty or other value than an integer, it will be considered as 1.

**Popup Message (use %amount% to show dynamic donation value in message)**

- Enter the text that will be displayed in the popup message in the **Popup Message (use %amount% to show dynamic donation value in message)** option.

**Cancel Button Text**

- Enter the cancel button text displayed in the popup in the **Cancel Button Text **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image75-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image75-1.png)

**Front-End Impact**

- Select a product with a price value in decimal and click on the **Add to Cart **button against it.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image194.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image194.png)

- Now navigate to the **Checkout **page.
- We can see that the total amount is in decimal at the moment.
- Click on the **Place Order **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image240.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image240.png)

- A popup will appear. It will allow the customer to round off the amount if we click on the donate button.
- If we click on the **Skip **button then the order will be placed with the actual amount in the decimal form.
- If we click on the Donate button then the round off amount will be donated to the campaign selected in the **Round Off Donation **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image12-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image12-2.png)

- We can see that the amount is now updated to a rounded off value and the total amount is not now a decimal value anymore.
- Click on the **Place Order **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image1-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image1-2.png)

- The order is placed successfully with the updated amount.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image66-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image66-1.png)

### Donation on Product

The **Donation on Product** feature allows the admin to attach a donation amount to a product, either as a **fixed amount** or a **percentage**. This donation value is automatically deducted from the product price and treated as a donation when the product is purchased.

- Navigate to **WordPress Admin Dashboard > WC Donation > General Settings**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image40.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image40.png)

- Locate and enable the **Donation on Products** toggle button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image38.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image38.png)

- Select the campaign from the **Select Campaign** dropdown.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image15.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image15.png)

- Enter the donation amount as a **percentage **in the **Enter Donation Amount** field.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image27.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image27.png)

**Note:** The value entered in the **Enter Donation Amount** field will be in **percentage (%).**

- Choose the product from which the donation amount will be deducted when purchased using the **Select Products** field.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image45.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image45.png)

- Click the **Save** button to apply the settings.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image1.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image1.png)

- The selected product will be listed in the **Donation Campaign** table.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image24.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image24.png)

- The admin can **edit **the product from the table.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image44.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image44.png)

- The admin can **delete **the product from the table.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image3.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image3.png)

- Enable the following visibility options if needed:
- **Visible on Cart**: Displays donation details on the **Cart **page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image33.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image33.png)

- **Visible on Checkout**: Displays donation details on the **Checkout **page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image25.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image25.png)

- **Visible on Single Product**: Displays donation details on the **Single Product **page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image37.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image37.png)

- Click on the **Save Changes** button to update the settings.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image43.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image43.png)

Front End Impact

- Login to your account.
- Go to the **Single Product **Page – The Donation on Product message will be displayed.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image13.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image13.png)

- Add the Product to the **Cart** – The Donation on Product message will appear on the **Cart **page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image16.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image16.png)

- Proceed to **Checkout** – The Donation on Product message will also be shown on the **Checkout **page.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image39.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image39.png)

- A specific amount will be deducted from the order total and allocated to the selected donation campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image26.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image26.png)

### Credit Card Processing Fees

- Processing fees charged on credit card payments would be paid by the user donating. This feature allows the admin to ask the end-user for the processing fees charged on credit card processing against the donation being received so that the user’s donation is sent to the admin, and the processing fee is not deducted from the donation amount.
- **Credit Card Processing Fees **will be at the bottom of the page.
- Toggle the **Credit Card Processing Fees **to Enable it.

**Select Campaigns**

- Select the campaigns the Admin wants to charge this fee in the **Select Campaigns **option.

**Select Fees Type**

- Select the fee type, i.e., **Percentage **or **Fixed, **according to your requirement in the **Select Fees Type **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image196.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image196.png)

**Enter Fees Amount**

- Enter the processing fees that will be charged in the **Enter Percentage **option. This will be charged according to the **Select Fees Type (Percentage or Fixed) option.**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image227.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image227.png)

**Enter Processing Fees Text**

- Enter the text that will be displayed for this fee in the **Enter Processing Fees Text** option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image230.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image230.png)

**Front-End Impact**

- The user will checkmark the **Credit Card Processing Fees **option and text set in the **Enter Processing Fees Text **option would appear beside the checkbox on the front-end.
- Based on the amount of donation, a certain percentage or fixed amount of them would be charged additionally which is set in the **Enter Percentage **option in the back-end configuration and will be added to the total amount.

**Fees Type - Percentage**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image22-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image22-2.png)

**Fees Type - Fixed**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image131.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image131.png)

## Gift Aid (UK)

**Gift Aid (UK)** is a donation enhancement feature that allows eligible UK taxpayers to increase the value of their donation at no extra cost. When enabled, donors can confirm their Gift Aid declaration during checkout, enabling the organization to reclaim additional tax and increasing the total donation received.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/1mg-.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/1mg-.png)

- Once you click on the General Settings, the admin can see **Gift Aid UK **settings.
- You can **enable **or **disable **the** Gift Aid UK** by using the toggle button under the **General Settings**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-16.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-16.png)

**NOTE: **To display Campaigns, users must define Campaign in the **Legacy Cart Donation **and **Legacy Checkout Donation.**

- Admin must add the** Gift Aid Title, Gift Aid Checkbox Text ,Gift Aid Explanation and Gift Aid Declaration Message** text boxes in the respective fields**.**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image-250-1.webp)](https://store.wpexperts.io/wp-content/uploads/2023/10/image-250-1.webp)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-10.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-10.png)

- Admin must enable the **Gift Aid UK **on the following checkboxes:

**Visible on Cart**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-12.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-12.png)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image12.webp)](https://store.wpexperts.io/wp-content/uploads/2023/10/image12.webp)

**Visible on Checkout**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-13.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-13.png)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-17.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-17.png)

**Visible on Widget**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-14-2.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-14-2.png)

- After the changes are applied and saved, the admin must set the widgets from the **WordPress Admin dashboard> Appearance**** > Widgets**.
- Select the desired **Campaign** and click the **Save button.**

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image5-3-1024x391.gif)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-18.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-18.png)

**Visible on Single Page**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-15.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-15.png)

**Front-End Impact**

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-10-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-10-1.png)

**PDF Receipt**

- Go to the bottom of the page and enable the **PDF Receipt **toggle button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-20.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-20.png)

- Once done, click on the **Save Changes** button.
- Now navigate to the **Admin Dashboard **> **WC Donation > Reports**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-25.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-25.png)

- Now you’re on the **Donation Reports **page.
- All the reports of each donation with all the details are present on this page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image192.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image192.png)

- In the Actions column, two icons are present,

- Email
- PDF

**Email**

- Click the **Email **icon to send the report of the donation to the user.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image50.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image50.png)

- You’ll be notified when the email is sent successfully.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-77-1.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-77-1.png)

- The user will receive an email about the details of the donation and the report in PDF format.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image74-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image74-1.png)

**PDF**

- Click the **PDF **icon to send the donation report to the user.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image158.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image158.png)

- The report will be downloaded in **PDF** format.
- Click on the report to open.
- The report will have all the details of that individual donation.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image184.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image184.png)

- You can also filter the reports according to the options given in the dropdown menu,

- Today
- Yesterday
- Last 7 days
- Last Month
- Last Year

- Select an option from the dropdown menu, and the plugin will filter the reports accordingly.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image132.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image132.gif)

**CSV Reports**

- You can also download CSV Reports of your donations in bulk.
- Select the reports you want to download.
- Once done, click on the **Download CSV Reports** button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image150.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image150.png)

- A CSV file will be downloaded.
- Click on the CSV file to open it.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image120-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image120-1.png)

- The CSV file will have all the details of the selected reports.

**PDF Reports**

- Similarly, you can download PDF Reports of your donations in bulk.
- Select the reports you want to download.
- Once done, click on the **Download PDF Reports** button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image28-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image28-2.png)

- A PDF file will be downloaded.
- Click on the PDF file to open it.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image238.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image238.png)

- The PDF file will have all the details of the selected reports.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image29-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image29-1.png)

**Report Shortcode**

- Navigate to  **WordPress Admin Dashboard >** **Pages >** **Add New**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-26.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-26.png)

- A new page would open.
- Add the **Title **of the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image112-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image112-2.png)

- Click on the sign ➕ to add blocks.
- Select the **Shortcode **element.
- Now paste the shortcode **[donation_reports]**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image190.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image190.png)

- Click on the **Publish **button.
- Now, when the user goes to the website and the page where the shortcode was pasted.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image105-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image105-1.png)

**View Report**

- The user can view the report’s details by clicking the **View Report** button in the Action column.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image212.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image212.png)

- Once done, a popup will appear with all the details of that respective report.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image37.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image37.gif)

**Download PDF**

- The user can also download the report by clicking the **Download PDF **button in the Action column.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image102-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image102-1.png)

- The report will be downloaded in **PDF** format.
- Click on the report to open.
- The report will have all the details of that individual donation.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image58-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image58-1.png)

**Custom Filter**

- The user can also view the reports of a specific duration by setting custom dates.
- Set the dates in the **Custom **section.
- Click on the **Go **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image205.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image205.gif)

- The reports generated between the dates will be filtered.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image126.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image126.png)

**Clear Filter**

- Click on the **Clear Filters **button to clear the filters.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image161.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image161.png)

**Export CSV – Bulk**

- Click on the **Export CSV **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image84-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image84-1.png)

- Once done, a CSV file will be downloaded.
- Open the CSV file.
- It will contain all the details of that particular user's donations.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image64-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image64-2.png)

**Download PDF – Bulk**

- Click on the **Download PDF **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image218.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image218.png)

- Once done, a PDF file will be downloaded.
- Open the PDF file.
- It will contain all the details of that particular user's donations.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image7-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image7-2.png)

### Donation Emails

The **Donation Email** feature allows the admin to configure and send automated email notifications containing donation details to donors and recipients after a donation is completed.

- Navigate to **WordPress Admin Dashboard > WC Donation > Donation Emails**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image41.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image41.png)

- Click on **Add New Donation Email**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image5.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image5.png)

- Enter a **Title** in the **Add Title** field.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image11.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image11.png)

- Enter a **Subject** of email in the **Subject** field.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image22.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image22.png)

- Use the **DFW Fields** dropdown to insert tags into the **Email Body**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image42.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image42.png)

- In the **Campaigns** meta box, select the campaigns to which this email applies.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image6.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image6.png)

- In the **Actions** meta box, choose when the email will be triggered.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image36.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image36.png)

- **Enable** the email template using the **Enable Template** option.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image17.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image17.png)

- Click **Publish** to save the email template.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image35.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image35.png)

Front End Impact

- When a user donates to a campaign and the order status is marked as **Completed**, as set by the admin, an email will be triggered and sent to the user.

[![](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image18.png)](https://store.wpexperts.io/wp-content/uploads/2025/02/dfw-image18.png)

### WC Donation API

- Go to the bottom of the page and enable the **WC Donation API **toggle button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-22.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-22.png)

- Once done, click on the **Save Changes** button.

### Synchronize Campaign Data

- At the bottom of the page, a **Synchronize Campaign Data **option is present.
- Click on the **Synchronize **button.
- Clicking on this button will ensure your donation order data is synchronized correctly. Use this option if you encounter incorrect campaign data.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image217.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image217.png)

### Tribute (Messages)

- Navigate **Tributes **in** General Settings**.
- Enable the **Tributes **option.** **Once done, a **Messages **option will appear.
- Now enable the **Messages **option.
- Click on **Save Changes**.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image243.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image243.gif)

- Add a new campaign or edit an existing campaign.
- Navigate **Tributes**, and click on it.
- Click on **Add Level** and enter a label that will appear on the front-end.
- Click on the **Publish/Update** button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/image-23.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/image-23.png)

**Front-End Impact**

**Product Page**

- Go to the **Product Page** of the donation campaign.
- The user will enter the donation amount in the **Donation** text box.
- The user will select the Tribute and enter the **Name** and **Message **from whom the user is tributing.
- Once done, the user will click the **Donate** button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image129.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image129.gif)

**Checkout Page**

- The user will be redirected to the **Checkout page**.
- The user will enter the required credentials.
- Once done, the user clicks the **Place Order **button to complete the donation.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image86-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image86-1.png)

**NOTE: **Once the user is on the **Checkout Page**, navigate to the **Cart Page**. We can see that the tribute is displayed under the item.

- A Thank you message will appear with the order description after the order is placed successfully.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image30-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image30-2.png)

**NOTE: **Once the user placed the order successfully, navigate to the campaign product page. We can see that the tribute is displayed under the item.

- Navigate to the **Shop Page** **>** **Product Page** of the campaign.
- In the tribute wall, User details with messages will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image151.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image151.png)

### WC Donation Tabs (Multiple Donation Tabs)

- Navigate to **WordPress Admin Dashboard >** **Pages >** **Add New**.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/img-26.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/img-26.png)

- A new page would open.
- Add the **Title **of the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image112-3.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image112-3.png)

- Click on the sign ➕ to add blocks.
- Select the **WC Donation Tabs **element.
- Once done, select any two campaigns in the **Select First Campaign **and **Select Second Campaign **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image146.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image146.gif)

- Now enter the titles of both campaigns in the **Enter First Tab title **and **Enter Second Tab title **option.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image200.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image200.png)

- Once done, click on the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2025/01/imaage.png)](https://store.wpexperts.io/wp-content/uploads/2025/01/imaage.png)

**Front-End Impact**

- Go to the website.
- Go to the **WC Donation Tabs **page.
- Both tabs will appear on the **WC Donation Tabs **page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-1.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-1.gif)

- Select the campaign by clicking on the tabs available.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-2.gif)](https://store.wpexperts.io/wp-content/uploads/2023/10/image71-2.gif)

**NOTE: ** If the Administrator does not enter the titles of both campaigns in the **Enter First Tab title **and **Enter Second Tab title **option.

![](https://store.wpexperts.io/wp-content/uploads/2023/10/image81-1.png)

The campaigns will not appear on the WC Donation Tabs page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image167.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image167.png)

### Donor Wall

The **Donor Wall** feature allows the admin to display a list of donors associated with a donation campaign on the frontend.

This tab includes two options:

- **Campaign Donor List:** Displays the names and donation details of donors who choose to make their donation public.
- **Campaign Anonymous List:** Displays donations made anonymously without revealing donor identities.
- Go to the **Admin Dashboard > WC Donation** > **General Settings.**
- Add the **Donor Wall **section below the **Messages **option.
- Two shortcodes will appear below the **Donor Wall **option, which will work globally.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image70-2-1024x566.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image70-2-1024x566.png)

- When enabling the **Donor Wall **option, a tab will appear on the **Campaign Edit **page.
- Navigate to the **Donor Wall **tab.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image122-1-1024x401.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image122-1-1024x401.png)

- We have** two** options in this tab:

1. Campaign Donor List
2. Campaign Anonymous List

- These two toggle buttons will work specifically according to the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image41-1-1024x400.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image41-1-1024x400.png)

**NOTE: **If the **Campaign Donor List **and **Campaign Anonymous List **toggle buttons are enabled, both will appear in the Donor Wall section. The **Campaign Donor List **will appear first. Then, the **Campaign Anonymous List will appear**.

**Front-End Impact**

**Campaign Donor List**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image276-480x1024.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image276-480x1024.png)

**Campaign Anonymous Donor List**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image250-521x1024.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image250.png)

**Global Donors Wall Shortcode**

- Navigate to  **WordPress Admin Dashboard >** **Pages > ****Add New**.
- A new page would open.
- Add the **Title **of the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image61-2.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image61-2.png)

- Click on the sign ➕ to add blocks.
- Select the **Shortcode **element.
- Now paste the shortcode.
- Click on the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image274-1024x397.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image274.png)

**Front-End Impact**

**Global Donors Wall**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image9-3.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image9-3.png)

**Leaderboard Donors Wall Shortcode**

- Navigate to  **WordPress Admin Dashboard >** **Pages > ****Add New**.
- A new page would open.
- Add the **Title **of the page.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image61-3.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image61-3.png)

- Click on the sign ➕ to add blocks.
- Select the **Shortcode **element.
- Now paste the shortcode.
- Click on the **Publish **button.

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image158-1-1024x371.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image158-1.png)

**Front-End Impact**

**Leaderboard Donors Wall**

[![](https://store.wpexperts.io/wp-content/uploads/2023/10/image246-1.png)](https://store.wpexperts.io/wp-content/uploads/2023/10/image246-1.png)

## WC Donation Checkout

The **WC Donation Checkout** feature allows the admin to control how donors complete the donation process on the frontend by selecting a checkout style for each campaign.

Using the **Select Style** dropdown, the admin can choose between two checkout experiences:

- **Single Page Checkout** The entire donation process—donation amount selection, donor information, and payment—is completed on a single page. This option is ideal for users who prefer a quick and straightforward checkout with minimal steps.
- **Multi-Step Wizard Checkout** The donation process is displayed in a step-by-step pop-up window that guides donors through multiple stages, such as selecting the donation amount, entering personal details, and choosing a payment method. All steps are completed within a single pop-up, allowing users to donate without leaving the current page. This structured flow improves clarity, reduces confusion, and enhances the overall donation experience.

- Navigate to **WordPress Admin Dashboard** > **Pages** > **Add New Page**.
-  Enter a **title **for the page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-new-1.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-new-1.png)

- Search for the **WC Donation Checkout** block.  

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image-new-2.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image-new-2.png)

**NOTE:** This feature will work only when the **Legacy Checkout Donation** is disabled in **WordPress Admin Dashboard > WC Donation > General Settings > Legacy Checkout Donation**.

- Select the **donation campaign** from the **Select Donation** dropdown.  

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-3.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-3.png)

Choose the style from the **Select Style** dropdown for the campaign display on the front end. There are two options available:

- **Single Page Checkout:** The donation checkout process will be completed on a single page.
- **Multi-Step Wizard Checkout:** The donation checkout process will be divided into multiple steps for a guided experience.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-4.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-4.png)

- Click the **Publish** button to save and publish the page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-5.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-5.png)

**Single-Page Popup Checkout** 

The donation process is completed within a **single pop-up page**, allowing users to enter their details and make the payment without leaving the current screen. This ensures a **quick and smooth checkout experience**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image9-5.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image9-5.png)

- Click the **Publish **or **Save **button to save and publish the page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/image14-5.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/image14-5.png)

**Multi-Step Wizard Popup Checkout**

The donation process is completed through a step-by-step pop-up window, guiding users through multiple stages of amount selection, personal details, and payment method within the same pop-up. This structured flow helps ensure clarity, ease of use, and a smooth donation experience without navigating away from the current screen.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image3.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image3.png)

- Click the **Publish **or **Save **button to save and publish the page.

![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-12.png)

### Front End Impact:

- Single Page Checkout
- Go to the **Donation Checkout** page. The selected donation campaign will be displayed.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-6.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-6.png)

- Choose the desired amount.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-7.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-7.png)

- Click on the **Place Order** button to donate into the campaign.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-14.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-14.png)

- The donation will be done through **Single Page Checkout**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-8.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-8.png)

- Multi Step Wizard Checkout
- Go to the **Donation Checkout** page. The selected donation campaign will be displayed.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-9.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-9.png)

- Select the donation amount and click on **Continue to Donate**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-10.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-10.png)

- Fill out the necessary details. Once completed, click on **Continue to Donate**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-11.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-11.png)

- Select the **Payment Option **and click on the **Place Order**.

![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-12.png)

- The donation is done through **Multiple Step Wizard Checkout**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-13.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-img-new-13.png)

**Single-Page Popup Checkout**

- Go to the donation section and click the **Donate Now** button.
- A pop-up checkout window will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image4.gif)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image4.gif)

- Select the desired donation amount.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image2.gif)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image2.gif)

- Enter your billing and payment details directly within the pop-up.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image8.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image8.png)

- Click the **Donate** or **Place Order** button to complete the donation.
- The donation will be completed instantly through the **Single Page Popup Checkout**, without leaving the current page

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image10.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image10.png)

- The donation is done through **Single-Page Popup Checkout.**

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image11.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image11.png)

**Multi-Step Wizard Popup Checkout**

- Go to the donation section and click the **Donate Now** button.
- A pop-up checkout window will appear.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image5.gif)](https://store.wpexperts.io/wp-content/uploads/2024/09/dfw-image5.gif)

- Fill out the necessary details. Once completed, click on **Continue to Donate**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image15.gif)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image15.gif)

- Now, choose your preferred payment option and click on the **Place Order** button.
- The donation will be completed through a **Multi-Step Wizard Popup Checkout**, without redirecting to a separate page.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image1.gif)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image1.gif)

- The donation is done through **Multi-Step Wizard Popup Checkout**.

[![](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image7.png)](https://store.wpexperts.io/wp-content/uploads/2024/09/DFW-image7.png)

**Custom Range**
