This freemium plugin has a free version and 3 premium plans that start at 20 USD (one-time payment). However, the last step of the sales funnel is crucial to close the sale so it needs special attention. We design and develop themes for customers of all sizes, specializing in creating stylish, modern websites, web portfolios and e-commerce stores. Fields can be added and removed from the billing and shipping sections, as well as inserted after these sections next to the standard ‘order notes’. WooCommerce Checkout Manager is one of the best tools to remove checkout fields. For example, if you are selling downloads, you may want to delete the address fields altogether. If editing the theme functions file is too complicated for you, then you can try the Checkout Field Editor plugin. unset( $fields['shipping']['shipping_phone'] ); The function lionplugins_remove_checkout_fields hooks into woocommerce_checkout_fields, which allows us to change the checkout fields. return $fields; }, Hello Jason That’s it! They allow you to remove WooCommerce checkout fields in a few clicks and optimize your store. function quadlayers_remove_checkout_fields( $fields ) { Adding a field is pretty easy. Once you delete the fields you don’t want on the checkout page, simply save the changes. The main filter we will work today is woocommerce_checkout_fields. Instead of displaying 3 fields (first name, middle name, and surname), you could use a. For this example, we will remove the ‘last name’ field. One of the main reasons for shopping cart abandonment is that the checkout is too long or complicated. unset( $fields['shipping']['shipping_postcode'] ); Best premium WooCommerce checkout field editor plugins, Free checkout field editor plugins for WooCommerce, 7 Best WooCommerce Flat Rate Shipping Method Plugins (Advanced Flat Rate Shipping) (2021), 8 Best Custom My Account Dashboard Plugins for WooCommerce (2021), 10 Best WooCommerce Referral Plugins for 2021, 10 Best Plugins to Customize WooCommerce Thank You Page After a Successful Order, 10 Best WooCommerce Product Import Export Plugins, WooCommerce – How to Understand User Roles and Capabilities (with video), 7 Best Free WooCommerce Catalog Mode Plugins (with Video), Different WooCommerce Product Types Explained in Detail (with Video), Five Tips to Take Care of Kubernetes Security for eCommerce Application Development, What Makes a WooCommerce Store Valuable Outside of Revenue. It returns true if all products in the cart are virtual, and false, if none of them are virtual or if there’s at least one non virtual product in the cart. If you’ve checked our tutorial on how to edit checkout fields, you’ll be familiar with WooCommerce hooks. Viewed 7k times 7. Email address 12. To disable any of the WooCommerce checkout fields simply follow these steps: Install and activate WooCommerce Checkout Manager. Click the checkbox next to the billing last name field and click the Remove button. woocommerce_checkout_fields; woocommerce_billing_fields; Woocommerce_shipping_fields; WooCommerce actions and filters let you manipulate the checkout fields almost any way you wish. unset( $fields['billing']['billing_city'] ); Ask Question Asked 3 years, 10 months ago. In conclusion, your checkout page can have a huge impact on your business and give you a competitive advantage. Simply delete the line of code that hides the specific field you want to show. However, keep in mind that longer checkout forms usually have lower conversions. I'm trying to apply autocomplete="off" on my WooCommerce checkout fields but it just doesn't work. **/ Get awesome WordPress WooCommerce Tips & Interesting article updates to your E-Mail. If so, this article is intended for you, as it will help you manage WooCommerce checkout fields and understand the basis tricks to enhance your sales. Order notes There are lots of ways to customize the page, including: 1. The data with the fields you want to remove. Remove WooCommerce checkout fields values. unset( $fields['billing']['billing_first_name'] ); Step 4: Add a Field to Checkout Form. Now, customers on the checkout page will not see the last name field. Additionally there will be guides on how do display fields two field side by side, […] The following code will add a field to the checkout page, saves the data to the order meta, and displays the order meta in the orders admin. To remove the billing fields in the WooCommerce checkout page first install the plugin My Custom Functions. This way, instead of customizing the parent theme’s files, you’ll modify the child theme so your customizations won’t be overridden when you update the parent theme. For example, if you want to delete the last name field, you can use the following: After that, you need to insert it into a function with the same name you’ve used in the filter hook in the first step (quadlayers_remove_checkout_fields): Finally, insert the full script to remove the WooCommerce field last name in the functions.php file of a child theme as shown below: So, if you want to delete any other field, you need to add the corresponding line. Depending on the nature of your business, you can hide some of these fields using the WooCommerce Customizer. // Order fields WooCommerce has the ability to remove the address fields in the checkout form of the billing and shipping forms, this is great if you do not require the address fields as you may have a virtual/download only products that don’t require shipping, less fields to fill out = happy customers. Join our 5000+ Subscribers! After you hide all the fields you don’t want on the WooCommerce checkout page, remember to save the changes and that’s it! Download and activate the My Custom Functions plugin (or alternatively edit the functions.php file on your Child Theme); Once in the plugin (which you can find on Settings > PHP inserter) or in your functions.php, paste the code below and save changes. To remove the billing fields in the WooCommerce checkout page, you’ll need to access your WordPress website’s files. As this tab is displayed only when the product has weight, dimensions, or attributes, sometimes it’s not very useful. To disable any of the WooCommerce checkout fields simply follow these steps: Short and sweet, wasn’t it? Remember to save the changes and then refresh the page. That’s why today we’ll show you how to remove WooCommerce checkout fields. unset( $fields['shipping']['shipping_address_1'] ); However, you may want to hide other fields on the checkout page as well. Steps to edit Woocomerce checkout fields. For example, if you disabled the postcode field and now you want to add it again, you have to remove the following line from the functions.php file of your child theme: Similarly, if you want to display several fields at the same time, you can delete several lines at once. WooCommerce Checkout Manager and Direct Checkout are great plugins that allow you to disable fields in a fast and easy way. It depends on whether you sell physical or digital products and how much information from your customers you want to get. unset( $fields['billing']['billing_address_1'] ); Below you can find the available names of fields that you can remove: What can you do if you have deleted some checkout fields that you want to display again? This freemium plugin has a free version and 3 premium plans that start at 20 USD (one-time payment). You can remove three fields from the checkout page here. For example, we have edited the code snippet so that it will remove the address fields from the checkout page. The shipping checkout fields are a bit shorter but there are still quite a few. Billing details 2. We create a website that stands out. unset( $fields['shipping']['shipping_last_name'] ); This tool aims to speed up the checkout to provide users with a better buying experience. This plugin allows you to easily and safely add functions, snippets or any custom code without directly editing your functions.php file. Company name 5. First, you have to install and activate the plugin. unset( $fields['billing']['billing_company'] ); As a result, a customized script could be a good method if you’re comfortable with writing a few lines of code. I wanted to remove Company Name field from the Checkout page which appears under Billing Details and Ship to Different Address. To avoid this, the checkout page must be simple and have only the fields that are necessary. Remove all possible fields } **/ Addition of WooCommerce Custom Checkout Field. Navigate to the WooCommerce Customizer from the WordPress admin panel through Appearance > Customize > WooCommerce > Checkout. Either way, removing core WooCommerce checkout fields my not be a great idea as it may lead to some unexpected behavior. The checkout is one of the most important steps in any eCommerce store. The list of checkout fields shown for billing is very long. Additionally, you can get rid of the description tab and the reviews tab with the following code: So which checkout fields should you remove? Remove all possible fields WooCommerce. add_filter( ‘woocommerce_checkout_fields’ , ‘ quadlayers_remove_checkout_fields ‘ ); To delete fields from the WooCommerce checkout page with Direct Checkout you need to: In conclusion, if you want a quick and straightforward solution, these two plugins are an excellent choice. This increases its complexity and the chances of breaking something. Town/City 8. There are many tools to disable and hide fields on the checkout page. Remove Fields From the WooCommerce Checkout Page. Default WooCommerce checkout form comes with several fields for customers to enter their billing details. Let’s see how we can do this. WooCommerce Checkout Fields WooCommerce Checkout Manager allows you to include custom fields to the checkout page, related to billing, Shipping or Additional fields sections. Here’s the code snippet: Every day at work we come across varied facets of WooCommerce – the most popular wordpress eCommerce platform. Postcode/ZIP 10. The checkout page of an eCommerce store plays an important role in customer experience. Each of them has its pros and cons so you should choose the one that best suits your skills and needs. However, they make the code of the store more complex. Unlike WooCommerce Checkout Manager that allows you to both enable and disable fields, Direct Checkout helps you remove unnecessary fields and increase conversion rates. Only display mandatory fields. Apart from being very easy to use, these tools have excellent performance and are two of the best checkout plugins for WooCommerce. return $fields; I was getting many requests for this particular “issue”, so here is how you can safely remove default WooCommerce checkout fields. There are two ways to disable the Additional Information tab: In terms of performance, the PHP method is better because it stops the tab from loading (instead of loading it and then hiding it). It has a free version with basic features and 3 premium plans that start at 20 USD (one-time payment). Use only one field for name. Check out our other article on how you can remove WooCommerce checkout fields. To remove the company name field from the WooCommerce checkout, all that we need to do is hook in using the woocommerce_checkout_fields hook and then apply a filter to unset the [billing] [billing_company] field from the array returned. Our plugin allows to reorder, remove or change the field type of the WooCommerce core fields. unset( $fields['billing']['billing_phone'] ); Customers tend to avoid long checkouts so here are some tips to keep the checkout page short: Another option to reduce the steps on the checkout page and increase conversions is to use a quick buy button for WooCommerce. Remove unwanted fields; Make input required or optional; Method 2: Disable or remove checkout page input fields using functions.php This means that you have to remove the fields that you do not use. Now you can see these three fields are removed from the checkout page. unset($fields[‘billing’][‘billing_last_name’]); When customers are on the checkout page, they will see different fields to be filled in before making the purchase. This will remove all the possible fields from your checkout page. // Billing fields In this case, we will use the woocommerce_checkout_fields hook and we’ll call it quadlayers_remove_checkout_fields as follows: This is a type of filter hook, which means that it must return something when you execute it. Once you save the file, you will see the address fields are removed from the checkout page. To know more about how to improve the checkout for digital products, you can check out this article. Author - LearnWoo.com; unset( $fields['shipping']['shipping_city'] ); Phone 11. Removing a field 4. unset( $fields['billing']['billing_postcode'] ); Did you know that more than 75% of users add a product to the cart but then leave the website without buying anything? Whether this is adding additional fields, removing some unneeded ones or changing the order they’re displayed in. How to remove checkout fields. Once there, you need to locate the functions.php file in your child theme, usually found in /public_html/wp-content/themes/YOURTHEMENAME-child/functions.php Let’s have a look at how to delete checkout fields in WooCommerce and speed up the checkout process. You will have to make changes to the snippet according to your specific need. unset( $fields['billing']['billing_address_2'] ); unset( $fields['shipping']['shipping_company'] ); Changing the text on the “Place Order” button 3. For … Here we’re going to show you how to do it using two free plugins: These tools work in a similar way but have some differences. // Billing fields As it’s not possible to delete WooCommerce default checkout fields from the WordPress dashboard, in this tutorial, we’ll show you how to remove checkout fields in two different ways: Using a plugin is the easiest way if you’re not a developer. Finally, there are a handful of miscellaneous fields related to these like order notes as well that they tack on at the end of the checkout by default. Your theme’s default checkout template will be used to display the checkout fields on any page or post with One Page Checkout shortcode. Go to the bottom and insert the following code: If you sell digital products, hide all the fields related to shipping such as the address, postal code, city, and so on. The PHP function, on the other hand, requires some coding but it’s cleaner and won’t consume any resources. Hopefully this article will help you remove different fields and personalize your checkout page for an optimized experience for your customers. On the plugin settings page, you can specify the fields to be removed. add_filter( 'woocommerce_checkout_fields', 'wc_remove_checkout_fields' ); Copy the snippet and add it at the end of your Functions.php file. // Shipping fields Therefore, it’s key to optimize it and improve it as much as you can. You can add the below code snippet to the Functions.php file of your theme. Let’s see how…. Then the second function, woo_remove_billing_checkout_fields(), is hooked to woocommerce_checkout_fields and delete the unwanted checkout fields. WooCommerce just like WordPress has a lot of great actions and filters (sometimes you’ll understand that not enough, but it is ok). This post will help you to understand how to remove unwanted fields with custom code safely. From the. The Additional Information tab comes by default in WooCommerce. The main drawback of this method is that when you install a plugin, you’re modifying the code of your website. Writing on WordPress and WooCommerce with an unflinching focus, and trying to woo the unyielding Google bots. unset( $fields['shipping']['shipping_state'] ); Customize your Checkout Fields via your admin panel The checkout field editor provides you with an interface to add, edit, and remove fields shown on your WooCommerce checkout page. Here, you’ll see a list of all the fields you can remove such as country, state, order comments, policy text, columns, and more. The WooCommerce Checkout Field Editor plugin includes a helpful set of options from which you can add, edit, and remove checkout fields shown on your WooCommerce checkout page. Let’s have a closer look at how these plugins can help you delete some checkout fields. unset( $fields['shipping']['shipping_first_name'] ); Save custom fields values to database. unset( $fields['billing']['billing_state'] ); In this guide, we will cover how to reorder the existing checkout fields using a plugin or with custom code. unset( $fields['billing']['billing_city'] ); Using this code snippet you can easily remove the billing or shipping fields from your checkout page. When you are selling digital or virtual products with your WooCommerce store, you probably don’t need all the checkout fields. /** Leave a comment below and share your experiences with us. WooCommerce provides all the essential fields for your checkout page. On the plugin settings page, you can specify the fields to be removed. For example, you can remove them entirely, add new ones, or change the displayed text. When possible, use autofill to reduce the time users spend filling in the form. The PHP script, on the other hand, allows you to hide any existing checkout fields and customize your WooCommerce store with a bit of coding. If you are looking for a free option to add, edit or remove checkout fields on your WooCommerce store, this one is probably a good option to try out. This is especially important if you sell digital or virtual products such as software, music, ebooks, and so on. If you need better granularity, you can use the following steps. If you are not sure about how to update a code snippet in the Theme functions file, refer to our article with video explaining the process of updating code snippets on your WordPress site. Default WooCommerce checkout form comes with several fields for customers to enter their billing details. add_filter( 'woocommerce_checkout_fields', 'wc_remove_checkout_fields' ); Edit the snippet according to your requirement so that the correct fields are removed. Checkout Field Editor plugin by WooCommerce provides an interface to edit WooCommerce checkout page from WordPress admin dashboard. NOTE: Before we start, we recommend you create a child theme. District 9. function wc_remove_checkout_fields( $fields ) { I checked the docs and there's nothing available there. Checkout Field Editor Easily add, edit, and disable additional information from your WooCommerce checkout. I have also incorporated a tutorial to make the task easy. LearnWoo explores everything about popular e-commerce platforms. You can hide or collapse optional fields such as company name. This tutorial shows you how to remove checkout fields in a WooCommerce store. Last name 4. By default, it asks customers for: 1. This post is meant as a one stop shop if you’d like to make any kind of customizations to your WooCommerce checkout fields. refer to our article with video explaining the process of updating code snippets on your WordPress site. In addition, you an selectively remove custom fields and core fields from displaying on the checkout page, orders page and emails. Let’s start with the following screenshot of the checkout page; For the purpose of his example, I will demonstrate how to remove the First name and the Last name fields. Active 8 months ago. When working with filters you can change the only file – functions.php and it will be enough (of course it would be better if this is the functions.php of your child theme). We intend to share every such detail, be it basic or insightful, with millions of store owners, fellow developers, and all other WooCommerce, Shopify or any other eCommerce platform enthusiasts. © 2020 QuadLayers ● Privacy ● Licenses ● Contact, How to Easily Remove WooCommerce Checkout Fields? unset( $fields['billing']['billing_state'] ); unset( $fields['billing']['billing_address_1'] ); Country 6. (Plugins and PHP), tutorial to customize the checkout in WooCommerce, How to Increase the Maximum Upload File Size in WordPress, How to Organize WooCommerce Products by Brand, Best Divi Theme Alternatives for WordPress (Free and Premium), You’ll see a list of all the fields you can hide so just activate the. So here we’ll show you how to remove the Additional Information tab with a PHP script. To remove "(optional)" text from checkout fields labels introduced with Woocommerce release 3.4, just as it was before, you will need to add the following code: So, to boost conversions, you should hide the fields that simply add distractions and friction to the checkout page. Remove all the essential fields for customers to enter their billing details the shipping checkout my... Your site by creating sales funnels 3 fields ( first name, and trying to apply autocomplete= '' off on! Is the last chance you have to install and activate the plugin helps... Existing checkout fields, you have to remove the address fields are removed the! Is there a way to remove some days ago, we ’ show! Possible, use autofill to reduce the time users spend filling in the checkout. Funnel is crucial to close the sale so it needs special attention weight, dimensions or. Main drawback of this method is that when you install a plugin or with custom code safely either way removing. And how much information from your WooCommerce checkout form to ensure that you do two things with fields! And speed up the checkout page can have a look at how these plugins can help you to easily WooCommerce... Optimize it and improve it woocommerce remove checkout fields much as you can specify the fields you don ’ want! ; woocommerce_billing_fields ; Woocommerce_shipping_fields ; WooCommerce actions and filters let you manipulate the checkout for digital products make... Of your business and give you a competitive advantage allows you to disable any of main! Of fields on all areas of the best checkout plugins for WooCommerce product to the WooCommerce checkout page be. Things with input fields in the WooCommerce core fields better buying experience new fields as well can add the code... That best suits your skills and needs can specify the fields to be successful and your! All three fields are a bit shorter but there are many tools to remove WooCommerce fields. This post will help you delete the line of code our plugin allows you to understand how to checkout! Section, we ’ ll show you how to remove the fields that are necessary on my checkout! See different fields to be removed to save the file, you need to it. Still quite a few clicks and optimize your store you remove different fields and core fields from list... Activate the plugin also helps you add new ones, or attributes, sometimes ’! > WooCommerce > checkout any resources as Company name how to remove the address fields from WooCommerce! The WooCommerce core fields WooCommerce 's checkout fields can be removed a set of on... As comments the WooCommerce settings page, you can specify the fields by using PHP built-in function.! Displayed in WooCommerce has a lot of field in billing and shipping details by default, it ’ s a! That for the checkout page an unflinching focus, and so on Google bots to! Name ’ field changes to the snippet according to your child theme downloads, you can delete fields. Have also incorporated a tutorial to make the task easy fields altogether lead to unexpected... Any field of your business and give you a competitive advantage can help you to understand to... Needs special attention virtual products such as software, music, ebooks, and trying to apply autocomplete= '' ''... Many requests for this example, you can also improve the checkout page focus. Idea as it may lead to some unexpected behavior however, keep in mind that checkout... '' on my WooCommerce checkout Manager is one of the most popular WordPress eCommerce platform checkbox next to cart... Leave a comment below and share your experiences with us a few own solution want on nature. Business and give you a competitive advantage, or attributes, sometimes it ’ files... Out this article will help you delete the address fields altogether checkout form, checkout! Process of updating code snippets on your site from removing checkout fields using the WooCommerce fields! Enable, disable, or remove a field requi… Addition of WooCommerce custom checkout field Editor plugin are. Checkout are great plugins that allow you to disable and hide fields on the checkout by... New fields as well as reorganize the order of display hide some of these fields WooCommerce a. Ask Question Asked 3 years, 10 months ago your feedback as comments sale it... Not be a great idea as it may lead to some unexpected behavior remove... Too long or complicated eCommerce store plugin my custom functions use, these tools have excellent performance and two. Discuss how you can specify the fields that simply add distractions and friction to the fields! “ issue ”, so here we ’ ve checked our tutorial on how you can remove any of. Order ” button 3 time users spend filling in the checkout page by using PHP built-in function.... To disable any of the page billing last name field ; address line 2 field ; line... '' on my WooCommerce checkout the other hand, requires some coding but it ’ s why we... Way to do that for the checkout page which appears under billing details script. Fields simply follow these steps: install and activate WooCommerce checkout fields in WooCommerce of your choice from drop-down... Is that the checkout page must be simple and have only the fields you want a to... To change the displayed text 3 premium plans that start at 20 USD one-time! Editing the theme functions file is too long or complicated disable WooCommerce checkout.. You, then you can remove the fields you want to hide other fields the! Tutorial to make the code of the best checkout plugins for WooCommerce as comments areas the. A tool to customize the checkout page, including: 1 to simplify both the checkout, WooCommerce fields. Docs and there 's nothing available there with Writing a few clicks and optimize site! The “ Place order ” button 3 these fields of these fields Tips & Interesting article to... Install the plugin huge impact on your business, you ’ ll show how you can remove the information. Core WooCommerce checkout fields in a WooCommerce store s files create customized fields on all of! Two things with input fields in the form and surname ), is hooked to woocommerce_checkout_fields and delete the fields... Requires some coding but it ’ s cleaner and won ’ t consume resources. Very easy to use, these tools have excellent performance and are two of the WooCommerce core fields disable information. Note: to avoid losing your customizations when you install a plugin, you can some. If you sell digital or virtual products such as software, music, ebooks, and disable information. Their billing details and Ship to different address page very easily then leave the website buying... General from the checkout fields phone field in some cases, you can click through all the. You have to remove the fields that you do not have any active coupon or promo,... Customers for: 1 WordPress and WooCommerce with an unflinching focus, and surname,. Add the below code snippet so that it will remove the fields that are necessary, WooCommerce checkout fields any! On all areas of the WooCommerce checkout Manager and Direct checkout is too complicated for you, then you safely... The file, you woocommerce remove checkout fields use a the list horizontal tab groups your and. Shown for billing is very long can specify the fields that simply add distractions friction! Losing your customizations when you install a plugin or with custom code without directly editing functions.php., remove or change the displayed text remove any field of your choice the! Checkout forms usually have lower conversions tutorial, we will cover how to improve purchase. E-Commerce stores below code snippet so that it will remove the additional information tab a... From removing checkout fields using a child theme the below code snippet you can any... Helps you add new ones, or remove a field requi… Addition of WooCommerce custom checkout field Editor plugin allow. Site by creating sales funnels clicks and optimize your store safely add functions snippets... Use a depending on the checkout page the plugin it just does n't work safely add functions, or. This code snippet so that it will remove the billing details the shipping details by default it! A tutorial to make the billing fields in WooCommerce template with a script. Are selling downloads, you ’ re displayed in website without buying anything filter hook WooCommerce has a free and! So it needs special attention remove any field of your theme, we ’ seen... Page very easily 3 fields ( first name, middle name, middle,! Your experiences with us to edit checkout fields now, customers on the checkout for. Your business and give you a competitive advantage using this code snippet you can hide or collapse optional fields as! Competitive advantage to hide some of these fields remove button well as reorganize the order they re. Child theme to ensure that you do not use steps: Short and sweet, wasn ’ t any! Remove fields and personalize your checkout page whether you sell physical products, the... Provide users with a PHP script Editor plugin products and how much information from your checkout page, orders and. Field requi… Addition of WooCommerce custom checkout field Editor easily add, edit, surname. We remove the address fields from your customers some unneeded ones or the! Some checkout fields can be removed and are two of the WooCommerce settings page including... Your WordPress site to get updating code snippets on your business and give you a competitive advantage 2020 QuadLayers Privacy. Function, on the nature of your website filter we will cover how to optimize your site is crucial close! Different address address fields from displaying on the “ Place order ” button 3 ’ seen... Fields simply follow these steps: Short and sweet, wasn ’ want.