How to accept donations using WooCommerce

Woman holding a donation box

Looking for a way to accept donations using your WooCommerce site?

While the obvious option for most site owners would be to use a donation plugin, it’s not the best option for everyone and offers limited customization options for displaying donation “products” on your online store. Instead, you can use a product configurator like the Advanced Product Fields for WooCommerce plugin to accept donations on your WooCommerce site.

In this post, we’ll take a closer look at how you can easily accept donations using your WooCommerce site.

Accepting donations in WooCommerce

While WooCommerce by default doesn’t have built-in functionality that lets you accept donations on your online store, you can use a plugin to let generous customers make donations directly from your WooCommerce site. One way of doing this is by using the Advanced Product Fields for WooCommerce plugin.

The Advanced Product Fields for WooCommerce offers an all-in-one solution for customizing your WooCommerce products with extra options.

Advanced Product Fields WooCommerce
Advanced Product Fields for WooCommerce

The easiest way to accept donations with WooCommerce

Check out the plugin

You can add up to 16 different fields to your products including text boxes, number fields, dropdown lists, checkboxes, radio buttons, and image swatches. As a result, you can showcase extra options for your products in a better way so it makes it easier for your customers to shop from your online store. In addition to this, you can use conditional logic to create an interactive shopping experience on your online store.

As an example, the World Wildlife Fund has a simple Donate to WWF page that lets people make donations.

Example of a donation form

Advanced Product Fields for WooCommerce as a donation plugin

Using the Advanced Product Fields for WooCommerce plugin you can create a “name your price” field that will let your customers make donations directly from your shop’s single product pages.

While the Advanced Product Fields for WooCommerce plugin is a product customizer, it’s much better to use this instead of a dedicated donation plugin. Compared to a traditional donation plugin, Advanced Product Fields for WooCommerce not only lets you showcase a donation field but also offers a wide range of options that optimizes the user experience on your shop. For instance, you can use conditional logic to showcase fields that are relevant to the shopper or let customers select their preferred charity to donate to.

Here’s an example of what we will build:

Donations form in WooCommerce

A better user experience on your WooCommerce site also means happier customers and clients who are likely to donate more. This is great for your fundraising campaigns and can help you collect more donations on your online store.

If you use the Advanced Product Fields for WooCommerce plugin for accepting donations in WooCommerce, you can create a separate donation page or a “donation product”. This is perfect for brands that sell products and services, or have an online presence but also want to accept donations from their clients or customers. It’s also perfect for site owners that don’t need all the extra donation plugin features such as recurring donations or integration with marketing services.

How to accept donations on your WooCommerce site

Here, we’ll show you the easy way to start accepting donations on your WooCommerce site using the Advanced Product Fields for WooCommerce plugin.

For this, you will need a WordPress site with the WooCommerce plugin installed. You will also need the Advanced Product Fields for WooCommerce plugin to create the donation product.

Step 1: install the Advanced Product Fields for WooCommerce plugin

Start off by getting the Advanced Product Fields for WooCommerce plugin and installing it on your WooCommerce site. To do this, navigate to Plugins → Add New from the WordPress admin panel and upload the plugin’s ZIP file to the meta box.

Click on the Install Now button to continue and then activate the plugin on your WooCommerce site.

Next, navigate to WooCommerce → Settings → Product Fields and enter the license key given to you at the time of purchase in the License Key field and click on the Activate button to continue.

Step 2: create a new donation product

Now with the Advanced Product Fields for WooCommerce plugin installed and activated on your WooCommerce site, we can start creating the donation product. To do this, navigate to Products → Add New.

Edit product screen in WooCommerce

Give your donation product a suitable name and add a short description explaining what the donations are for and how the process works. Using the Product data meta box, set the product’s price to 0. This is becausewe’ll use custom fields to display the donation field. This way, you don’t have to restrict customers to donating a predefined amount. As a result, customers will be able to contribute as much as they’d like.

Step 3: add custom donation fields

With basic product details set for the donation product, we can start adding custom fields. Here’s what you need to do:

Click on the Custom fields tab under the Product data meta box to get started. Click on the Add your first field button and select the Number field using the Type dropdown menu.

Number field in APF

Enter a suitable label such as “Enter your donation amount” using the Label field and set the Instructions field to give context to your customers. Make sure to select the Required checkbox so all users enter an amount before they click on the Donate or Add to cart button.

You can also set the Minimum value and Maximum value fields to specify the minimum amount a customer can donate and the maximum amount. Setting the minimum and maximum donation amount is important because you don’t want to end up paying extra fees associated with transferring larger amounts. It’s also useful if the charities you work with have a minimum donation amount requirement.

It’s also a great idea to offer customers more options for making donations from your WooCommerce site. For example, you can let users choose their preferred charity to donate to. To do this, click on the Add a Field and create a new Select list field.

Select field in APF

Using the Options section, click on the Add option to specify the different charities or causes users can donate to.

In addition to this, you can also let your customers enter a custom message when making a donation.

Add a custom message field on a WooCOmmerce product

For this, you can add a Text Area field to let users express themselves when making donations from your WooCommerce site. Once you’re ready, click on the Publish button to continue.

Step 4: style your donation product

Now, shoppers on your WooCommerce site can easily make donations from a single product page. Users can specify the amount they want to donate and choose the charity they’d like to donate to using the select list. Users can even include a custom message to send a kind note when making donations.

The great thing about Advanced Product Fields for WooCommerce is that it not only lets you add custom fields but also offers an easy way to style them differently. For example, instead of displaying the different charity options in a dropdown list, you can display text swatches (clickable buttons) that look much better (and similar to the WWF example we showed at the beginning of this post). To do this, go back to the product’s edit page and replace the Select list field with the Text Swatches field.

See how the select list changes into clickable buttons:

Updated example of donation form on WooCommerce product

Why not use another WooCommerce donation plugin?

During your research, you may have come across specific donation plugins such as Donation For WooCommerce or GiveWP and their WooCommerce add-on. So why would you use Advanced Product Fields instead of these dedicated donation plugins? There are a few reasons:

  • Cost: dedicated donation plugins often cost more.
  • Power: the APF plugin is powerful and can be used for a lot of different use-cases. If you ever need to add extra form input fields, content, or pricing to your products, you can do it with APF.
  • Complex: if you only want to accept simple donations, a dedicated donation plugin may be too complex as they bundle a lot of other features that you may not need.

Conclusion

While you can use a dedicated donation plugin, it’s not the only way to accept donations using WooCommerce. A better way is to use the Advanced Product Fields for WooCommerce plugin to showcase a donation field and let users select extra options when making donations on your WooCommerce site.

Online stores that also sell products or services may not want to use advanced donation features that come as a part of a dedicated donation plugin. This makes the Advanced Product Fields for WooCommerce the ultimate solution for all types of WooCommerce sites that want to set up a modern-looking and responsive donation page while still being able to sell products and services.

Ready to start accepting donations using WooCommerce? Get Advanced Product Fields for WooCommerce today!

Advanced Product Fields WooCommerce
Advanced Product Fields for WooCommerce

The easiest way to accept donations with WooCommerce

Check out the plugin
Share