A Comprehensive Guide to Login Logout Menu Shortcodes

Login Logout Menu Shortcodes can be an efficient way to customize features for Login, Logout Buttons, Profile links, and Account/User links. You can add them anywhere on your site, including posts, pages, widgets, sidebar, etc., without additional coding.

This knowledge-based article will introduce the Login Logout Menu shortcodes and test them in the block editor post. Let’s get started!

Login Logout Menu Shortcodes

You can easily add Login Logout Menu shortcodes to your post, pages, widget, and sidebar. All you need to do is Install and Activate Login Logout Menu to your WordPress plugins.

Shortcode For Login Button

By default, WordPress takes the users to the Page/Post where they click the Login Button. You can create a custom Login Button for redefining the Redirect URL and the Log In Button text.

In that case, you’ll need to define the following parameters in the shortcode.

Parameters

$atts[login_url] Login redirect URL (this is where the user will be redirected after login, 
by default: to the page/post where the user clicked the login link)

$atts[login_text] Login button text 
$atts[login_logout_class]  CSS class for Login button styling 

Shortcode

Use the shortcode below to change the Login Redirect URL and Login Button text.

[login_logout_menu__login_link login_url="https://loginpress.pro/myaccount/" login_text="Login"]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Login Button

Shortcode For Login And Logout Button

By default, WordPress takes the users to the Log In page after clicking the Logout Button. You can create a custom Logout Button for redefining the Redirect URL and the Log Out Button text.

In that case, you’ll need to define the following parameters in the shortcode.

Parameters

$atts[login_url] - Parameter to change the Login redirect URL (Where user will be redirected after logout, default: to the Log In page)

$atts[logout_url] - Parameter to change the Logout redirect URL

$atts[login_text] - Parameter to change the Login button text

$atts[logout_text] - Parameter to change the Logout button text

$atts[login_logout_class] - Parameter to define the custom CSS class for Login & Logout button styling purpose

Shortcode

Use the shortcode below to:

[login_logout_menu__login_logout_link login_url="https://loginpress.pro/myaccount/" login_text="Login"”logout”]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Login And Logout Button

Shortcode For Logout Button

Suppose you want to customize your login button in terms of logout redirect URL, logout button text, and custom CSS to create a custom logout button. 

In that case, you’ll need to define the following parameters in the shortcode.

Parameters

$atts[logout_url] - Parameter to change the Logout redirect URL

$atts[logout_text] - Parameter to change the Logout button text

$atts[login_logout_class] - Parameter to define the custom CSS class for Logout button styling purpos

Shortcode

You can use the shortcode below to change the Logout redirect URL and Logout button text:

[login_logout_menu__logout_link
logout_url="https://loginpress.pro/myaccount/"
logout_text="Logout"]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Logout Button

Shortcode For Profile Button

If you want to customize your Profile link in terms of Account/Profile page URL, profile button text, and custom CSS to create a custom profile button, then you have to define the following parameters in the shortcode.

In that case, you’ll need to define the following parameters in the shortcode.

Parameters

$atts[url] - Parameter to change the Account/Profile page URL

$atts[edit_text] - Parameter to change the profile button text*
$atts[login_logout_class] - Parameter to define the custom CSS class for Profile button styling purpose

Shortcode

You can use the shortcode below to change the Profile page link and profile button text:

[login_logout_menu__profile_link
url="https://loginpress.pro/myaccount/" edit_text="Edit Profile"]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Profile Button

Shortcode For Registration Button

Suppose you want to customize your Profile link in terms of the Register page URL, register button text, and custom CSS to create a custom register button. 

In that case, you’ll need to define the following parameters in the shortcode.

Parameters

$atts[register_url] - Parameter to change the Registration page URL

$atts[register_text] - Parameter to change the registration button text*
$atts[login_logout_class] - Parameter to define the custom CSS class for Registration button styling purpose

Shortcode

You can use the shortcode below to change the Registration page link and registration button text:

[login_logout_menu__register_link
register_url="https://loginpress.pro/myaccount/"
register_text="Register"]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Registration Button

Shortcode For Username Link

If you want to customize your Profile link in the Account/Profile page URL and custom CSS to customize the user name link/button, then you have to define the following parameters in the shortcode.

Parameters

$atts[url] - Parameter to change the Account/Profile page URL

$atts[login_logout_class] - Parameter to define the custom CSS class for styling purpose

Shortcode

You can use the shortcode below to change the Account/Profile page link:

[login_logout_menu__username_link
url="https://loginpress.pro/myaccount/"]

Implementation of Shortcode

See how this shortcode appears on the login page when embedded using the Gutenberg editor.

Shortcode For Username Link

That’s all! We hope this knowledgebase article helped you understand that adding extra functionality to your WordPress website is much simpler with login logout menu shortcodes. 

If you have any doubts or questions related to this matter, please don’t hesitate to contact our support team.

Still stuck? How can we help?

Updated on December 9, 2022

Documentation
LoginPress Support
triangular shape yellowish icon

Frequently Asked Questions (FAQs)

These FAQs answer the most common questions about our WordPress custom login page plugin.

three shapes icon

Is LoginPress WPML Compatible?

LoginPress is fully supported with multilingual. LoginPress is also compatible with WPML Plugin, which means you can easily translate your login page with WPML plugin according to the given translation options in the WPML plugin.

Is LoginPress translation ready?

Yes, LoginPress has full translation and localization support via the LoginPress textdomain. All .mo and .po translation files should go into the languages folder in the base of the plugin.

Is coding skills needed to use LoginPress?

No, It is very easy to setup. Just plug and play. Have fun!

How to Install or Use LoginPress Pro?

Step-by-step instructions on How to Upgrade from existing Free version to Pro
1. You have installed and set up the Free version already.
2. Upload the Pro version.
3. Pro features will be enabled automatically.
4. You don’t need to set up Free version options again.
5. Setup Pro features like Google fonts, Google reCaptcha, Choose themes, etc.

Where is my license key?

License key is the Order ID which looks like in this format.
WHI150807-1234-12345
You can find it in the email Sales Receipt.

three shapes icon

If you Still have Questions?

Get In Touch