The Login Popup gives an opportunity for your visitors who have an account on your website to log into it.

The extension is paid. It can be purchased either within the bundles or as a single extension.

Once purchased it should be installed like this:
• In case of the bundle click here.
• In case it was purchased as a single extension click here.

Steps to create a Login Popup

Click Add New from the "Popup Builder" plugin section on the WordPress Dashboard.

Choose the Login Popup from the available options.

Steps to customize the Login Popup

Below you can find the main options the Login Popup can be customized with.

Form background options - here you can set the background color, opacity and the padding.

Fields - Username or Email Address, Password, Remember me are the fields in the Login Popup. those are all required fields besides "Remember me" field. It is possible to customize the Placeholder and Label of the mentioned fields.

Inputs' style - The options below this allow customizing the color and sizing of the input.

Required field - The message you can set here will appear in case you submit the form without any of the requried fields.

Custom Error message - This option lets you have a custom error message for the popup. Otherwise, it will show a default error message.

Login in button styles - Set the login button Width, Height, Title, Title in Progress (shows up after clicking the button but before the subscription is successful), Background Color and Text Color.

After successful login - Here, you will need to decide what is your desired action once a user has successfully logged in. The available options are: Refresh, Redirect to URL, Open popup, Hide popup.

You will be able to see all the changes in the "Live Preview" on the right.

In case you have the login popup on an element (for example, a buttton saying "Click here to login"), it's possible to have the same element hidden or shown as soon as the users log in. To do that you can use the following CSS helper classes:
sgpb-hide-for-loggdin - This will help hide the element after the login.
sgpb-show-for-loggdin - This one will help show the element after the login.

Note: You can check the "Registration Popup" which will be helpful to use with the Login popup to unregistered users.
Was this article helpful?
Thank you!