Documentation

Articles, Tutorials, & Help Videos

Introduction to LoginPress

LoginPress is a plugin developed by WPBrigade that contains a lot of customization fields to change the layout of the login / register / forget page of WordPress. You can modify the look and feel of the login page completely even the login error messages, forgot error messages, registration error messages, forget password hint message and many more.

LoginPress Plugin would give you and its users a feeling that it is a custom login page and a part of the site layout.
LoginPress is a very useful plugin if you have a membership site or if you have a site where people create a profile, login / logout on your site.

LoginPress plugin is built using the WordPress Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with LoginPress you can preview your login page changes instantly. This login customizer plugin is easy enough & it required no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.

 

Who should use LoginPress?

Every WordPress user should use LoginPress. It is easy to use and can transform your boring wp-login.php login page into a beautiful customized login form page.

 

Let’s get started!

Once you’ve decided to turn your default WordPress login page into a beautiful customized login page and chosen LoginPress to do the job, here’s how to get started.

 

Find the Plugin.

  1. The Free version of the plugin can be download from WordPress.Org and free version is essential for PRO version and/or Add-ons.
  2. Go to WPBrigade ▸ Plugins ▸ LoginPress to pick the plan that works best for your business.
  3. If you’re buying the PRO version or paid add-ons, select the products to add to the cart.
  4. Go through the Check out and Payment process to complete your purchase.
  5. Once you have successfully completed the purchase, an email will be sent with order and license details.

 

LoginPress Installation & Activate

Installing a plugin through WordPress is quite easy.

 

Upload the plugin file.

  1. Go to Plugins ▸ Add New in the WordPress Dashboard.
  2. Click on the Upload Plugin button.
  3. Click Browse and select current version of loginpress.zip from your computer that you downloaded from WordPress.Org.
  4. Click Install Now.

After plugin gets installed successfully you can activate them by clicking Activate the button as appearing on your screen.

 

Manually activate plugin.

If you wish to activate plugin manually.

  1. Go to Plugins ▸ Add New in the WordPress menu.
  2. Search LoginPress from a search bar.
  3. Bring your cursor over plugin thumbnail and click the Install button.
  4. After installing click the Activate button.

After the activation, you would see the brand new layout of your login page. It’s a LoginPress default layout. In the beginning, it looks better than your WordPress default login page without doing anything but you can customize it further to make the layout similar to your site.


 

LoginPress Settings

Go to LoginPress ▸ Settings from the Dashboard menu.

  1. Click on Allow & Continue button. For help us Improve LoginPress
  2. Under the Settings tab. You can find the following fields.
  3. Force Login: Force user to login before viewing the content of your site. Kind of membership. If you have enabled this option a user will rediect on the login page. (Premium).
  4. Enable reCAPTCHA: Goto Doc (Premium).
  5. Session Expire: Goto Doc.
  6. Custom Password Fields: Here you can create custom password fields on a registration form. In this case, the user can easily create a password when s/he registers on your site without the confirmation a password via email.
  7. Login Order: You can allow users to login using their username and/or email address only.
  8. Lost Password URL: Goto Doc.
  9. Reset Default Settings: You can reset the default settings of the LoginPress.
  10. Remove Settings on Uninstall: This option will remove all LoginPress settings upon uninstall of the plugin.
  11. After the settings change, click the Save Changes button.

 

LoginPress Session Expiration

By default, WordPress gets your login session cookie to expire within 48 hours, or 14 days if you check the “Remember Me” box. You can change the Expiration Time with LoginPress.

  1. Go to LoginPress ▸ Settings from Dashboard menu.
  2. Under the Settings tab. You can find the Session Expire: field.
  3. Set the Session Expiration Time in Minutes e.g: 10
  4. After sets the time click Save Changes button.
  5. After saving, you just need to set the Expiration Cookies. For this, please logout at least once.
  6. After logout Expiration Cookies are set. Session expiration will work now.

You can Remove or Reset the Expiration time.

  1. For removing the session expiration time just pass an Empty value in expiration field and save it.
  2. After removing or reseting the session expiration time, you need to clear the Expiration Cookies every time by logout at least once.


 

Lost Password URL

This option belongs to the WooCommerce plugin. If you have activated WooCommerce then you’ll see that Woocommerce creates its own forget page URL instead use of WordPress default URL. Like (https://yourdomain.com/my-account/lost-password/)
While LoginPress works on WordPress default login/forget/register forms only. So this option enables you to use WordPress default lost password URL instead of WooCommerce custom lost password URL.


 

LoginPress Installation & Activate (Pro)

Installing a LoginPress Pro plugin through WordPress is quite easy.

 

Upload the plugin file

  1. Note: LoginPress Free is essential to LoginPress – Pro.
  2. Go to Plugins ▸ Add New in the WordPress Dashboard.
  3. Click on the Upload Plugin button.
  4. Click Browse and select current version of loginpress-pro.zip from the computer that you received via Email.
  5. Click Install Now.

After plugin gets installed successfully you can activate them by clicking Activate the button as appearing on your screen.


 

LoginPress(Pro) Activate License Key

In order to activate the License Key

  1. Go to  LoginPress ▸ Licence Manager  in the WordPress Dashboard.
  2. Enter the license key in the information field.
  3. After entering the license key, click on the activate license button which will activate your license key.

 

Why License Key?

Getting a license will provide you with the following features:

  1. Future updates: You will be able to get all the updates which will be made in the future.
  2. Premium Support: You will get the access to premium support (depending upon the plan).
  3. Access to Add-ons: Getting a license key will give you access to all the add-ons i.e, current as well as the upcoming add-ons which will be a part of this plugin in the future.

After plugin gets installed successfully you can activate them by clicking Activate the button as appearing on your screen.



 

LoginPress reCaptcha (Premium)

Google reCaptcha is a CAPTCHA-like system designed to establish that a computer user is human (normally in order to protect websites from bots). LoginPress has a feature to enable Google reCaptcha on Login, Registration and Forget form. Following are the steps to enable Google reCaptcha in LoginPress. The basic premium version of the plugin gives you access to reCaptcha.

Go to LoginPress ▸Settings from Dashboard menu.
Under the Settings tab. You can find the enable reCaptcha fields.

  1. Enable LoginPress reCaptcha.
  2. Go to Google reCaptcha to manage your reCAPTCHA API keys.
  3. Enter Label for reCaptcha.
  4. Choose the type of reCaptcha. In our case it’s V2.
  5. Enter your Domain e.g: yousite.com
  6. Accept the reCaptcha Terms of Services and click on Register button.
  7. After Registration, you will get the Site Key & Secret Key.
  8. Copy Site Key & Secret Key and Paste them into LoginPress reCaptcha Settings.
  9. Select a reCaptcha Theme Light or Dark.
  10. Enable reCaptcha on Login, Registration and/or Forget Form Where you want.
  11. After the settings change, click Save Changes button.

LoginPress reCaptcha will be Work as you set 🙂
You can customize LoginPress reCaptcha Error message Goto Doc


 

LoginPress Customizer

LoginPress plugin is built using The Customizer API which is getting popular for live-previewing any changes to the layouts of WordPress. So, with LoginPress you can preview your login page changes instantly. This login customizer plugin is easy enough & it requires no coding skills. Just have options for each element on the login form and make a new customized login page within seconds.

  1. Go to LoginPress ▸ Customizer from Dashboard menu.
  2. Here you can find the panel LoginPress.
  3. Go to this panel and customize your page.
  4. Following are the sections under LoginPress.

 

LoginPress Themes (Premium)

Themes are the premium feature in LoginPress. Here you find the dozen of the pretty cool templates that can be implemented on the login page. The basic premium version of the plugin gives you access to these themes.

  1. Customizing ▸ LoginPress ▸ Themes: Choose the theme and preview it in Customizer Previewer.



 

Customize Google Fonts (Premium)

Google Fonts are also the premium feature in LoginPress. Here you find the number of Google fonts that can be implemented on the login page. You can also get access to Google Fonts by upgrading to the basic premium version.

  1. Customizing ▸ LoginPress ▸ Google Fonts: Select font and preview it in Customizer Previewer.



 

Identify your site by changing the default WordPress logo on the login page with LoginPress. Here you can change the login logo {image, width, height, padding, URL and Title}.

  1. Customizing ▸ LoginPress ▸ Logo: Customize Your Logo Section and preview it in Customizer Previewer.
  2. Logo Image: Upload your logo image.
  3. Logo Width: Customize the width of your logo by range control or by inputting value into the text field.
  4. Logo Height: Customize the height of your logo by range control or by inputting value into the text field.
  5. Logo Padding Bottom: Customize the padding-bottom of your logo by range control or by inputting value into the text field.
  6. Logo URL: Customize the logo redirect URL by inserting the URL into the text field.
  7. Logo Hover Title: Customize the logo Hover Title by inserting the text into the text field.


 

Customize Background

Now time to change the login page background image or color with LoginPress. Here you can customize background image or color. Set its position, size, and repeatable property.

Customizing ▸ LoginPress ▸ Background: Customize Your Background and preview it in Customizer Previewer.

  1. Background Color: Customize the colour of background by colour picker control. (Low Priority)
  2. Enable Background Image? Enable/Disable login page background image.
    1. Background Gallery: You can choose the background of your login page from the default gallery images. If you select the background image from gallery it’ll override the selected theme image. (High Priority)
    2. Background Image: You can choose your own background of your login page. If you choose your own background image the gallery will be hidden from the section and this image will override on selected theme image. (Higher Priority)
    3. Background Repeat: Customize the repeatable option. This option is very useful if your background image size isn’t big enough. For example, if you are using a pattern you can repeate your background image.
    4. Select Position: Customize the background position according to the image.
    5. Background Image Size: Customize the background image size according to the image.
  3. Enable Background Video? Enable/Disable login page background video.(Higher Priority)
    1. Background Image: You can choose your own background of your login page.
    2. Video Size: Customize the background video size according to the video.
    3. Object Position: Customize the video position according to the video.
    4. Muted Video: Enable/Disable mute option of the video.


 

Customize Login Form

In this section, you can customize the actual login form {image or color, width, height, radius, shadow, shadow opacity, padding, and border}. Moreover, you can also customize Input Text Field {width, margin, text color, label color, and background color}.

  1. Customizing ▸ LoginPress ▸ Customize Login Form: Customize Your Login Form and preview it in Customizer Previewer.
  2. Enable Form Transparency: You can enable/disable a transparency on your Login Form.
    1. On Enable, Form Background Image and Form Background Color section will be hidden.
    2. On Disable, You need to apply Form Background Color or Background Image manually.
  3. Form Background Image: You can apply a background image on your Login Form. (High Priority)
  4. Form Background Color: You can change the background colour of login form by colour picker control. (Low Priority)
  5. Form Width: Customize the width of your form by range control or by inputting value into the text field.
  6. Form Minimum Height: Customize the minimum height of your form by range control or by inputting value into the text field.
  7. Form Radius: Customize the radius of your form by range control or by inputting value into the text field.
  8. Form Shadow: Customize the shadow of your form by range control or by inputting value into the text field.
  9. Form Shadow Opacity: Customize the shadow opacity of your form by range control or by inputting value into the text field.
  10. Form Padding: You can set the form padding by just inserting a value into the text field.
  11. Border: Customize the border of the form like (2px dotted black).
  12. Input Field Background Color: Customize the background colour of input fields by colour picker control.
  13. Input Field Text Color: Customize the text colour of input fields by colour picker control.
  14. Input Text Field Width: Customize the width of input fields of the form by range control or by inputting value into the text field.
  15. Input Text Field Margin: You can set the form margin of the text fields by by inputting the value into the text field.
  16. Input Field Label Color: Customize the text colour of labels by colour picker control.
  17. Remember me Label Color: Customize the text colour of remember me label by colour picker control.

 

Customize Forget Form

In this section you can customize the forget form {image and colour}.

  1. Customizing ▸ LoginPress ▸ Customize Forget Form: Customize Your Forget Form and preview it in Customizer Previewer by click on Register link.
  2. Forget Form Background Image: You can apply a background image on your Forget Form. (High Priority)
  3. Forget Form Background Color: Customize the background colour of forget form by colour picker control. (Low Priority)
  4. All other Login Form Customization will be applied to the Forget Form.

 

Customize reCaptcha (Premium)

Customizer reCaptcha Settings are the premium feature in LoginPress. Here you can customize the reCaptcha settings {error message and size}.

  1. Customizing ▸ LoginPress ▸ reCAPTCHA: Customize Your reCAPTCHA and preview it in Customizer Previewer.
  2. reCAPTCHA Error Message: You can change your Error message of the reCaptcha.
  3. Select reCAPTCHA size: Customize the reCaptcha size.

 

Customize Button

In this section, you can customize the actual login button itself.

  1. Customizing ▸ LoginPress ▸ Button Beauty: Customize Your Button and preview it in Customizer Previewer.
  2. Button Color: Customize the background colour of login/register/forget form button by colour picker control.
  3. Button Border Color: Customize the border colour of login/register/forget form button by colour picker control.
  4. Button Color (Hover): Customize the hover background colour of login/register/forget form button by colour picker control.
  5. Button Border (Hover): Customize the hover border colour of login/register/forget form button by colour picker control.
  6. Button Box Shadow: Customize the box-shadow colour of login/register/forget form button by colour picker control.
  7. Button Text Color: Customize the text colour of login/register/forget form button by colour picker control.
  8. Button Size: Customize the size of the button form by range control or by inputting value into the text field.
  9. Button Top Padding: Customize the top padding of the button form by range control or by inputting value into the text field.
  10. Button Bottom Padding: Customize the bottom padding of the button form by range control or by inputting value into the text field.
  11. Radius: Customize the radius of the button form by range control or by inputting value into the text field.
  12. Shadow: Customize the shadow of the button form by range control or input value into the text field.
  13. Shadow Opacity: Customize the shadow opacity of the button form by range control or by inputting value into the text field.
  14. Text Size: Customize the text size of the button form by range control or by inputting value into the text field.



 

Customize Error Messages

One of the main features of the LoginPress. You can change every error message that the user will get depending on the outcome of login attempts, registration attempts or forget attempts. So it’s a really really creative.

  1. Customizing ▸ LoginPress ▸ Error Messages: Customize Your Error messages and preview it at login page instead of the customizer. Because errors occur on the failure of credential and LoginPress isn’t allowed you to login in the customizer.
  2. Incorrect Username Message: Customize the Incorrect Username Error Message.
  3. Incorrect Password Message: Customize the Incorrect Password Error Message.
  4. Empty Username Message: Customize the Empty Username Error Message.
  5. Empty Password Message: Customize the Empty Password Error Message.
  6. Empty Email Message: Customize the Empty Email Message.
  7. Username Already Exist Message: Customize the Username Already Exist Error Message.
  8. Email Already Exist Message: Customize the Email Already Exist Error Message.
  9. Forget Password Message: Customize the Forget Password Error Message.
  10. Login with Email Message: Customize the Error Message when force user to login with Email instead of username.



 

Customize Welcome Messages

Same as error log messages you can customize the welcome messages as you want them to be shown to users.

  1. Customizing ▸ LoginPress ▸ Welcome Messages: Customize Your Welcome messages and preview it in Customizer Previewer.
  2. Welcome Message on Lost Password: Customize the Welcome Message on Lost Password Form.
  3. Welcome Message on Login Page: Customize the Welcome Message on Login Form.
  4. Welcome Message on Registration: Customize the Welcome Message on Registration Form.
  5. Logout Message: Customize the Logout Message.
  6. Message Field Border: Customize the border of the Welcome Message like. (1px solid #00a0d2;)
  7. Message Field Background Color: Customize the background colour of Welcome Message Color by colour picker control.
  8. Reset Password Hint: Customize the Hint text that comes with reset password page. (Premium)



 

After the login Button, here is form footer. You can customize the footer {text, display, text decoration, text color, text hover color, and text size}. In this section, you can also customize the page footer text.

    1. Customizing ▸ LoginPress ▸ Form Footer: Customize Your Footer and preview it in Customizer Previewer.
    2. Footer Text Display: Enable / Disable “Register & Lost your password” text. After disable, all the customization options related to footer text will be hide.
    3. Lost Password Text: Customize the “Lost your password” text.
    4. Select Text Decoration: Customize text decoration for lost password text.
    5. Footer Text Color: Customize the text colour of footer form by colour picker control.
    6. Footer Text Hover Color: Customize the hover text colour of footer form by colour picker control.
    7. Text Font Size: Customize the size of text by range control or by inputting a value into the text field.
    8. Footer Background Color: Customize the background colour of footer form by colour picker control.

 

    1. “Back to” Text Display: Enable / Disable “Back to Site” text. After disable, all the customization options related to “Back to” text will be hidden.
    2. “Back to” Text Decoration: Customize text decoration for “Back to Site” text.
    3. “Back to” Text Color: Customize the text colour of “Back to Site” by colour picker control.
    4. “Back to” Text Hover Color: Customize the hover text colour of “Back to Site” by colour picker control.
    5. “Back to” Text Font Size: Customize the size of “Back to Site” text by range control or by inputting a value into the text field.
    6. “Back to” Background Color: Customize the background colour of “Back to Site” by colour picker control.

 

    1. Copyright Note: Customize the copyright note. You can use HTML tags for beautifying your text.
    2. Show some Love: Enable / Disable “Powered by LoginPress” text.
    3. Love Position: Change the LoginPress Branding position left or right.



 

Custom CSS/JS

LoginPress has a Custom CSS/JS area which can Customize the login page in a more advanced way. Recommended for advanced users.

  1. Customizing ▸ LoginPress ▸ Custom CSS/JS: Customize Your Login Page and make your login page more advanced.
  2. Customize CSS: Area for Custom CSS.
  3. Customize JS: Area for Custom JS.



 

LoginPress Add-ons

We have a collection of great Free and Pro Add-ons that make LoginPress more powerful. For checking out the Add-Ons go back to the Dashboard ▸ LoginPress ▸ Add-Ons Page. The following are the Add-Ons for LoginPress.


 

Login Logout Menu (Free)

Login Logout Menu is a handy Add-On that allows you to add login, logout, register and profile menu items in your selected menu. For Installing a Free Add-on.

  1. Go to LoginPress ▸ Add-Ons find the Login Logout Menu and click the toggle button to on which will install the add-on.
  2. Now Go to Appearance ▸ Menus, You will see a separate section for Login Logout Menu.
  3. Here you find the different kind of items that you can use in your selected menu by Drag and Drop.



 

LoginPress – Auto Login

LoginPress- Auto Login lets you (Administrator) gives access to generates a unique URL for your certain users whom you don’t want to provide a password to login to your site. This Pro add-on gives you a list of all the users who you have given auto-generated login links. After searching for a username, the plugin will generate an autologin link. Copy this link and give it to the user. A user will login without the username/password. Awesome? A really really cool feature.
You can restrict someone’s access or delete certain users. Let’s upgrade to Pro package. Follow these steps to activate the plugin.

  1. Go to LoginPress ▸ Add-Ons find the Auto login Add-On and click the toggle button to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Auto Login Tab, You will see separate settings for Auto Login.
  3. Search Username: Here you need to search Username for making a login magic link for that user.
  4. After selecting the user from search, the user will be listed with the magic link.
  5. After generating the auto login link, copy it and give to the user, it’ll work.
  6. Here you can also update or delete the link for the certain user any time you want.



 

LoginPress – Hide Login

LoginPress- Hide Login gives you access to change the login page URL to anything you want. It will enhance the security level give a hard time to spammers who keep hitting to your login page. This is helpful for Brute force attacks. One caution to use this add-on is you need to remember the custom login URL after you change it. We have an option to email your custom login URL so you remember it.

  1. Go to LoginPress ▸ Add-Ons find the Hide Login Add-On and click the toggle button to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Hide Login Tab, You will see separate settings for Hide Login
  3. Rename Login Slug: Here you need to change the login page URL by typing in the text field or press the button Generate Slug (Randomly)
  4. Here you can see the option to email your custom login URL so you remember it
  5. Enable Send Email and write down your email address. Use comma ( , ) to add more than 1 recipients
  6. After make changes you need to click on save changes. It’ll change your login page slug and sent email as well.




 

LoginPress – Limit Login Attempts

Everybody needs control of their Login page. This Add-On will help you to track your login attempts made by each user. You can limit the login attempts for each user. Brute force attacks are the most common way to gain access to your website. This add-on acts as a shield against these hacking attacks and gives you control to set the time between each login attempt.

  1. Go to LoginPress ▸ Add-Ons find the Limit Login Attempts Add-On and click the toggle button to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Limit Login Attempts Tab, You will see separate settings for Limit Login Attempts.
  3. Under the Limit Login Attempts settings. You can find the 4 following tabs.
  1. Settings
  2. Attempt Details
  3. Whitelist
  4. Blacklist

Under the Settings tab, you can find the following settings.

  1. Attempts Allowed: Set the total number of login attempts. After attempts, user will lockout.
  2. Minutes Lockout: After a lockout how much time will be required for the user to be able to see the login page again?
  3. After saving changes you need to click on save changes.

Under the Attempt Details tab, you can find a beautiful layout with the attempts failed detail. Here you can find the detail with:

  1. IP: The IP address of the user.
  2. Date & Time: The date & time when he tries to login to your site.
  3. Username: Which username he tries to login to your site.
  4. Password: Which password he tries to login to your site.
  5. Gateway: Which gateway he use to login on your site (WP Login, Woocommerce, Widget).
  6. Action: Here is the main feature of login attempts.
    1. Unlock: You can the unlock the IP address. After that user will be able to login again without lockout restriction.
    2. Whitelist: You can add the IP address to the whitelist. The user will no longer face the limitation restriction. After clicking on Whitelist Button, all the attempts that user do to login (Username, Password etc) data will be removed from Attempt Detail tab and IP address added to the whitelist.
    3. Blacklist: You can add the IP address to the blacklist. The user will no longer be able to see login page and wp-admin. After clicking on Blacklist Button, all the attempts that user does to login (Username, Password etc) data will be removed from Attempt Detail tab and IP address added to the blacklist.

Under the Whitelist tab, you can find the whitelisted IP address with the beautiful layout. Here you can

  1. Clear: Remove the Whitelisted IP for the certain IP.
  2. After Removing from whitelist that IP address will face the limit login attempt restriction.

Under the Blacklist tab, you can find the blacklisted IP address with a beautiful layout. Here you can

  1. Clear: Remove the Blacklisted IP for the certain IP.
  2. After Removing from the blacklist that IP address will be able to see login page as well wp-admin.




 

LoginPress – Login Widget

LoginPress- Login Widget is a widget you can use into your blog sidebar. It uses an Ajax way to login via the sidebar. It’s fully customizable. You may need to know HTML/CSS to give it style according to your site even we have styled it in general.

  1. Go to LoginPress ▸ Add-Ons find the Login Widget and click the toggle button to on which will install the add-on
  2. Now Go to Appearance ▸ Widgets. Here you’ll find LoginPress: Login Widget. Here you can set:
  1. Logged-out Title: of the widget.
  2. Logged-out Links (Text | href): Before Logging in, which links will be shown to the user? You can Customize the text and link.
  3. Show lost password link: Enable / Disable link.
  4. Lost password text: customize the “Lost Password” text.
  5. Show register link: Enable / Disable registration. Before Enabling “Anyone can register” must be enabled from Settings ▸ General Option.
  6. Register text: customize the “Registration” text.
  7. Show “Remember me” checkbox: Enable / Disable “Remember me” Checkbox.
  8. Login Redirect URL: You can add a custom URL for redirection after login.
  9. Logged-in title: Widget Title will change after login. You can change it.
  10. 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.
  11. Show logged-in user avatar: Enable / Disable User Avatar.
  12. Logged-in user avatar size: Customize Users Avatar Size.
  13. Logout Redirect URL: You can add a custom URL for redirection after logout.
  14. Error Messages: You can change the Error messages from LoginPress Customizer.
  15. Error Background Color: Customize the Background colour of the Error Message.
  16. Error Text Color: Customize the Text colour of the Error Message.




 

LoginPress – Redirect Login

Redirects users based on their roles. This is helpful If you have an editor and want to redirect the user to his editor stats page. Restrict your subscribers, guests or even customers to certain pages instead of wp-admin. This Add-on has a cool UX/UI to manage all the login redirects you have created on your site.

  1. Go to LoginPress ▸ Add-Ons find the Redirect Login Add-on and click the toggle button to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Login Redirects Tab, You will see a separate settings for Login Redirects.
  3. Under the Login Redirects settings. You can find the 2 following tabs.
  1. Specific User
  2. Specific Roles

 

Under the Specific User tab, you can find a beautiful layout. Here you can:

  1. Search Username: To apply redirects tn that. After selecting the user you can see:
    1. User ID.
    2. Username.
    3. Email: of the certain user.
    4. Login URL: Add Login Redirect URL for a certain user.
    5. Logout URL: Add Logout Redirect URL for a certain user.
    6. Action: Here is the main feature of redirection. You can
      1. Update: the redirect links for the certain user.
      2. Delete: the redirect links for the certain user.

Under the Specific Roles tab, you can find a beautiful layout. Here you can:

  1. Search Roles: for apply redirects on that. After selecting the role you can see:
    1. No: the total number of roles.
    2. Role: specific role.
    3. Login URL: Add Login Redirect URL for a certain role.
    4. Logout URL: Add Logout Redirect URL for a certain role.
    5. Action: Here is the main feature of redirection. You can
      1. Update: the redirect links for the certain role.
      2. Delete: the redirect links for the certain role.




 

LoginPress – Social Login

Today, there are a lot of websites, the number of accounts on each site are also rising. The user doesn’t want to create an account on each website and remember the credentials for that. Choose the best way to log them to your site without any providing any credentials, i.e. log in via their social media account! Yes, this is useful because users can easily create an account through social media instead of filling up the registration form, so it makes registration and login faster.

LoginPress has a Social Login add-on that allows your user to log in via their social media account.
Here we integrate the following social media integration with LoginPress Social Login Plugin.

  1. Go to LoginPress ▸ Add-Ons find the Social Login Add-On and click the toggle button to on which will install the add-on.
  2. Now Go to LoginPress ▸ Settings ▸ Social Login Tab, You will see a separate settings for Social Login.
  1. Under the Social Login settings. You can find the 4 social media websites.
    1. Facebook
    2. Twitter
    3. GPlus
    4. Linkedin

 

Let’s integrate Facebook login with LoginPress Social Login.

Following are the steps to create an app on Facebook to use Facebook Login in a web application.

Step 1:

  1. Go to Facebook Developers section and login to your Facebook account, if you are not logged in already. This should not be your business account.

Step 2:

  1. If you are here (at Facebook Developer section) first time.
    1. You will be required to “Create a Facebook for Developers account”. Click “Create First App” button.
    2. Fill out the form. (Display Name, Contact Email) and click on “Create App ID”.
    3. Select a Scenario here. In our case it\’s “Integrate Facebook Login”. Select it and click on “Confirm button”.
  2. If you have registered already.
    1. Click “Create App” from “My Apps” and fill out the required informational fields.
    2. Fill out the form. (Display Name, Contact Email) and click on “Create App ID”.
    3. After you have created the App, please select a product type here. In our case, we use “Facebook login”.
    4. Select the platform for this app: Here we use “web”.
    5. Enter your web URL and save the settings.

Step 3:

  1. Go to Settings > Basic from the left side menu.
  2. Fill out the required fields (Contact Email, App Domains, and Privacy Policy URL).
  3. Here you find the App ID and App Secret.
  4. Copy that ID & Secret and use it in our plugin settings.
  5. Save the settings.

Step 4:

  1. Go to Facebook Login > Settings from left side menu.
  2. There Please set the Use Strict Mode for Redirect URIs as Yes.
  3. Add valid OAuth redirect URIs here. (Get it from plugins setting)
  4. Save the settings.

Step 5:

  1. Final Step make this App public. For this, You just need to slide the checkbox that you see on topbar.
  2. After that select the category and press confirm button.
  3. Save the settings and enjoy it.

 


 

Let’s integrate Twitter login with LoginPress Social Login.

Following are the steps to create an app on Twitter to use Twitter Login in a web application.

Step 1:

  1. You must register your website with Twitter at https://developer.twitter.com/en/apps.
  2. Click on “Create an App” Button and fill out the required informational fields.
  3. Callback URL is very important in twitter application. Here you’ll add the copies URL from twitter callback description from the plugin.
  4. Click on “Create” button.
  5. After that, a popup will appear for “Review Developer Terms”. Read the terms and click on create button.

Step 2:

  1. Go to “Keys and access token” tab.
  2. Copy that Key and Token under “Consumer API Keys” heading and use it in plugin settings.
  3. Save the settings and enjoy.


 

Let’s integrate Google Plus login with LoginPress Social Login.

Following are the steps to create an app on Gplus to use GPlus Login in a web application.

Step 1:

  1. You must register your website with Google APIs at https://console.developers.google.com/.
  2. Click on “Create” button and fill out the required informational fields. (Project Name)
    1. If you have more then 1 project in Google APIs, please confirm your project from top left dropdown project list.
  3. Click on “OAuth consent screen” from the left side menu and fill out the required informational fields. (Application Name, Authorized domains).
  4. Save the settings.

Step 2:

  1. After saving the settings, you will be redirected to the Credentials page.
  2. Please select “OAuth Client ID” from “Create Credential” dropdown.
  3. Select the Application type here. In our case it\’s “Web application”.
  4. Fill out the required informational fields (Name & Authorized redirect URIs) save the settings.
  5. Authorized redirect URIs is very important for google application. Here you’ll add the copies URL from gplus callback description from the plugin.

Step 3:

  1. After saving the settings, a popup will appear with “OAuth Client” heading. Copy the Client ID and Client Secret from here and use it in our plugin setting.
  2. Save the settings and enjoy.


 

Let’s integrate Linkedin login with LoginPress Social Login.

Following are the steps to create an app on Linkedin to use Linkedin Login in a web application.

Step 1:

  1. You must register your website with Linkedin at https://developer.linkedin.com/.
  2. Click on My Apps then Create Application and fill out the required informational fields.
  3. Enter the Authorized Redirect URLs.
  4. Copy that Client ID & Client Secret and use it in plugin settings.
  5. Save changes and enjoy.

 

LoginPress Support

LoginPress has thousands of active installs. So, we provide robust open source community support on the LoginPress Forums. Additionally, we offer a complete guide along with simple and easy to follow How-to videos. Check WPBrigade YouTube channel
LoginPress PRO users can get ticket based support directly from the WPBrigade Support Tickets system. Visit https://wpbrigade.com/contact/

  1. FAQ: Do you have any question? Please check FAQ
  2. Support Forums: Free support is available on the plugin support forum.
  3. Support Ticket – Pro version: Found a bug or have a feature request? Please submit an issue here!

 

LoginPress with Multisites

Multisite is a WordPress feature that allows users to create a network of sites on a single WordPress installation. Each site has its own login page. You can Customize each site login page with the LoginPress. LoginPress is fully supported with Multisites.


 

LoginPress Compatibility with

LoginPress is Compatible with the following plugins.

  1. Multilingual & Translatable: Do you want to translate LoginPress in your own language? LoginPress is fully supported with multilingual. You can translate LoginPress into your own language.
  2. WPML Compatible: LoginPress is compatible with WPML Compatible Plugin.

 

LoginPress Developer Hooks

LoginPress has the following hooks for developers.

  1. Remove “Remember me” checkbox: You just need to single line of code to remove the “Remember me” checkbox. Add the following filter in your themes functions.php
    apply_filters( 'loginpress_remember_me', true );
  2. Social button on Login Widget:Using Social Login and Login Widget Add-On together make social logins to also appear on login widget by default.To disable social logins on the login widget simply use the “loginpress_social_widget” filter within “init” hook in your theme’s functions.php file.

    add_filter( 'loginpress_social_widget', 'loginpress_social_widget_callback' );

    function loginpress_social_widget_callback( $toggle ) {

    $toggle = false;

    return $toggle;

    }

  3. Default Theme Background ImageWhen using LoginPress on multisite setup you may require to change default LoginPress theme background image.The following filter will help you achieve the task
    add_filter( 'loginpress_default_bg', 'loginpress_default_bg_callback' );

    function loginpress_default_bg_callback( $background ) {

    $background = 'https://cdn.pixabay.com/photo/2019/07/19/09/40/flowered-balloon-flower-4348351_960_720.jpg';

    return $background;

    }

    Here $background contains the URL for the background image. Make sure the image is optimized, otherwise it can cause the login page to load slow.

  4. Remove LoginPress Default Error messagesWhen you want to disable LoginPress default error messages and use WordPress or any other plugin error message.The following filter will help you achieve the task

    add_filter( 'loginpress_display_custom_errors', 'loginpress_display_error_messages_callback' );

    function loginpress_display_error_messages_callback( $error ) {

    $error = false;

    return $error;

    }

    Here $error contains the boolean value. false for remove LoginPress default error messages.

  5. Prevent LoginPress Login RedirectsIf you want to stop LoginPress login redirects at somewhere.The following filter will help you achieve the task

    add_filter( 'prevent_loginpress_login_redirect', 'prevent_loginpress_login_redirect_callback', 10, 1 );

    function prevent_loginpress_login_redirect_callback( $condition ) {

    if ( //your condition ) {

    $condition = 'true';

    }

    return $condition;

    }

    Here $condition contains the boolean value. true for no redirection.


 

Rate Us

We hope you’ve enjoyed using LoginPress! Would you consider leaving us a review on WordPress.org?