WooCommerce checkout notes are a standard feature. You don't have to configure anything. WooCommerce shows this field by default. However, you may want to add custom fields there. I'll show you how.
WooCommerce Checkout Notes
Look at the checkout page:
On the bottom, you can find Order notes. Customers can provide there any text they want but they don't have to. That's optional optional.
The question is, does such field satisfy your needs? Maybe you need something more. Maybe you'd like to add a checkbox, radio button or date picker under the Order notes? Or maybe you need to make this field required?
You can make it! There's a plugin for that!
WooCommerce Checkout Fields plugin
We created this plugin so WooCommerce store owners can:
- easily add custom fields to the checkout,
- edit the present ones,
- or rearrange fields in the checkout.
You can add custom fields to different sections of the checkout such as (before or after):
- Customer Details
- Billing Form
- Shipping Form
- Registration Form
- Order Notes
- Submit Button
You can also easily modify the Order, Shipping or Billing section. This plugin lets you rearrange fields or hide the ones you don't need. You can edit default WooCommerce fields, too!
This plugin is great and that's not only my opinion :)
Over 40,000 stores use this plugin worldwide on a daily basis. What's more, this plugin has 4.4 out of 5 stars rating. Look at exemplary reviews:
You can download this plugin for free but you need the PRO version to edit some sections of the checkout. If you want to add fields before or after WooCommerce checkout notes, you need a PRO.
However, check out this plugin for free before you buy!
Before & After Order Notes
Our plugin can hook to WooCommerce checkout notes. This way you can put some custom fields before and/or after the default order notes.
You just need to mark these checkboxes on the Settings screen:
Once you Save changes, you can configure these sections.
Let's start with Before Order Notes.
I created two simple checkboxes here. Also, I gave the section a title (it's optional). I use the H3 title tag:
I'll show you how it looks like in the checkout right after another section configuration.
So, let's provide some random field to After Order Notes. I placed here a simple HTML field. It is the type of field in which you can provide any HTML code you want to display in the checkout.
I provided a simple 'Nothing in here :)' text. Also, I named the section again. This time I used H5 title tag.
Look at the final effect:
You can also style these fields if you want to!
Many more features of the plugin
You can edit the whole checkout if you need to. However, it's the WooCommerce checkout notes that interest you. You have learned how to configure the before&after of this section. However, you can also configure the Order section itself. Look:
As you see, you can easily make the default field required. Also, you can add any custom field to this section if you need to. And there's plenty of the custom fields you can add to WooCommerce checkout notes section!
Check them out below:
Single Line Text
Select (Drop down)
HTML or plain text
Surely with this plugin, you can configure WooCommerce checkout notes section the way you want!
How did this article help you? Let us know in the comments section below. We're always looking for feedback.
Also, I think that you may find interesting our guide about WooCommerce Checkout Page →
You'll get there more information about customizing the checkout page. We have also created a general guide on WooCommerce Checkout Settings→
You should definitely check out these two articles!