Añadir una descripción a un campo del checkout en WooCommerce

Aprende en este tutorial cómo añadir una descripción a un campo del checkout de WooCommerce con un sencillo snippet de código.

En algunos casos, agregar una descripción en algunos campos de la página para finalizar la compra de WooCommerce puede ayudar al usuario a entender mejor qué información debe de introducir.

Gracias al filtro woocommerce_checkout_fields de WooCommerce puedes conseguirlo de forma sencilla.

Aquí tienes cómo hacerlo:

Snippet para incluir una descripción en un campo del checkout de WooCommerce

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

En este caso utilizas el filtro woocommerce_checkout_fields y añades una descripción a los campos de usuario y contraseña.

Si en lugar de mostrar la descripción debajo del campo quieres hacerlo dentro del mismo, usa este snippet en lugar del anterior.

Este es un ejemplo pensado para cuando la persona que introduce los datos de factura y la que luego tendrá acceso al contenido no son necesariamente la misma, pero puedes adaptarlo a tus necesidades particulares.

Aquí tienes todos los campos del checkout para que puedas añadir la descripción al que tú quieras.

• Facturación ([billing])
  • billing_first_name
  • billing_last_name
  • billing_company
  • billing_address_1
  • billing_address_2
  • billing_city
  • billing_postcode
  • billing_country
  • billing_state
  • billing_email
  • billing_phone
• Envio ([shipping])
  • shipping_first_name
  • shipping_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • shipping_postcode
  • shipping_country
  • shipping_state
• Cuenta ([account])
  • account_username
  • account_password
  • account_password-2
• Pedido ([order])
  • order_comments

Conclusión

Como ves, con unas pocas líneas de código puedes añadir una descripción al campo que desees en la página para finalizar la compra de WooCommerce.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉