Cómo mostrar las etiquetas dentro de los campos al finalizar compra en WooCommerce

Por defecto, todos los temas para WooCommerce muestran las etiquetas de los campos de la pagina de finalizar compra fuera de los campos, pues en realidad es el modo más correcto de hacerlo para facilitar la comprensión de los campos.

Ahora bien, hay ocasiones en las que preferirás que en una tienda online estas etiquetas se muestren dentro de los campos, casi siempre como un modo de ahorrar espacio en la página, ya que al ir las etiquetas dentro de los campos se aprovecha más el espacio de la misma.

Me refiero a esto:

¿Es mejor, es peor? Pues depende para qué.

  • Si hablamos de legibilidad y accesibilidad es mejor que las etiquetas estén fuera del campo, básicamente porque se leen mejor y siempre están visibles aunque el usuario esté introduciendo sus datos en los campos.
  • Si hablamos de optimización de la página de finalizar compra a nivel de usabilidad, en ocasiones será mejor que las etiquetas estén dentro del campo.

Al final tú eliges, pero si quieres mover estas etiquetas de los campos dentro de los campos es fácil de conseguir, solo tienes que añadir este código al archivo functions.php del tema hijo activo o a un plugin de funciones:

/* Etiquetas de los campos dentro del campo al finalizar compra */
add_filter( 'woocommerce_checkout_fields', 'etiquetas_dentro_finalizar_compra', 9999 );
function etiquetas_dentro_finalizar_compra( $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;
}

Guarda los cambios y ya lo tienes, las etiquetas de los campos movidas dentro de los mismos.

(1 votos, promedio: 5) Valora este artículo para ayudar a mejorar la calidad del blog

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido