WooCommerce Checkout Field Labels Inside Input Boxes

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Code Snippets, PHP
Checkout, WooCommerce

Instructions

Create a new PHP code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

add_filter( 'woocommerce_checkout_fields', 'wptu_labels_inside_checkout_fields', 9999 );

function wptu_labels_inside_checkout_fields( $fields ) {
   foreach ( $fields as $section => $section_fields ) {
      foreach ( $section_fields as $section_field => $section_field_settings ) {
         $fields[$section][$section_field]['placeholder'] = $fields[$section][$section_field]['label'];
         $fields[$section][$section_field]['label'] = '';
      }
   }
   return $fields;
}

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.