Home Woocommerce Hooks How to change input fields labels and placeholders of Woocommerce checkout form?

How to change input fields labels and placeholders of Woocommerce checkout form?

by therichpost
8 comments
woocommerce

Hello, welcome to therichpost.com. In this post, I will tell you How to change input fields labels and placeholders of Woocommerce checkout form? WordPress is the best cms and Woocommerce is the best Ecommerce plugin. WordPress hooks(add_action, add_filter) give us the power to edit or change the code without interruption into the files and this is the best thing about wordpress. Now I am going to tell you how the hooks work.

And Now Final, here is the woocommerce hook to change input fields labels and placeholders of Woocommerce checkout form and you need to add this hook into your wordpress theme’s functions.php file.

add_filter('woocommerce_checkout_fields', 'custom_override_checkout_fields');
function custom_override_checkout_fields($fields)
 {
 unset($fields['billing']['billing_address_2']);
 $fields['billing']['billing_company']['placeholder'] = 'Business Name';
 $fields['billing']['billing_company']['label'] = 'Business Name';
 $fields['billing']['billing_first_name']['placeholder'] = 'First Name'; 
 $fields['shipping']['shipping_first_name']['placeholder'] = 'First Name';
 $fields['shipping']['shipping_last_name']['placeholder'] = 'Last Name';
 $fields['shipping']['shipping_company']['placeholder'] = 'Company Name'; 
 $fields['billing']['billing_last_name']['placeholder'] = 'Last Name';
 $fields['billing']['billing_email']['placeholder'] = 'Email Address ';
 $fields['billing']['billing_phone']['placeholder'] = 'Phone ';
 return $fields;

 } 

 There are so many hooks in wordpress and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

 

 

You Might Also Like

You may also like

8 comments

Matt July 27, 2019 - 11:53 pm

Hi Ajay, this is really helpful! Is there a way to replace the placeholder text with the field label?

Reply
Ajay Malhotra July 30, 2019 - 4:02 pm

Hi Matt, you can do with the above example code.

Reply
SonickSeven September 16, 2020 - 4:30 am

Thanks for this content, it works for me!

Do you know which table name where woocommerce save the labels and placeholders?

because for me is better go to mysql and change there the language and other things

Reply
Ajay Malhotra September 16, 2020 - 4:44 am

I will say you should use hooks for this and this is the best.
Thank you.

Reply
Diego Manrique October 27, 2020 - 10:05 pm

that code doesnt work with the field postcodde, help please 🙁

Reply
Ajay Malhotra October 28, 2020 - 4:20 am

Sure, I will update you on this.

Reply
Joshua November 20, 2022 - 6:21 am

Is there anyway to hide the label and add a placeholder text to the check out login-form.php template?

Reply
therichpost November 22, 2022 - 4:36 am

Yes

Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.