• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

  • Home
  • Prices/Packages
  • WordPress
  • Services
  • Portfolio
  • Blog
  • About
    • Testimonials
    • Locations
    • Online Payment
  • Contact
  • Show Search
Hide Search

Call 303-907-6133 Email

Create a Donation Page with WooCommerce

Create a Donation Page with WooCommerce

November 1, 2016 by Pat Fortino

WooCommerce is a great shopping cart, but it doesn’t do much without buying plugins to extend it’s basic functions. For example, there’s no way to Create a Donation Page with WooCommerce.

If you are a non-profit organization and want to collect donations of any amount, there’s no way to do it. Sure, you can create a variable product with predefined donation options; eg, $10, $20, $50, $100. But what if you want the user to be able to enter ANY amount?

With the Product Add-ons Extension, you can Create a Donation Page with WooCommerce.

Create a Donation Page With WooCommerce

IMPORTANT: This procedure assumes you already have WooCommerce installed and configured to sell products; eg, you have payment gateway such as PayPal or Authorize.net

Install Product Add-Ons

Buy and install the WooCommerce extension Product Add-Ons. It’s $49 for the extension, but WooCommerce is free, so not a bad deal. How to install WordPress plugins.

Create a new product called Donations

  1. Go to Products and click Add Product.
    WooCommerce displays the Edit Product screen.
  2. Enter a title of Donations.
  3. Enter some descriptive text.
  4. Product Categories: If you don’t want to see related products below the donation product, don’t add the donations product to a category.
  5. From the Product Data menu, click General.
    Woocommerce Product Data Screen - Create a Donation Page with WooCommerce or Invoice Page
  6. Select Simple Product.
  7. Check Virtual.
  8. In the Regular price field, enter 00.00
  9. From the Tax Status field, select None.
  10. From the Product Data menu, click Advanced.
  11. Uncheck Enable Reviews. Most likely, you don’t want reviews on a donation page.
  12. Under Inventory check Sold Individually. This removes the number field next to the product.
  13. From the Product Data menu, click Add-Ons
    WooCommerce Product Add-ons Screen
  14. Click New Addon Group
  15. From the Group list, select Custom Price.
  16. Check Required fields
  17. If you have a minimum or maximum donation amount, enter in it the Min or Max field.
  18. Check Global Addon Exclusion. The option excludes any global Product Add0ons you created for other products.
  19. Click Set Featured image to add a product image for donations. If you don’t specify a featured image, WooCommerce will use the default product image.
  20. Click Publish and review the donation product.
    Notice that the Donate product shows “Free!” on the single product page and on the category page.
    WooCommerce remove "Free!" from product and category page
  21. To remove the Free! text from the category and single product page, add the following code at the end of your functions.php file:
    /**
     * Hide the 'Free!' price notice
     */
    add_filter( 'woocommerce_variable_free_price_html', 'hide_free_price_notice' );
    add_filter( 'woocommerce_free_price_html', 'hide_free_price_notice' );
    add_filter( 'woocommerce_variation_free_price_html', 'hide_free_price_notice' );
    function hide_free_price_notice( $price ) {
      return '';
    }
  22. That’s it. You now have a donation page. Make sure you create a test donation to make sure everything works.

Filed Under: Ecommerce, WooCommerce, WordPress Leave a Comment

Previous Post: « WooCommerce Product Add-ons Review
Next Post: Create an Invoice Payment Page with WooCommerce »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related

Primary Sidebar

Blog Categories

Call Today

Get a Free Quote

303-907-6133

Subscribe to News

News about WordPress, WooCommerce, & Technology

What’s New

  • WPForms Not Sending Notifications
  • Add Terms and Conditions WooCommerce
  • Fix WordPress AMP Validation Errors
  • Use the Classic Editor with Gutenberg Block Editor
  • Add a Message at Top or Bottom of WooCommerce Checkout Page
  • How to Link to a PDF in WordPress

Find Us On…

  • Facebook
  • LinkedIn
  • RSS

Call 303-907-6133 Email

© 2004–2023 · WriteNowDesign · Sitemap · Log in · Return to Top

 

Loading Comments...