Documentation

Articles, Tutorials, & Help Videos

IN THIS ARTICLE:

Introduction to LoginPress

 

LoginPress is a plugin developed by WPBrigade that holds 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 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 your 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 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 & 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 installed successfully you can activate them by clicking Activate the button as appear on your screen.

 

Manually activate plugin.

 

If you wish to activate manually.

 

  1. Go to Plugins ▸ Add New in the WordPress menu.
  2. Search LoginPress from a search bar.
  3. Mouseover plugin thumbnail and press the Install button.
  4. After installing press 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 beggining, it looks better than your WordPress default login page without doing anything but you can customize it more 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. Enable reCAPTCHA: Goto Doc (Premium).
  4. Session Expire: Goto Doc.
  5. Custom Password Fields: Here you can create a 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 confirmation a password via email.
  6. Login Order: You can allow users to login using their username and/or email address only.
  7. Lost Password URL: Goto Doc.
  8. Reset Default Settings: You can reset the default settings of the LoginPress.
  9. Remove Settings on Uninstall: This option will remove all LoginPress settings upon uninstall of the plugin.
  10. After the settings change, click the Save Changes button.

 

 

LoginPress Session Expiration

 

By default, WordPress makes your login session cookie expire in 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 one time.
  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 remove or reset the session expiration time, you need to clear the Expiration Cookies every time by logout at least one time.

 

 

 

Lost Password URL

 

This option belongs to the WooCommerce plugin. If you have activated WooCommerce then you’ll see that Woocommerce create its own forget 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 installed successfully you can activate them by clicking Activate the button as appear 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 step to enable Google reCaptcha in LoginPress. The basic premium version of the plugin gives you access of 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 reCaptcha 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 & required 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 template 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 the access to Google Fonts by upgrading on 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 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 input value into the text field.
  4. Logo Height: Customize the height of your logo by range control or input value into the text field.
  5. Logo Padding Bottom: Customize the padding-bottom of your logo by range control or input value into the text field.
  6. Logo URL: Customize the logo redirect URL by input the URL into the text field.
  7. Logo Hover Title: Customize the logo Hover Title by input the text into the text field.

 

 

 

Customize Background

 

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

 

  1. Customizing ▸ LoginPress ▸ Background: Customize Your Background and preview it in Customizer Previewer.
  2. Background Color: Customize the colour of background by colour picker control. (Low Priority)
  3. 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 on selected theme image. (High Priority)
  4. 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 be override on selected theme image. (Higher Priority)
  5. 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 patren you can repeate your background image.
  6. Select Position: Customize the position of your background depends on image.
  7. Background Image Size: Customize the background image size depends on image.

 

 

Customize Login Form

 

In this section you can customize the actual login form {image or colour, width, height, radius, shadow, shadow opacity, padding and border}. Moreover customize Input Text Field {width, margin, text colour, label colour 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. After Enable, Form Background Image and Form Background Color section will be hide.
    2. After 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 input value into the text field.
  6. Form Minimum Height: Customize the minimum height of your form by range control or input value into the text field.
  7. Form Radius: Customize the radius of your form by range control or input value into the text field.
  8. Form Shadow: Customize the shadow of your form by range control or input value into the text field.
  9. Form Shadow Opacity: Customize the shadow opacity of your form by range control or input value into the text field.
  10. Form Padding: You can set the form padding by input the 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 input value into the text field.
  15. Input Text Field Margin: You can set the form margin of the text fields by input 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 Apply on Forget Form.

 

 

Customize reCaptcha (Premium)

 

Customizer reCaptcha Settings are the premium feature in LoginPress. Here you can customize the reCaptcha setting {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 input value into the text field.
  9. Button Top Padding: Customize the top padding of the button form by range control or input value into the text field.
  10. Button Bottom Padding: Customize the bottom padding of the button form by range control or input value into the text field.
  11. Radius: Customize the radius of the button form by range control or input 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 input value into the text field.
  14. Text Size: Customize the text size of the button form by range control or input value into the text field.

 

 

Customize Error Messages

 

One of the main feature of the LoginPress. You can change every error message that 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 to show 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 colour, text hover colour 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 input 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 hide.
    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 input 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 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 makes LoginPress more powerful. For checking out the Add-Ons go back to the Dashboard ▸ LoginPress ▸ Add-Ons Page. Following are the Add-Ons for LoginPress.

 

 

Login Logout Menu (Free)

 

Login Logout Menu is a handy Add-On which 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 Add-On and click on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to Appearance ▸ Menus, You will see a separate section for Login Logout Menu.
  4. 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 search 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 disable 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 on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to LoginPress ▸ Settings ▸ Auto Login Tab, You will see a separate settings for Auto Login.
  4. Search Username: Here you need to search Username for making a login magic link for that user.
  5. After selecting the user from search, the user will be listed with the magic link.
  6. After generating the auto login link, copy it and give to the user, it’ll work.
  7. Here you can also update or delete the link for the certain user any time you want.

 


 

 

 

 

LoginPress – Hide Login

 

LoginPress- Hide Login gives access you 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 on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to LoginPress ▸ Settings ▸ Hide Login Tab, You will see a separate settings for Hide Login.
  4. 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).
  5. Here you can see the option to email your custom login URL so you remember it.
  6. Enable Send Email and write down your email address. Use comma ( , ) to add more than 1 recipients.
  7. 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 a control of their Login page. This Add-On will help you to track your login attempts 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 attempts.

 

  1. Go to LoginPress ▸ Add-Ons find the Limit Login Attempts Add-On and click on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to LoginPress ▸ Settings ▸ Limit Login Attempts Tab, You will see a separate settings for Limit Login Attempts.
  4. 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 be lockout.
  2. Minutes Lockout: After a lockout how many time required that user will be able to see the login page again? Set the time here in minutes.
  3. After make changing 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 tries 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 able to see login page and wp-admin. After clicking on Blacklist Button, all the tries that user do 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 the 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 Add-On and click on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to Appearance ▸ Widgets. Here you’ll find LoginPress: Login Widget. Here you can set:
  4. Logged-out Title: of the widget.
  5. Logged-out Links (Text | href): Before Logged in, which link are show to the user? You can Customize the text and link.
  6. Show lost password link: Enable / Disable link.
  7. Lost password text: customize the “Lost Password” text.
  8. Show register link: Enable / Disable registration. Before Enabling “Anyone can register” must be enabled from Settings ▸ General Option.
  9. Register text: customize the “Registration” text.
  10. Show “Remember me” checkbox: Enable / Disable “Remember me” Checkbox.
  11. Login Redirect URL: You can add a custom URL for redirection after login.
  12. Logged-in title: Widget Title will change after login. You can change it.
  13. Logged-in Links (Text | HREF | Capability): After Logged in, which link are show to the user? You can Customize the text, link and capability respectively.
  14. Show logged-in user avatar: Enable / Diable User Avatar.
  15. Logged-in user avatar size: Customize Users Avatar Size.
  16. Logout Redirect URL: You can add a custom URL for redirection after logout.
  17. Error Messages: You can change the Error messages from LoginPress Customizer.
  18. Error Background Color: Customize the Background colour of the Error Message.
  19. 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 Limit Login Redirects Add-On and click on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to LoginPress ▸ Settings ▸ Login Redirects Tab, You will see a separate settings for Login Redirects.
  4. 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: for apply redirects on 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 of each site also rising. The user doesn’t want to create an account on each website and remembers the credential for that. Choose the best way to log them to your site without any another credential is that, 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 have 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 on Install button.
  2. After Instalation, click on Activate Plugin button.
  3. Now Go to LoginPress ▸ Settings ▸ Social Login Tab, You will see a separate settings for Social Login.
  4. Under the Login Redirects settings. You can find the 4 Social Medias.
    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. You must register your website with Facebook at https://developers.facebook.com/apps/.
  2. Click Add a new App from My app and fill out the required informational fields. After you have created the App ID please select a product type here. In our case, we use Facebook login.
  3. Select the platform for this app: Here we use “web”.
  4. Enter your web URL here and save the settings.

 

Step 2:

 

  1. Go to settings ▸ Basic from the left side menu.
  2. Here you find the App ID and App Secret.
  3. Copy that ID and Secret and use it in plugin settings.

 

Step 3:

 

  1. Go to App review from the left side menu.
  2. Here you need to check the option ‘Make “You App” Public?’
  3. After that select the category and press confirm button.

 

Step 4:

 

  1. Go to Facebook Login ▸ Settings from the left side menu.
  2. Add valid OAuth redirect URIs here.
  3. Save changings and enjoy.

 



 

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://apps.twitter.com/.
  2. Click on Create New 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 your Twitter application”.

 

Step 2:

 

  1. Go to “Keys and access token” tab
  2. Copy that Key and Token and use it in plugin settings.
  3. Save changings 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 at https://console.developers.google.com/.
  2. Click on Create Project and fill out the required informational fields.
  3. Click on credentials from the left side menu and create credentials here.

 

Step 2:

 

  1. Go to OAuth consent screen tab.
  2. Fill out the required informational fields save the settings.
  3. Go to Credentials tabs and click on OAuth Client ID from Create Credential dropdown.
  4. Select Application Type: in our case, we use “Web Application” and fill out the required informational fields.
  5. Authorized redirect URIs is very important for google application. Here you’ll add the copies URL from gplus callback description from the plugin.
  6. Save the settings.

 

Step 3:

 

  1. After saving the settings a popup will occur with OAuth Client Copy the Client ID and Client Secret from here and use it in plugin setting.
  2. Save the settings in the plugin 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 changings 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 which 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 WidgetUsing Social Login and Login Widget Add-On together make social logins to also appear on login widget by default.

    To disable social logins on 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 is 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 is 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 is 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?