How To Create Custom Checkout Fields in WooCommerce

We write a lot about WooCommerce here and I always am looking for great plugins to help store owners get more control over their sites. Although you might need to hire someone to meet specific needs, other times, all it takes is a powerful plugin. That is where Conditional Checkout Fields takes over.

Conditional Checkout Fields Plugin for WooCommerce

I may sound like a broken record when I talk about conditional logic, but often it’s the best way to do so many things with your WooCommerce online store. With this plugin, you can create unlimited custom conditional fields, which will only display based on what products are in the cart. You can even control it by quantity. This works well because you can add custom fields to the checkout without overwhelming your customers with options they don’t want or need.

Global Settings

You can set global settings for the location of the field as well as custom text above and below that field.

Creating a Conditional Checkout Field

This is where it all happens. You have a lot of control in setting when these fields pop up.

A few things to note here. The Before and After Field text can be customized per custom field to override the settings I showed you above.

You can create the condition based on three important elements.

1. The minimum quantity that has be in the customer’s cart before it will show.
2. The product you want this specific custom field to show once that product is in the cart.
3. Categories to also control when the field is shown, based on products assigned to the category.

And of course several other parameters which you will set.

You have a variety of input fields to choose from when creating this custom checkout field.

Examples of Custom Checkout Fields

In this first example, I have added a space, so if someone chooses the Metal Engraving, they have a text area to add the engraving.

If we look at the checkout with some other item added, we don’t see this option.

But if we add it to the cart, now it’s visible.

In the next example, I am going to use a service instead of a product. This is a WordPress retainer for coaching and training. I will send them a longer form to fill out later with information I need, but in order for me to send them to the right form, I need to know if they have an existing site or  they need help with a new site build. So I add the option as a dropdown menu to let me know when they order.

And it would obviously not show this field until I add the retainer to my cart, but you can see it is included at checkout.

For the last example, let’s look at something around quantity. Let’s say that when someone orders more than 10 of any t-shirt, there is a checkbox that they need to agree to, that orders take up to 30 days to ship. The setup would look like this and instead of a product choice, I have used the category t-shirts.

If we order only 5 t-shirts, we don’t see the message.

If we order 10 or more:

Overriding Default Fields

You can also customize the default fields at checkout.

If you edit any of these, you will get similar options when creating conditional checkout fields, including options for the field type.

Exporting Order Options

You can also export the options to a CVS file.

As with any WooCommerce plugin or extension that comes with conditional logic, this one provides you with some flexible options that can help you provide information to your customers at checkout. You can get yourself a copy or learn more about the Conditional Checkout Fields plugin for WooCommerce here.

Quick Checkout for WooCommerce

How to Give Your Customers a Quick Checkout on Your WooCommerce Shop – We all know that with each additional click we require our customers to make, we lose a certain percentage of them. Consider the checkout process. It might be worth it to allow your customers to purchase a product on any of your pages with fewer clicks and no page reloads. This can be done on any single product page or on a page or post on your WordPress site with the Quick Checkout for WooCommerce plugin. See our post here.