fbpx

¿Cómo personalizar la página de mi cuenta en WooCommerce?

La página de mi cuenta en WooCommerce es un punto de información vital para tus usuarios… Aprende cómo personalizarla de forma fácil y añade aquella información que necesitan saber tus usuarios para fomentar su repetición de compra.

A continuación repasamos todo lo que debes tener en cuenta y que hemos visto en el videotutorial de hoy, para personalizar la página de mi cuenta de WooCommerce jugando con sus hooks:

<?php

//* Personalización de la página de Mi Cuenta de WooCommerce
add_action( 'after_setup_theme', 'martin_custom_mi_cuenta_woocommmerce' );

	function martin_custom_mi_cuenta_woocommmerce() {
	 	
		function quitar_tabs( $items ){
			
			//unset( $items['downloads']);
			//unset( $items['orders']);
			//unset( $items['edit-address']);
			//unset( $items['edit-account']);
			//unset( $items['customer-logout']);
			return $items;
			
		}
	
	add_filter( 'woocommerce_account_menu_items', 'quitar_tabs' );
	
}
  • Descomenta (es decir, elimina las dos //) de la línea que quieras ejecutar y guarda el archivo de tu plugin de funciones para aplicar los cambios.
  • Si lo que quieres, es insertar algún contenido en alguno de los hooks de la página de mi cuenta, puedes utilizar la siguiente función de ejemplo. Edita el contenido HTML que se encuentra dentro de cada función ECHO y cambia el hook por aquel donde quieras mostrar dicha información.
<?php

add_action( 'woocommerce_before_customer_login_form', 'function_woocommerce_before_customer_login_form' );
function function_woocommerce_before_customer_login_form() {
	echo ('<div class="woocommerce-info">woocommerce_before_customer_login_form</div>');
}
  • Tienes disponibles los siguientes hooks para añadir la información que desees allá donde la necesites:
    • Página de inicio de sesión / registro (Usuario Logged Out)
      • woocommerce_before_customer_login_form
      • woocommerce_login_form_start
      • woocommerce_login_form
      • woocommerce_login_form_end
      • woocommerce_register_form_start
      • woocommerce_register_form
      • register_form
      • woocommerce_register_form_end
      • woocommerce_after_customer_login_form
    • Pestaña Dashboard
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_account_dashboard
    • Pestaña Pedidos
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_account_orders
      • woocommerce_before_account_orders_pagination
      • woocommerce_after_account_orders
    • Pestaña Descargas
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_account_downloads
      • woocommerce_before_available_downloads
      • woocommerce_after_available_downloads
      • woocommerce_after_account_downloads
    • Pestaña Direcciones
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_edit_account_address_form
      • woocommerce_after_edit_account_address_form
    • Pestaña Editar Direcciones
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_edit_account_address_form
      • woocommerce_before_edit_address_form_{$load_address}
      • woocommerce_after_edit_address_form_{$load_address}
      • woocommerce_after_edit_account_address_form
    • Pestaña Métodos de Pago
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_account_payment_methods
      • woocommerce_after_account_payment_methods
    • Pestaña Detalles de Cuenta
      • woocommerce_account_navigation
      • woocommerce_before_account_navigation
      • woocommerce_after_account_navigation
      • woocommerce_account_content
      • woocommerce_before_edit_account_form
      • woocommerce_edit_account_form_start
      • woocommerce_edit_account_form
      • woocommerce_edit_account_form_end
      • woocommerce_after_edit_account_form

¡Así de simple y así de fácil! Ahora solo tienes que jugar con los distintos hooks que posee la página de mi cuenta de WooCommerce para cambiar por completo la información que muestras a tus usuarios.

Resumiendo…

Cómo ves, jugar con estos pequeños fragmentos de código o snippets te permite personalizar tu instalación de WooCommerce como prefieras. Para añadir información complementaria en la página de mi cuenta no es necesario instalar ningún plugin, tan sólo debes hacer una modificación sencilla como la que hemos visto en el tutorial de hoy.

Y como siempre, si tienes cualquier problema, no dudes en contactar conmigo. Nos vemos la próxima semana, con un nuevo tutorial. Hasta entonces… ¡feliz semana! 😉

Author avatar
Ángel Martín
Ayudo a emprendedores y empresas a digitalizar su negocio y sus procesos optimizando sus costes.