# How To?

This section includes pages about creating login, register, lost password form etc. And also how to set your plugin with plugin settings.


# Adding a Block

How add a block on Gutenberg block editor?

There are several ways to add a block.

**1) Use "/" to add a block from directly editor.**&#x20;

<figure><img src="/files/jTX1YSyVBShEsEunB1Ei" alt=""><figcaption></figcaption></figure>

**2) Use + button to add a block from directly editor.**&#x20;

<figure><img src="/files/5GRk9fzJ2WwWEOdWVuso" alt=""><figcaption></figcaption></figure>

**3) Use block list on the left sidebar.**

<figure><img src="/files/GBdntvIB4JmnEBzkSeuo" alt=""><figcaption></figcaption></figure>


# Creating a Login Form

To create a new page, go to Pages menu and click "Add New" button

<figure><img src="/files/3SivaiwNp76ZVLP0lR8v" alt=""><figcaption></figcaption></figure>

Name your page like "Login" etc.

<figure><img src="/files/XvR1QnlEVF1XeIaIgjdx" alt=""><figcaption></figcaption></figure>

Add "Login Form" block

<figure><img src="/files/5GRk9fzJ2WwWEOdWVuso" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NK3lwdn2q03P5TenIie0" alt=""><figcaption></figcaption></figure>

Select the block add customize it from right sidebar.

<figure><img src="/files/Hnp8SFbnwW3TA3DMRmgW" alt=""><figcaption></figcaption></figure>

Finally publish your page.


# Creating a Register Form

To create a new page, go to Pages menu and click "Add New" button

<figure><img src="/files/3SivaiwNp76ZVLP0lR8v" alt=""><figcaption></figcaption></figure>

Name your page like "Register" etc.

Add "Register Form" block

<figure><img src="/files/R8ooyoreCwRul0VUicup" alt=""><figcaption></figcaption></figure>

Select the block add customize it from right sidebar.

<figure><img src="/files/oFiU4Iwn60lN2mn58SyK" alt=""><figcaption></figcaption></figure>

Finally publish your page.


# Creating a Lost Password Form

To create a new page, go to Pages menu and click "Add New" button

<figure><img src="/files/3SivaiwNp76ZVLP0lR8v" alt=""><figcaption></figcaption></figure>

Name your page like "Lost Password" etc.

Add "Reset (Lost) Password Form" block

<figure><img src="/files/qzRzxCm5M3MNHNKABpaz" alt=""><figcaption></figcaption></figure>

Select the block add customize it from right sidebar.

<figure><img src="/files/Wv8mHxaQZrAooLaaocdF" alt=""><figcaption></figcaption></figure>

Finally publish your page.


# Creating an User Settings Form

To create a new page, go to Pages menu and click "Add New" button

<figure><img src="/files/3SivaiwNp76ZVLP0lR8v" alt=""><figcaption></figcaption></figure>

Name your page like "User Settings" etc.

Add "User Settings Form" block

<figure><img src="/files/l48VEduyRXztW9csecC8" alt=""><figcaption></figcaption></figure>

Select the block add customize it from right sidebar.

<figure><img src="/files/u9t9bWt6M1ySBmH7CrXT" alt=""><figcaption></figcaption></figure>

Finally publish your page.


# Creating an User Activation Form

To create a new page, go to Pages menu and click "Add New" button

<figure><img src="/files/3SivaiwNp76ZVLP0lR8v" alt=""><figcaption></figcaption></figure>

Name your page like "Activation" etc.

Add "User Activation" block

<figure><img src="/files/V80BzIKSQaQw4L6s1flA" alt=""><figcaption></figcaption></figure>

The User Activation Block has no customization options. A dynamic action will be performed on this page and users will be activated.

<figure><img src="/files/4grUybQqAl4pWuE8imFS" alt=""><figcaption></figcaption></figure>

Finally publish your page.


# General Settings

Go to "Frontend Login" menu on the admin dashboard.

<figure><img src="/files/dNayUrImWptm2rHaoJ3k" alt=""><figcaption></figcaption></figure>

First step is General Settings. You can enable some options, select login, register, lost password forms etc from this section.

<figure><img src="/files/bwNJtRPoQ9iAFgFezXns" alt=""><figcaption></figcaption></figure>

**Enable user activation :** If you want to send an activation code to your users, select 'Yes'.

**Enable user settings :** If you want to show a user settings page, select Yes. (Don't forget to select a User Settings page below)

**Hide wp-login\&wp-admin :**  If you choose 'Yes', users who are not logged in will be redirected to the home page.

<figure><img src="/files/1jEIhAxyQgpGRkmYLbog" alt=""><figcaption></figcaption></figure>

**Login Page :** Select the Login page you have created.

**Redirection Page After Login :** Select a page if you want to redirect users to a specific page after login. Else leave it empty.

**Lost (Reset) Password Page :** Select the Lost (Reset) Password page you have created.

**Registration Page :** Select the Registration page you have created.

**User Activation Page :** Select the User Activation page you have created. Be sure  user activation has enabled above.

**User Settings Page :** Select the User Settings page you have created. Be sure  user settings has enabled above.

**Terms and Conditions** and **Privacy Policy** pages are optional. If you want the checkbox to show for these pages in the Registration Form, please create and select these pages.


# E-Mail Settings

These section has e-mail templates for login, registration, lost password actions etc. If you want to customize e-mail templates use text editors with tags like {{username}} or {{activation\_link}}

<figure><img src="/files/uzvxbLNlXERoczywLJQP" alt=""><figcaption></figcaption></figure>


# Limit Login Attempts Settings

To protect your web site from too many unsuccessful login attempts enable imit login attempts option.

**Maximum number of attempts :** For limited login attempts, please enter a number. For example: 5. User who makes more than 5 attempts will be blocked for a while.

**Lockout duration (as seconds) :** Please insert duration as seconds. The locked user must wait for this period.

<figure><img src="/files/ZNjhGFnhNTKuiLdjC57P" alt=""><figcaption></figcaption></figure>


# Adding Logout Link into Navigation Block

The plugin has a block named Logout Menu Item.

This is a child block of core/navigation block. I you want to add a logout menu item into your navigation block, follow these steps:

**1) Open Site Editor**

<figure><img src="/files/pn7yugPoWSg4oGrPwrZo" alt=""><figcaption></figcaption></figure>

**2) Select Navigation Block and click + button in the right sidebar.**

<figure><img src="/files/l07Jqs2CeDT5mRcCbF7H" alt=""><figcaption></figcaption></figure>

**3) Select "Logout Menu Item" block**

<figure><img src="/files/jufAAezGfbUCP1ChvOSI" alt=""><figcaption></figcaption></figure>

**4) Customize the block if you prefer**

<figure><img src="/files/8oNlaq8xkYkPn84rsn9s" alt=""><figcaption></figcaption></figure>


