Home » BLOG » WordPress » How to add custom fields to checkout page in Woocommerce with plugins

How to add custom fields to checkout page in Woocommerce with plugins

category:  WordPress

For the online shop website, sometime you may need some extra information from your customers. For example, you provides the extra fields for delivery date, pickup date, preferred contact method or special instruction. Today, we will look at the popular plugins that help us to get the job done.

Adding custom fields using plugins

There are a lot of plugins in the market that help you to add the extra fields to Checkout page easily. They offers both free and paid version. Below are the popular Checkout field editor plugins I found via WordPress plugin portal. I test them all and they work as expected. However, the free version has limit. If you want to fully control on checkout page, you may consider to upgrade to paid version.

Adding the custom fields to checkout page, it relates to display the custom fields on Order Received page(Thank you page), Email notification, My Account page (eg. address section, view order page, edit address section), Admin Order edit page (eg. billing address section, shipping address section, additional information section). So you want to make sure you pick the right plugin to match you need before you buy the plugin.

Flexible Checkout Fields plugin by WP Desk

The plugin allows you to

  • Reorder fields: you can reorder the default fields and custom fields on the Checkout page.
  • Show or hide fields: you can show or hide the default fields and custom fields on the Checkout page.
  • Display fields on other pages: apart from Checkout page, you can display the default fields and custom fields on Thank you page, My account -address, My account – order and Emails.
  • WPML & Polylang support

Checkout Field Editor and Manager for WooCommerce by Acowebs

The plugin allows you to

  • Edit default fields
  • Add new custom fields
  • Edit custom fields on admin order edit page
  • Change fields order
  • Hide checkout fields
  • Enable/disable checkout fields
  • Show custom fields in Order Detail page
  • Show custom fields in Order Email
  • WPML & Polylang support

Checkout Field Editor for WooCommerce plugin by ThemeHigh

The plugin allows you to

  • Add new custom fields: you can add custom fields in Billing, Shipping and Additional sections (eg. Order notes).
  • Edit the default fields: you can edit the default fields in Billing, Shipping and Additional sections.
  • Show or Hide fields: you can show or hide the custom fields on Order Detail page and Emails.
  • Reorder fields: you can change the default fields and custom fields order on the checkout page.

Checkout Manager for WooCommerce plugin by QuadLayers

The plugin allows you to

  • Reorder fields: you can reorder the default fields and custom fields on the Checkout page.
  • Show or hide fields: you can show or hide the default fields and custom fields on the Checkout page.
  • Support conditional checkout fields: you can show or hide the fields based on any value of its parent fields within each section(Billing, Shipping, Additional).
  • Upload files: you can include an unlimited number of files from different types into fields. Users will be allowed to upload or delete fields through the Order page.

Conclusion

With help of those plugins, it will save your headache and time. You may use only free version or upgrade to the paid plugins. I highly recommend to check all plugins above.