{"id":878,"date":"2014-04-11T15:33:08","date_gmt":"2014-04-11T22:33:08","guid":{"rendered":"http:\/\/oizuled.com\/?p=878"},"modified":"2019-02-21T14:47:45","modified_gmt":"2019-02-21T21:47:45","slug":"edit-woocommerce-checkout-fields","status":"publish","type":"post","link":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/","title":{"rendered":"How to Edit WooCommerce Checkout Fields"},"content":{"rendered":"

\"EditWooCommerce<\/a> is a great free plugin for WordPress that lets you transform your humble blog into a full-fledged e-commerce site. For most shops running WooCommerce as their shopping cart platform, the default checkout form fields are more than enough to get their customer’s orders processed. There are times though when someone might want to edit WooCommerce checkout fields.<\/p>\n

Note: This tutorial assumes that you have some knowledge of functions and filters. If you do not, it is not advisable to continue on your own.<\/strong><\/p>\n

Custom code shown below should be copied into your child theme’s functions.php<\/strong> file, or a site specific plugin.<\/p>\n

\n
Don’t want to mess with code?<\/div>\n

You can easily add custom fields to WooCommerce Checkout and edit existing fields with Conditional Woo Checkout Field Pro. Get Conditional Woo Checkout Field Pro<\/a><\/div>\n

Edit WooCommerce Checkout Fields<\/h2>\n

I recently had a client who needed to edit WooCommerce checkout fields to change the label and placeholder text on the order comments box, as well as make the phone number, not a required field. Adding a simple function to their child theme’s functions.php file allowed me to achieve these results.<\/p>\n

\r\n\/\/ WooCommerce Checkout Fields Hook\r\nadd_filter( 'woocommerce_checkout_fields' , 'custom_wc_checkout_fields' );\r\n\/\/ Change order comments placeholder and label, and set billing phone number to not required.\r\nfunction custom_wc_checkout_fields( $fields ) {\r\n    $fields['order']['order_comments']['placeholder'] = 'Enter your placeholder text here.';\r\n    $fields['order']['order_comments']['label'] = 'Enter your label here.';\r\n    $fields['billing']['billing_phone']['required'] = false;\r\n    return $fields;\r\n}\r\n<\/pre>\n
If you instead wanted to remove the billing phone field completely from the checkout screen rather than simply making it optional, you could use the following code in your function:<\/p>\n
unset($fields['billing']['billing_phone']);<\/pre>\n
Those fields aren’t the only WooCommerce checkout fields that can be customized. The following is a list of all the checkout fields that can be customized.<\/p>\n
    \n
  • [‘billing’][‘billing_first_name’]<\/li>\n
  • [‘billing’][‘billing_last_name’]<\/li>\n
  • [‘billing’][‘billing_company’]<\/li>\n
  • [‘billing’][‘billing_address_1’]<\/li>\n
  • [‘billing’][‘billing_address_2’]<\/li>\n
  • [‘billing’][‘billing_city’]<\/li>\n
  • [‘billing’][‘billing_postcode’]<\/li>\n
  • [‘billing’][‘billing_country’]<\/li>\n
  • [‘billing’][‘billing_state’]<\/li>\n
  • [‘billing’][‘billing_email’]<\/li>\n
  • [‘billing’][‘billing_phone’]<\/li>\n
  • [‘shipping’][‘shipping_first_name’]<\/li>\n
  • [‘shipping’][‘shipping_last_name’]<\/li>\n
  • [‘shipping’][‘shipping_company’]<\/li>\n
  • [‘shipping’][‘shipping_address_1’]<\/li>\n
  • [‘shipping’][‘shipping_address_2’]<\/li>\n
  • [‘shipping’][‘shipping_city’]<\/li>\n
  • [‘shipping’][‘shipping_postcode’]<\/li>\n
  • [‘shipping’][‘shipping_country’]<\/li>\n
  • [‘shipping’][‘shipping_state’]<\/li>\n
  • [‘account’][‘account_username’]<\/li>\n
  • [‘account’][‘account_password’]<\/li>\n
  • [‘account’][‘account_password-2’]<\/li>\n
  • [‘order’][‘order_comments’]<\/li>\n<\/ul>\n
    Each of the above fields can be customized with the following properties.<\/p>\n
      \n
    • [‘type’] – This changes what type of field you are displaying. Valid types are text, textarea, password, or select.<\/li>\n
    • [‘label’] – This is the text that indicates to the customer what to enter into the field. Note this is not the “placeholder” text that is shown in the field before the customer enters their information.<\/li>\n
    • [‘placeholder’] – This is the text that occupies the text box before the customer enters their information. This text “disappears” after the customer clicks in the field and begins typing. This placeholder is useful when you want to give a sample of the information you are looking for from your customer.<\/li>\n
    • [‘class’] – The class for the input.<\/li>\n
    • [‘required’] – This value can be either true (if the field is required) or false (if the field is not required). You can see how this is used in the example above for the billing phone field.<\/li>\n
    • [‘clear’] – This will apply a clear fix to the field or label it is set on. Valid values are true or false.<\/li>\n
    • [‘label_class’] – Allows you do define a custom class for the label element it is set for.<\/li>\n
    • [‘options’] – Allows you to set an array of options for select boxes.<\/li>\n<\/ul>\n
      Using the above information, you have complete control to edit WooCommerce checkout fields however you need.<\/p>\n
      Have you edited any checkout fields in your WooCommerce shop? Share what you did in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"
      WooCommerce is a great free plugin for WordPress that lets you transform your humble blog into a full-fledged e-commerce site. For most shops running WooCommerce as their shopping cart platform, the default checkout form fields are more than enough to get their customer’s orders processed. There are times though when someone might want to edit […]<\/p>\n","protected":false},"author":2,"featured_media":3856,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1,23],"tags":[9,10,11],"series":[],"yoast_head":"\nHow to Edit WooCommerce Checkout Fields - Scott DeLuzio<\/title>\n<meta name=\"description\" content=\"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Edit WooCommerce Checkout Fields - Scott DeLuzio\" \/>\n<meta property=\"og:description\" content=\"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Scott DeLuzio\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-11T22:33:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-02-21T21:47:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields-fb.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Scott DeLuzio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png\" \/>\n<meta name=\"twitter:creator\" content=\"@scottdeluzio\" \/>\n<meta name=\"twitter:site\" content=\"@scottdeluzio\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott DeLuzio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/\",\"url\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/\",\"name\":\"How to Edit WooCommerce Checkout Fields - Scott DeLuzio\",\"isPartOf\":{\"@id\":\"https:\/\/scottdeluzio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png\",\"datePublished\":\"2014-04-11T22:33:08+00:00\",\"dateModified\":\"2019-02-21T21:47:45+00:00\",\"author\":{\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360\"},\"description\":\"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.\",\"breadcrumb\":{\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage\",\"url\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png\",\"contentUrl\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png\",\"width\":1024,\"height\":512,\"caption\":\"Edit WooCommerce Checkout Fields\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/scottdeluzio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Edit WooCommerce Checkout Fields\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/scottdeluzio.com\/#website\",\"url\":\"https:\/\/scottdeluzio.com\/\",\"name\":\"Scott DeLuzio\",\"description\":\"WordPress Development Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/scottdeluzio.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360\",\"name\":\"Scott DeLuzio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g\",\"caption\":\"Scott DeLuzio\"},\"sameAs\":[\"https:\/\/x.com\/scottdeluzio\"],\"url\":\"https:\/\/scottdeluzio.com\/author\/scottdeluzio82\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Edit WooCommerce Checkout Fields - Scott DeLuzio","description":"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/","og_locale":"en_US","og_type":"article","og_title":"How to Edit WooCommerce Checkout Fields - Scott DeLuzio","og_description":"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.","og_url":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/","og_site_name":"Scott DeLuzio","article_published_time":"2014-04-11T22:33:08+00:00","article_modified_time":"2019-02-21T21:47:45+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields-fb.png","type":"image\/png"}],"author":"Scott DeLuzio","twitter_card":"summary_large_image","twitter_image":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png","twitter_creator":"@scottdeluzio","twitter_site":"@scottdeluzio","twitter_misc":{"Written by":"Scott DeLuzio","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/","url":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/","name":"How to Edit WooCommerce Checkout Fields - Scott DeLuzio","isPartOf":{"@id":"https:\/\/scottdeluzio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage"},"image":{"@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png","datePublished":"2014-04-11T22:33:08+00:00","dateModified":"2019-02-21T21:47:45+00:00","author":{"@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360"},"description":"Learn to edit WooCommerce checkout fields to take complete control over your WooCommerce powered WordPress shop. Control your WooCommerce checkout fields.","breadcrumb":{"@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#primaryimage","url":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png","contentUrl":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2014\/04\/edit-woocommerce-fields.png","width":1024,"height":512,"caption":"Edit WooCommerce Checkout Fields"},{"@type":"BreadcrumbList","@id":"https:\/\/scottdeluzio.com\/edit-woocommerce-checkout-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/scottdeluzio.com\/"},{"@type":"ListItem","position":2,"name":"How to Edit WooCommerce Checkout Fields"}]},{"@type":"WebSite","@id":"https:\/\/scottdeluzio.com\/#website","url":"https:\/\/scottdeluzio.com\/","name":"Scott DeLuzio","description":"WordPress Development Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/scottdeluzio.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360","name":"Scott DeLuzio","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g","caption":"Scott DeLuzio"},"sameAs":["https:\/\/x.com\/scottdeluzio"],"url":"https:\/\/scottdeluzio.com\/author\/scottdeluzio82\/"}]}},"_links":{"self":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts\/878"}],"collection":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/comments?post=878"}],"version-history":[{"count":0,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts\/878\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/media\/3856"}],"wp:attachment":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/media?parent=878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/categories?post=878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/tags?post=878"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/series?post=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}