WooCommerce: Agregar nueva pestaña en la página Mi cuenta

WooCommerce: Cómo agregar una nueva pestaña a la página Mi cuenta

Una de las características de Bloomer Armada es la provisión de soporte Premium de preguntas y respuestas de WooCommerce a los seguidores que se inscriban. Entonces, ¿cómo agregar una "pestaña" adicional a la página Mi cuenta y cómo agregar contenido dentro de ella?

Este es el código que utilicé (gracias a Mike Jolley por la inspiración). Siéntase libre de dejar un comentario a continuación si encuentra útil este tutorial.

WooCommerce: Cómo agregar una nueva pestaña a la página Mi cuenta
WooCommerce: Cómo agregar una nueva pestaña a la página Mi cuenta

Fragmento de PHP: Cómo agregar una nueva pestaña en la página Mi cuenta de WooCommerce

/**
 * @snippet       WooCommerce Add New Tab @ My Account
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.0
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
  
// ------------------
// 1. Register new endpoint (URL) for My Account page
// Note: Re-save Permalinks or it will give 404 error
  
function bbloomer_add_premium_support_endpoint() {
    add_rewrite_endpoint( 'premium-support', EP_ROOT | EP_PAGES );
}
  
add_action( 'init', 'bbloomer_add_premium_support_endpoint' );
  
// ------------------
// 2. Add new query var
  
function bbloomer_premium_support_query_vars( $vars ) {
    $vars[] = 'premium-support';
    return $vars;
}
  
add_filter( 'query_vars', 'bbloomer_premium_support_query_vars', 0 );
  
// ------------------
// 3. Insert the new endpoint into the My Account menu
  
function bbloomer_add_premium_support_link_my_account( $items ) {
    $items['premium-support'] = 'Premium Support';
    return $items;
}
  
add_filter( 'woocommerce_account_menu_items', 'bbloomer_add_premium_support_link_my_account' );
  
// ------------------
// 4. Add content to the new tab
  
function bbloomer_premium_support_content() {
   echo '<h3>Premium WooCommerce Support</h3><p>Welcome to the WooCommerce support area. As a premium customer, you can submit a ticket should you have any WooCommerce issues with your website, snippets or customization. <i>Please contact your theme/plugin developer for theme/plugin-related support.</i></p>';
   echo do_shortcode( ' /* your shortcode here */ ' );
}
  
add_action( 'woocommerce_account_premium-support_endpoint', 'bbloomer_premium_support_content' );
// Note: add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format

¿Existe un complemento (confiable) para eso?

Si le encantaría codificar pero no se siente 100% seguro con PHP, decidí buscar un complemento confiable que logre el mismo resultado.

En este caso, recomiendo el complemento YITH WooCommerce Personalizar la página de mi cuenta . Además de agregar nuevas pestañas de Mi cuenta, también puede mover el menú de pestañas, personalizar el esquema de colores, agregar pancartas, configurar reCaptcha en los formularios de registro e inicio de sesión, ordenar, renombrar, eliminar y agrupar pestañas, mostrar pestañas condicionalmente a un dado el rol de usuario y mucho más.

Pero en caso de que odie los complementos y desee programar (o desee intentarlo), siga leyendo

Deja una respuesta

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

Subir