Personalizar la página Mi Cuenta en WooCommerce

Cuando instalamos WooCommerce en nuestra web, éste automáticamente crea unas páginas predefinidas, que incluyen los shortcodes necesarios para mostrar: mi cuenta, carrito, página de pago, etc…

La página de Mi Cuenta es la que puede acceder un cliente ya registrado para consultar sus datos de usuario: pedidos realizados, datos de la cuenta, direcciones de facturación y envío, descargas disponibles, etc…

Si además utilizamos alguna extensión de WooCommerce, como Subscriptions o Bookings, éstos añaden sus propias pestañas a esta página de mi cuenta, con la información correspondiente en cada caso.

El diseño de ésta página y pestañas dependerá del theme que estemos utilizando, aunque suele ser bastante básico en la mayoría de casos, el problema adicional es cuando no sólo queremos modificar el diseño, que podremos hacerlo mediante CSS, sino que además queremos cambiar las pestañas que aparecen: añadir, quitar, cambiar el orden… e incluso modificar la información que aparece en cada una de ellas.

En este tutorial veremos precisamente cada uno de estos casos:

Como eliminar pestañas de Mi Cuenta
Como reordenarla
Como añadir de nuevas con contenido que nosotros queramos.
Como detectar de donde sale el contenido de cada una y cómo modificarlo.

Y todo ello para el caso de WooCommerce como aplicado a extensiones como Subscriptions o Bookings.