WooCommerce | Customize The My Account Page

November

2021

At some point you may want to customize the My Account page for your customers. In this video I take you through renaming, removing and adding custom tabs to your customer account page.

Functions for renaming and disabling tabs:

<?php

// Your PHP code goes here!
//RENAME TAB
add_filter( 'woocommerce_account_menu_items', 'handsomewp_rename_acc_tabs', 9999 );
function handsomewp_rename_acc_tabs( $items ) {
//$items['edit-address'] = 'Your addresses';
//$items['dashboard'] = 'Account Home';
return $items;
}


//REMOVE OR DISABLE TAB
add_filter( 'woocommerce_account_menu_items', 'handsomewp_remove_acc_tabs', 9999 );
function handsomewp_remove_acc_tabs( $items ) {
//unset( $items['downloads'] );
//unset( $items['subscriptions'] );
return $items;
}

<?php

// Your PHP code goes here!

//RENAME TAB

add_filter( 'woocommerce_account_menu_items', 'handsomewp_rename_acc_tabs', 9999 );

function handsomewp_rename_acc_tabs( $items ) {

//$items['edit-address'] = 'Your addresses';

//$items['dashboard'] = 'Account Home';

return $items;

}

//REMOVE OR DISABLE TAB

add_filter( 'woocommerce_account_menu_items', 'handsomewp_remove_acc_tabs', 9999 );

function handsomewp_remove_acc_tabs( $items ) {

//unset( $items['downloads'] );

//unset( $items['subscriptions'] );

return $items;

}

Functions for adding a custom tab:

<?php

// Your PHP code goes here!
// 1. Register new endpoint
// Note: Resave Permalinks or it will give 404 error  
function handsomewp_add_support_endpoint() {
    add_rewrite_endpoint( 'support', EP_ROOT | EP_PAGES );
}  
add_action( 'init', 'handsomewp_add_support_endpoint' );  
// ------------------
// 2. Add new query
function handsomewp_support_query_vars( $vars ) {
    $vars[] = 'support';
    return $vars;
}  
add_filter( 'query_vars', 'handsomewp_support_query_vars', 0 );  
// ------------------
// 3. Insert the new endpoint 
function handsomewp_add_support_link_my_account( $items ) {
    $items['support'] = 'Support';
    return $items;
}  
add_filter( 'woocommerce_account_menu_items', 'handsomewp_add_support_link_my_account' );
// ------------------
// 4. Add content to the new endpoint  
function handsomewp_support_content() {
echo '<h3>Support</h3><p>Welcome to the support area. As a premium customer, manage your support tickets from here, you can submit a ticket if you have any issues with your website. We\'ll put our best to provide you with a fast and efficient solution</p>';
//echo do_shortcode( '[your form plugin shortcode]' );
}  
add_action( 'woocommerce_account_support_endpoint', 'handsomewp_support_content' );

<?php

// Your PHP code goes here!

// 1. Register new endpoint

// Note: Resave Permalinks or it will give 404 error

function handsomewp_add_support_endpoint() {

add_rewrite_endpoint( 'support', EP_ROOT | EP_PAGES );

}

add_action( 'init', 'handsomewp_add_support_endpoint' );

// ------------------

// 2. Add new query

function handsomewp_support_query_vars( $vars ) {

$vars[] = 'support';

return $vars;

}

add_filter( 'query_vars', 'handsomewp_support_query_vars', 0 );

// ------------------

// 3. Insert the new endpoint

function handsomewp_add_support_link_my_account( $items ) {

$items['support'] = 'Support';

return $items;

}

add_filter( 'woocommerce_account_menu_items', 'handsomewp_add_support_link_my_account' );

// ------------------

// 4. Add content to the new endpoint

function handsomewp_support_content() {

echo '<h3>Support</h3><p>Welcome to the support area. As a premium customer, manage your support tickets from here, you can submit a ticket if you have any issues with your website. We\'ll put our best to provide you with a fast and efficient solution</p>';

//echo do_shortcode( '[your form plugin shortcode]' );

}

add_action( 'woocommerce_account_support_endpoint', 'handsomewp_support_content' );

Ways to Take Advantage of the Holiday Season for More Sales

How to add 3rd party component to Divi Builder? (ex. custom email provider)

How to Avoid Fake Suppliers for Your Dropshipping Store

Add Comment

in Blog, Tips and Tricks, WooCommerce