and add in the php file of your theme Sign Up Button One more button for signing up for no registered users. This uses the shortcode which adds the button in post and page and the same attributes such as text=”Sign Up” and show_menu=”yes” text - The text to be displayed inside button(default value is defined in plugin's settings) and by changing text value you may rename the button show_menu - Whether to show account specific menu instead of sign up button when user is logged in, default value is "no" To add the button into template copy and paste this shortcode and add in the php file of your theme Customize This block will redirect to Settings Options, let’s see the settings in Step 3 Settings Settings of Login plugin has 4 sections General General setting will make general changes of the whole plugin and has the main configuration options Global Redirect From Login Page. This option enable the possibility to redirect to some page after logging in. Notify administrator. Enable this option to get notification message on your email once some will login or sign up in your site. Admin Email. Write down your email address here, to get the notifications Email verification is required. Select this so as the visitor after sign up got an email with the verification link. Email Verification text. Here write the text of verification message that the visitor will get after signing up Redirect to after sign up. After the visitor has submitted the form to sign up write a URL link you redirect him/her to. Leave it blank to stay in the same page Redirect to after login. Specify URL link where to user will be redirected to after login, and leave it blank to stay in the same page. Redirect to after logout. Specify URL link where to user will be redirected to after logout, and leave it blank to stay in the same page. Enable terms checkbox. In a sign Up form there is term of use which you may ask to agree. Select this option to enable a checkbox for terms. Terms checkbox label. Specify a text for terms of use check box. Reset Password Popup When a user will need to reset a password there will be a special popup for it Reset Password header text. Write the text on the header part of the Reset Password Popup Signup Here are a few settings for the Sign Up button and Popup window Accept weak password. Select this option if you want to accept weak passwords. Signup button. Specify a text on a Sign Up button, if you want to change it. Signup Popup Title. After the button is pressed there is a popup with the text on the header, which you may specify here. Signup Popup Subtitle. Write any text for a subtitle and leave it blank to not have any subtitle Login There are some configurations on LogIn button and Popup window Login button text. Besides defining a custom text for each shortcode you may also change the name on the button from this option Login Popup Title. The popup on Login Page may have the title. Text of the title can be changed from this part Login Popup Subtitle. Write any text for subtitle, and leave it blank to not have any subtitles Forgot Password Popup Forgot password header text. After the “forgot password” is clicked it opens a popup with the Title which you may write here Account Options The main menu after logging in can consist of these two default link, and also can be auditioned with the new links. My account {profile_link} / Leave {profile_link} to be redirected to May account page and change the link in case of other redirection Logout {logout_link} / Leave {logout_link} to be redirected out of the account after Logout and change the link in case of other page redirection Social The section is for connection of your plugin with facebook application which allows to sign up and login the account from facebook acount of the user Facebook For signing up new users from a facebook you need to add an application in https://developers.facebook.com/ Enable Facebook Authentication. This option while selected will allow to registrate using Facebook account. Facebook App ID. After creating and application , add the Facebook App ID number here. Facebook App Secret. After creating and application , add the Facebook App Secret number here Design Styling Disable default CSS. Select to disable all css styles from the plugin By disabling default CSS you start creating your own style using custom CSS Popup Styles Using Popup Styles options you may play with the colors on different elements of a popup window. Here are some elements which you may change in Colo Background color Footer Background color Header background Header text color Close Button Color Facebook Button Background Facebook Button Text Color Text field background Color Text Field Label Color Text Field Focused Label Color Text Field Error Color Primary Button Color Primary Button Hover Color Secondary Button Color Secondary Button Hover Color Login Button Styles. Login button also may be designed from the colors, you may change the color of following parts: Login Button Background Login Button Hover Background Login Button Text Color Login Button Hover Text Color And change the font size of Login Button text from option: Login Button Font Size(px) Signup Button Styles Specify different colors for the Signup button, you may change color on the following parts. Signup Button Background Signup Button Hover Background Signup Button Text Colo Signup Button Hover Text Color And change the font size of Sign Up Button text from option: Signup Button Font Size(px) Security Recaptcha As being a pro option this reCaptcha from Google will protect from spam and harmful robots. Just enable the reCaptcha keys following the link https://www.google.com/recaptcha/admin which is written in the security section as well, and get you reCaptcha key and Secret key Enable Recaptcha. Click this option to enable the reCaptcha in your Sign Up form Your Recaptcha key. Write down the public key that you have got. This key is needed to display the recaptcha widget Your Recaptcha Secret key. Add the secret key here. This key is needed for communications between your site and Google Recaptcha theme. Choose dark or Light theme for your reCaptcha box">

Installation of the plugin

  1. In WordPress go to Plugins > Add New and tap Login Huge-IT in search bar, you will find our plugin and press on Install Now button.
  2. In case if you have a zip file then in Plugins > Add New > Upload Plugin use that zip file to install then activate the free version of Login plugin by Huge-IT
  3. After you have purchased and got the zip file of the plugin, follow these simple steps

Through WordPress

  1. Plugins>Login Plugin (free version) > Deactivate > Delete. If you don’t have free version then pass the first step
  2. Plugins > Add New > Upload Plugin, add the zip file of pro version and after installation click Activate

Using FTP

  1. Download the ZIP file from WordPress website
  2. Extract the slider directory to your computer
  3. Upload the slider directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
  5. You can see the plugin installed on WordPress left menu
wp-login-install

Introduction and Installation

Login plugin in Dashboard page has 3 blocks.

Login Button

First block provide a shortcode [hg-login-button] which you need simply copy and paste into your post/page to have a LOGIN button with default settings, adding special attributes such ass text=”Login” and show_menu=”yes” you add additional possibilities, so the shortcode takes this form [hg-login-button text="Login" show_menu="yes"] text - The text to be displayed inside button(default value is defined in plugin's settings) and by changing text value you may rename the button show_menu - Whether to show account specific menu instead of login button when user is logged in, default value is "no" To add the button into template copy and paste this shortcode and add in the php file of your theme

Sign Up Button

One more button for signing up for no registered users. This uses the shortcode [hg-signup-button] which adds the button in post and page and the same attributes such as text=”Sign Up” and show_menu=”yes” text - The text to be displayed inside button(default value is defined in plugin's settings) and by changing text value you may rename the button show_menu - Whether to show account specific menu instead of sign up button when user is logged in, default value is "no" To add the button into template copy and paste this shortcode and add in the php file of your theme

Customize

This block will redirect to Settings Options, let’s see the settings in Step 3

wp-login-dashboard

Settings

Settings of Login plugin has 4 sections

General

General setting will make general changes of the whole plugin and has the main configuration options

Global

  • Redirect From Login Page.

    This option enable the possibility to redirect to some page after logging in.

  • Notify administrator.

    Enable this option to get notification message on your email once some will login or sign up in your site.

  • Admin Email.

    Write down your email address here, to get the notifications

  • Email verification is required.

    Select this so as the visitor after sign up got an email with the verification link.

  • Email Verification text.

    Here write the text of verification message that the visitor will get after signing up

  • Redirect to after sign up.

    After the visitor has submitted the form to sign up write a URL link you redirect him/her to. Leave it blank to stay in the same page

  • Redirect to after login.

    Specify URL link where to user will be redirected to after login, and leave it blank to stay in the same page.

  • Redirect to after logout.

    Specify URL link where to user will be redirected to after logout, and leave it blank to stay in the same page.

  • Enable terms checkbox.

    In a sign Up form there is term of use which you may ask to agree. Select this option to enable a checkbox for terms.

  • Terms checkbox label.

    Specify a text for terms of use check box.

wp-login-settings-general-global

Reset Password Popup

When a user will need to reset a password there will be a special popup for it

  • Reset Password header text.

    Write the text on the header part of the Reset Password Popup

wp-login-settings-general-reset-password

Signup

Here are a few settings for the Sign Up button and Popup window

  • Accept weak password.

    Select this option if you want to accept weak passwords.

  • Signup button.

    Specify a text on a Sign Up button, if you want to change it.

  • Signup Popup Title.

    After the button is pressed there is a popup with the text on the header, which you may specify here.

  • Signup Popup Subtitle.

    Write any text for a subtitle and leave it blank to not have any subtitle

wp-login-settings-general-sign-up

Login

There are some configurations on LogIn button and Popup window

  • Login button text.

    Besides defining a custom text for each shortcode you may also change the name on the button from this option

  • Login Popup Title.

    The popup on Login Page may have the title. Text of the title can be changed from this part

  • Login Popup Subtitle.

    Write any text for subtitle, and leave it blank to not have any subtitles

wp-login-settings-general-login

Forgot Password Popup

  • Forgot password header text.

    After the “forgot password” is clicked it opens a popup with the Title which you may write here

wp-login-settings-general-forgot-pass

Account Options

The main menu after logging in can consist of these two default link, and also can be auditioned with the new links.

  • My account
    {profile_link} / Leave {profile_link} to be redirected to May account page and change the link in case of other redirection
  • Logout
    {logout_link} / Leave {logout_link} to be redirected out of the account after Logout and change the link in case of other page redirection
wp-login-settings-general-account-options

Social

The section is for connection of your plugin with facebook application which allows to sign up and login the account from facebook acount of the user

Facebook

For signing up new users from a facebook you need to add an application in https://developers.facebook.com/

  • Enable Facebook Authentication.

    This option while selected will allow to registrate using Facebook account.

  • Facebook App ID.

    After creating and application , add the Facebook App ID number here.

  • Facebook App Secret.

    After creating and application , add the Facebook App Secret number here

wp-login-settings-social-facebook

Design

Styling

Disable default CSS. Select to disable all css styles from the plugin

By disabling default CSS you start creating your own style using custom CSS

wp-login-settings-design-styling

Popup Styles

Using Popup Styles options you may play with the colors on different elements of a popup window. Here are some elements which you may change in Colo

  • Background color
  • Footer Background color
  • Header background
  • Header text color
  • Close Button Color
  • Facebook Button Background
  • Facebook Button Text Color
  • Text field background Color
  • Text Field Label Color
  • Text Field Focused Label Color
  • Text Field Error Color
  • Primary Button Color
  • Primary Button Hover Color
  • Secondary Button Color
  • Secondary Button Hover Color
wp-login-settings-design-popup-styles

Login Button Styles.

Login button also may be designed from the colors, you may change the color of following parts:

  • Login Button Background
  • Login Button Hover Background
  • Login Button Text Color
  • Login Button Hover Text Color

And change the font size of Login Button text from option:

  • Login Button Font Size(px)

wp-login-settings-design-login-button-styles

Signup Button Styles

Specify different colors for the Signup button, you may change color on the following parts.

  • Signup Button Background
  • Signup Button Hover Background
  • Signup Button Text Colo
  • Signup Button Hover Text Color

And change the font size of Sign Up Button text from option:

  • Signup Button Font Size(px)

wp-login-settings-design-signup-button-styles

Security

Recaptcha

As being a pro option this reCaptcha from Google will protect from spam and harmful robots. Just enable the reCaptcha keys following the link https://www.google.com/recaptcha/admin which is written in the security section as well, and get you reCaptcha key and Secret key

  • Enable Recaptcha.

    Click this option to enable the reCaptcha in your Sign Up form

  • Your Recaptcha key.

    Write down the public key that you have got. This key is needed to display the recaptcha widget

  • Your Recaptcha Secret key.

    Add the secret key here. This key is needed for communications between your site and Google

  • Recaptcha theme.

    Choose dark or Light theme for your reCaptcha box

wp-login-settings-security-recaptcha