Add new tab in 'My Account' page

Hello,

You can add a tab using this filter: https://github.com/woothemes/woocommerce/blob/master/includes/wc-account-functions.php#L109

Adding a menu item there will add the label and the url endpoint. Once that endpoint is added, a new action will take place when the user is in that tab: https://github.com/woothemes/woocommerce/blob/master/includes/wc-template-functions.php#L2110. So you can use that to add in your shortcode.

If you aren’t comfortable with code, you will need to hire somebody to help with this. I recommend the following two sources:

-https://jobs.wordpress.net/
– https://codeable.io

I’ve tried that, but the problem is it redirects the customer to a not-existing page. I’ve set the endpoint as “Support” and I’ve created a new file into wp-content/plugins/woocommerce/templates/my-account named support.php, but it still shows a 404 error.

Can you paste your custom code here (please use the code tags)? Also, I don’t believe the support.php file will work. You need to use the hook instead.

I’ve used this: https://gist.github.com/claudiosmweb/a79f4e3992ae96cb821d3b357834a005#file-custom-my-account-endpoint-php

I tried this code:

function my_custom_my_account_menu_items( $items ) {
    // Remove the logout menu item.
    $logout = $items['customer-logout'];
    unset( $items['customer-logout'] );

    // Insert your custom endpoint.
    $items['my-custom-endpoint'] = __( 'My Custom Endpoint', 'woocommerce' );

    // Insert back the logout item.
    $items['customer-logout'] = $logout;

    return $items;
}

add_filter( 'woocommerce_account_menu_items', 'my_custom_my_account_menu_items' );

It works as the above, but it’s much easier to understand. Now I don’t know how to add contents. I’ve tried the following:

function my_custom_my_account_menu_items( $items ) {
    // Remove the logout menu item.
    $logout = $items['customer-logout'];
    unset( $items['customer-logout'] );

    // Insert your custom endpoint.
    $items['my-custom-endpoint'] = __( 'My Custom Endpoint', 'woocommerce' );

    // Insert back the logout item.
    $items['customer-logout'] = $logout;

    return $items;
}

add_filter( 'woocommerce_account_menu_items', 'my_custom_my_account_menu_items' );

Bit it doesn’t work.

I’ve checked from here.

That guide shows everything you need to know about how this works. You need to register the endpoint, flush the permalinks, and then add your menu item.

Then you add in content using the action hook: https://github.com/woothemes/woocommerce/wiki/2.6-Tabbed-My-Accout-page#manipulating-the-content-displayed-on-endpoints

If you can’t get this working, then you may need to hire a developer:

– https://jobs.wordpress.net/
– https://codeable.io

Thank you so much! I’ve done it!

Hi @iabdullah – Would you be able to post the entire code (with basic instructions) you used to make this happen? I’m a beginner coder and couldn’t figure this out after messing around for hours. Would really appreciate it.

Thanks!

Mark

Sorry guys, I just realized I forgot to flush the permalinks after making my last changes. All works now! Thanks for all the links and tips.