Send users to WooCommerce My-Account page instead of default WP Login/Logout pa

I am also trying to achieve the same thing for my existing WooCommerce website. There might be a possible way to set a custom login page url when we click on the Login link.

Hey guys. Super easy to do without a plugin.

Just add this to your function.php file

/*Add LoginOut in Top Menu */
add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
	if (is_user_logged_in() && $args->theme_location == 'top-menu') {
			$items .= '
<a href="'. wp_logout_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ) .'">Log Out</a>

';
	}
	elseif (!is_user_logged_in() && $args->theme_location == 'top-menu') {
			$items .= '
<a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">Log In</a>';
	}
	return $items;
}

You may have to change the two spots where it says ‘top-menu’ to the name of your menu that is registered. Might be primary-menu for the main nav. I use it for my top navigation menu.

David Swanson
http://planglobal.net

The code that I added in my post actually directs you to yourdomain.com/myaccount
This is normally what you want if you are using WooCommerce.

However, you can make it direct to any page you would like. Just change the two spots where you see ‘myaccount’ to whatever page. Example below

wc_get_pageid( ‘myaccount ‘ ) instead wc_get_pageid (‘wp-login.php’ )

Let me know if you need further help.

David Swanson
http://planglobal.net

David, this seems to be a good solution but is there a chance to style this new “menu-item”? It looks like it could need some padding on top.

David, When mobile version of the site is loaded the login/logout link shows both on the page and in the mobile nav bar. How would I remove it from showing on the page?

hello how to change my account by username

@david Swanson

Can’t get it to work. I have added the code in to my theme’s function.php file. but nothing is happing? can you help me?