How to Add Donate Button to Your WooCommerce Store

WooCommerce has become a popular eCommerce platform as more and more people are using this as their online store, event booking, online course, restaurant and others. One of the most needed functions is “Donation” for charity or “Tip” for restaurant.

I have developed a new plugin called “WooCommerce Donation/Tip Checkout” where you can enable this option to display a new donation form at the top of checkout page. I have combined two features (Donation and Tip) in this WooCommerce extension.

In WooCommerce Settings Panel, there will be a new submenu link called ‘Donation/Tip Checkout’ where you can:

*   Enabled / Disabled the option
*   Change “Message” to any text
*   Change “Button Label” to any text
*   Change “Title” to any text
*   Change “Default Amount” to any amount
*   Choose “Taxable”
*   Change “Minimum Donation/Tip Amount” to any amount

Admin WooCommerce Settings - Donation/Tip Checkout options

Admin WooCommerce Settings – Donation/Tip Checkout options

Frontend WooCommerce - Checkout page

Frontend WooCommerce – Checkout page

Download WooCommerce Donation/Tip Checkout

10 Comments

  1. Hmm, there isn’t anyway for the customer to choose not to pay a single cent 🙁 Could you please assist?

  2. Hi Leo, if the customer does not click “Add Donation” button on top of checkout form, the customer still can proceed with the order or payment without input any value at donation/tip field. Thanks.

  3. Hey Terry,

    What do you think of using this plugin as a “make a payment”/”pay my bill” style interaction? My client is an oil company whose customers aren’t selecting a product. My thought is the following pathway using a few WooCommerce hacks:

    (1) Users will have a “Make a Payment” link in the nav, and get redirected to the Checkout page with a hidden virtual product with a value of $0.00.

    (2) Add the top of the checkout, the “Add Donation” button will be relabeled “Make a Payment”.

    (3) Extra product pricing fields in the checkout will be hidden from the checkout page and emails.

    I think this will work, have you heard of others using a method like this for this kind of use case? I can’t seem to find any other plugin that remotely allows this kind of functionality.

    Thanks!
    Jason

    PS – You helped me before with WooCommerce Custom Checkout Options and my client loves it! Thank you!

  4. Hey Jason,

    Glad to hear from you again 🙂 For your use case, with my WooCommerce Donation Checkout plugin. You can achieve first 2 options below:

    (1) Users will have a “Make a Payment” link in the nav, and get redirected to the Checkout page with a hidden virtual product with a value of $0.00.
    No, my plugin cannot hide the virtual product with $0.00 at the checkout page and email.

    (2) Add the top of the checkout, the “Add Donation” button will be relabeled “Make a Payment”.
    Yes, it can be done with my donation checkout plugin.

    (3) Extra product pricing fields in the checkout will be hidden from the checkout page and emails.
    Please refer answer (1).

    If you would like to have a plugin with those features above, i would try to see whether i can come out a plugin for that with current WooCommerce hacks. will keep you updated here soon, thanks.

    Regards,
    Terry

  5. Great, thanks Terry. I was thinking I would take care of #1 and #3 myself. One last question: does the donation code go into the customer email? Assuming I make this purchase for this client, would you be able to email me the PHP snippet I would need to add to my custom WooCommerce email template that would display the donation code value?

  6. Hello,

    We’re thinking of getting your plugin to add a donate button before the customer checks out. We’re just wondering if it is compatible with this plugin from WooCommerce that we are using for One Page Checkout.
    http://www.woothemes.com/products/woocommerce-one-page-checkout/

    Cause most of the donate plugins we’ve seen usually adds the donate button on the cart and I think the plugin we use completely do away with the cart.

    Here’s the site where we’re adding the button to.
    https://canadianguns.com/subscribe/subscribe-now/

    Your response will be greatly appreciated! Thanks in advance.

  7. Thanks for your quick reply! I really appreciate it.
    We will be purchasing the plugin and will let you know how it goes.

  8. Hello,

    We already purchased the plugin and it works great!

    The donate form appears above the products by default. We were wondering if it’s possible to move it by using WooComerce hooks? We tried using “woocommerce_checkout_before_order_review” (on line 76 of the wc-donation-tip-checkout.php file) and it moves to the desired location without hassle, however, when we try to donate an amount we get an “We were unable to process your order, please try again.” error.
    https://canadianguns.com/subscribe-now-test/

    Looking forward to your response. Cheers!

  9. I had to deactivate the plugin for now. I also noticed that when the location is moved it causes for the Payment button to not be clickable.

    Once again, thank you for your time. Cheers!

Leave a Comment.