Restrict allows you to place a login form on any of your pages or posts and make it as easy as possible for your visitors to log in, without redirecting them to WordPress’ default login page. Also, with the offered options, you can customize the login form to certain extent and even declare your own HTML ID’s for each of the elements of login form.

Now, there are two ways of placing a login form to your pages or posts: with the automatically generated shortcode or by using built-in Gutenberg block. So, depending whether you’re using classic WordPress editor or Gutenberg editor, you should opt for one of these two options.

Login Form Shortcode

If you’re using WordPress’ classic editor, you will be then using shortcode. Customization options as well as automatically generated shortcode are available within Restrict’s Login Form area.

• Custom labels – if you want to add that extra “personal touch” for your users, you can easily change all the labels of the login form (username label, password label, “remember me” label and log in button label).
• Redirect URL – Redirect URL field allows you to enter a custom URL to which the user should be redirected after they have been successfully logged in. However, if the field is left blank, user will remain on the same page where they have logged in.
• Custom HTML IDs – you can declare your custom HTML IDs for each of the elements of the login form as well as HTML ID of the login form itself. This is useful for many things, for example if you want to style these elements differently than how WordPress displays login form and its elements.

Right at the bottom of this area, you will find automatically generated shortcode which you can copy by clicking the Copy button and then paste this shortcode on any page or post where you want your login form to appear (you can, of course, paste it on multiple pages as well if there’s a need for that).

Gutenberg block

If, however, you’re using WordPress’ Gutenberg editor, then all you need to do is to place a login form block to whichever page or post you want it to appear. When you click a “plus” symbol to add a new block, simply type in to the search bar restrict and Login Form block will appear immediately.

When you click to add the block to the content of your page or post, all of the available options for the login form will appear on the right hand side, as properties of this block.

The available options for the Gutenberg block are completely the same as for the shortcode:

• Custom field labels – to change the labels for username, password, “remember me” checkbox and log in button
• Redirect URL – to set the custom redirect URL if you want to redirect the user to specific URL after they have been logged in
• Custom HTML IDs – to define custom HTML IDs