WooCommerce Show Custom Content Under Checkout Fields

WooCommerce checkout showing custom text under the fields


There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

About This Solution

Sometimes, you may wish to provide additional instructions to your customers when they are completing the WooCommerce Checkout form. This quick guide shows you how you can add any custom content you like under the fields using. This particular solution shows you how you can add the text “As shown on your passport” under the first name billing field. To add custom content under other fields, simply change the snippet as appropriate.

* Snippet Name:     Show custom text (field descriptions) under WooCommerce checkout fields.
* Snippet Author:

add_filter( 'woocommerce_billing_fields' , 'ecommercehints_custom_content_under_checkout_fields' );

function ecommercehints_custom_content_under_checkout_fields( $fields ) {

$fields['billing_first_name']['description'] = 'As shown on your passport';
return $fields;

Want The Content To Stay In Place?

Default behaviour means the field description disappears when the field has focus e.g. when you click the field to begin to populate it, the description will disappear. To keep it in place, even on focus, add the following CSS to the checkout page

#billing_first_name-description {
    display: inline !important;

Snippet Benefits

  • Give users additional information when completing the checkout forms

100 WooCommerce Conversion Rate Optimisation Tips

This field is for validation purposes and should be left unchanged.

Let’s collaborate!

Need to outsource WordPress development?

Join forces with UnlimitedWP for an outsourced white label web development service you can truly rely on.

First Timer Here?

Sign up to receive 20% off on your first month with us.