How to Add Login Widget with LoginPress

By default, WordPress doesn’t offer a Login Widget.

You can use a Login Widget to create an additional login area that enables users to login into your WordPress site. It increases visits to your sites and boosts retention for your online blogs, products, and more.

LoginPress premium has the Login Widget Add-on. This Add-on adds a widget in your blog or products sidebar. It uses Ajax to help users login via the sidebar while reading your blog.  LoginPress offers basic styling to the Login Widget, but you may uplift the style according to your site if you know HTML/CSS.

Note: We assume that you have already upgraded to LoginPress Pro. If not, you can check out our guide on How To Install And Activate LoginPress PRO Version?

This knowledgebase article will show you how to add LoginPress Login Widget to your WordPress site with LoginPress Login Widget Add-on.

Let’s get started!

Login Widget Add-on in LoginPress

Step 1: Activate Login Widget Add-on

First, go to the left sidebar of the WordPress admin dashboard. Navigate to LoginPress and click Add-Ons

Add-Ons

Next, you need to see the Login Widget Add-On and Enable the toggle button to activate the Login Widget Add-on.

Enable Login Widget

Step 2: Go to Login Widgets

Go to the left sidebar of the admin dashboard.  Navigate to Appearance and click Widgets

Widgets

Step 3: Get Started with Login Widget Add-on.

Note: The Login Widget add-on isn't compatible with block themes. So, if you're planning to use it, you need a non-block theme such as Twenty Twenty-One.

A new screen will open up. Here you can see the Widget with a “+” sign at the top left corner of the screen.

Click on the “+” button.

Once you click on the +, you can search for the Login Widget and drag and drop it where you want to display it.

Once it is added, you can see that the LoginPress Login Widget Add-on enables you to add additional options to the default login widget, including:

  • Logged-out Title: 

of the widget.

  • Logged-out Links (Text | Href): 

Before Logging in, which links will be shown to the user? You can Customize the text and link.

  • Show lost password link: 

Enable / Disable the link.

  • Lost password text: 

customize the “Lost Password” text.

  • Show the register link: 

Enable / Disable registration.

Before Enabling “Anyone can register,” it must be enabled from Settings ▸ General Option.

  • Register text: 

customize the “Registration” text.

  • Show the “Remember me” checkbox: 

Enable / Disable the “Remember me” Checkbox.

  • Login Redirect URL: 

You can add a custom URL for redirection after login.

  • Logged-in title: 

The widget Title will change after login. You can change it.

  • Logged-in Links (Text | HREF | Capability): 

After Logging in, which links will be shown to the user? You can Customize the text, link, and capability, respectively.

  • Show logged-in user avatar:

Enable / Disable User Avatar.

  • Logged-in user avatar size: 

Customize Users Avatar Size.

  • Logout Redirect URL: 

You can add a custom URL for redirection after logout.

  • Error Messages: 

You can change the Error messages from LoginPress Customizer.

  • Error Background Color:

Customize the background color of the Error Message.

  • Error Text Color: 

Customize the Text color of the Error Message.

Once you are done, don’t forget to click on the update button.

Update

Here is what the final appearance would be like:

Sidebar Login Widget

That's it! We’ve demonstrated how you can add a Login Widget to the sidebar of your WordPress site with the help of the LoginPress Login Widget Add-on

Try this and let us know how much it helped you!

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

Check our video given below on how to install/activate the Login Widget and use it on your WordPress blog.

Still stuck? How can we help?

Updated on November 12, 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