Donation For WooCommerce

Setup and Configuration ↑ Back to top

How To set up Donation For WooCommerce:

  1. Download the .zip file from your WooCommerce account.
  2. Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the file you downloaded with Choose File.
  3. Install Now and Activate the extension.
  4. Go to → Wc Donation.
  5. Go to General Setting → Make changes as per your requirement
  6. Click Save Changes.

Getting Started

Product Settings:

  • Go to Products -> Add or Edit Product.
  • Hide Catalog Visibility (this option will hide the product from the shop page).

  • Select “Simple Product”.
  • Set Tax Status to “None”.
  • Set Tax Class to “Zero Rate”.

  • Go to Inventory.
  • Enter unique “SKU ID”.
  • Select status “In Stock”.
  • Enable Sold individually.

  • Go to Shipping.
  • Set Shipping Class to “No Shipping Class”.

  • Click Publish / Update Product.

WC Donation Settings

General Settings:

  • Select Donation Product.

Select a simple product which you have created as a donation product. Only Simple Product will appear in the Donation Product list.

  • Select Donation Amount options.

Admin can set Pre-defined amount or a custom amount where user can enter desired donation amount.

There are two types of option:

  • Free Value: User has the ability to set the amount on the front-end.
  • Predefined Value: Enter values for the user to select from the front-end.

Currency Symbol

You can display the symbol of currency before or after the amount For e.g ($ 10 or 10 €)

  • Set Currency symbol position.
  • Save Changes.

Manage Campaign:

  • Enable Campaign.
  • Add a new campaign & save. (you can add multiple campaigns).
  • Save Changes.

Note* Donation option will be visible at the cart page. Donation amount will be added to the cart total.

Free Value Donation Option

Screenshot 1:

Screenshot 2:

Pre-Defined Donation Option

Screenshot 1:

Screenshot 2:

Order Details ↑ Back to top

Donation Orders

  • Go to WooCommerce -> WooCommerce
  • Filter by Campaign Name.

  • View order for more details.

Styling Option

  • Enter Donation Field Label.
  • Enter Donation button Text.

  • Set Donation Button Color.

  • Set Button Text Color.

  • Save Changes.

Donation Form on Checkout

  • Go to WC Donation -> General Setting.
  • Enable “Show Donation Form on Checkout”.

Donation product will remain the same for cart and checkout page.

Donation option will be visible now on the checkout page. Donation amount will be added to the total order amount.

Front-end View (Checkout Page) Screen 1.

Front-end View (Checkout Page) Screen 2.

Donation Widget

  • Go to WC Donation -> Widget & Shortcode Setting.
  • Select Donation Product.

Only Simple Product will appear in the Donation Product list.

 

There are two option available in Select Campaign dropdown.

  • Select specific campaign to collect donation.

  • Select user defined option to display users all listed campaign.

  • Select Display Donation amount option either Free Value or Pre-defined.

  • For Predefined option select Display Donation styles (Dropdown / Radio button / Labels).

  • Set Currency Symbol position.
  • Enter Donation Field Label.
  • Enter Button Text.
  • Enter Button Color.
  • Button Text Color.
  • Save Changes.

  • Go to Appearance-> Widgets
  • Add Widget into Sidebar or Footer.

Frontend View (Widget)

 

Donating through widget will redirect user to checkout page instead of cart page.

Shortcode Support

  • Click to copy Shortcode [wc_woo_donation] from the Widget & Shortcode setting.

  • Place shortcode [wc_woo_donation] on any page/post.
  • Publish / Update.

Fronted View (short code)

Donation Round Off Purchase

This feature allows user to round off their purchase total at the checkout page. For Example, if the total order cost is $19.5, user will be asked for $0.5 donation to round off order total. When the user donates $0.5 will be added up under the donation campaign in the order summary. So user will pay $20. $19.5 is the price of the purchase product and $0.5 will go into donation.

  • Go to WC Donation -> Round Off Donation.
  • Enable Round off option.
  • Select campaign or let user define.
  • Set currency symbol.


  • Enter Popup Title.
  • Enter Message to Popup.
  • Enter Button Text.
  • Select Button Color.
  • Select Button Text Color.
  • Save Changes.

Frontend View (Donation Round Off).

Front-End View

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top