How to setup WordPress frontend login or setup OTP login?

While WordPress has come out of its blogging shell, few things are still embedded in its DNA. Registering and logging in the users is one of them. No surprise then, WordPress frontend login is a much searched keyword on Google, and there are good many reasons for it.

Let’s save a thousand words and start with an image.

This ain’t pretty, not by a long shot. And I am not talking about aesthetics. If you are a WordPress site admin, you know what I mean. The default login box that comes with WordPress is exactly what we do not need. It does not looks like part of our site’s theme, practically ‘shouting’ you are using a WordPress site (and do not know how to setup WordPress frontend login which is lame). Also, it adds the queasy thought of users landing in your dashboard area, harmless as it maybe. A visitor should stay on the front end; He or she has no business at the back end. The solution? A WordPress frontend login box that keeps your visitors on your site, and adds a touch of professionalism while at it.

Well, RegistrationMagic makes it pretty easy to do this. You are already aware of how to use shortcode to add forms to your content. If not, please see our last post, since we’ll be once again using a shortcode to add WordPress frontend login form. RegistrationMagic comes by default with a login form. It’s shortcode is simple and easy to remember –

It is also the first form card in Forms Manage and not so hard to miss.

As with the forms, you can also paste it inside the content with the drop-down menu available above the content editor.

You can put it inside paragraphs, on a blank page, or a post. It also works with widgets. Here’s how it will look on the front end:

And with the classic theme:

Now, if the user is logged in already, it will of course, show a message:

But when a user first logs in, it makes little sense to make him or her stay here and read this message. Usually, we would like to take the user, after a successful login, to another page or area of the site restricted to logged in users. To do this, we’ll change an option in General Settings, inside Global Settings panel. Look out for a drop-down labeled “After Login Redirect User to:” We can select any page from the list for redirection.

There’s one more thing. RegistrationMagic supports “One Time Password (OTP)” system. It means users can login using a one-time password, which is not their regular one and good for a single use. This also works when user has not registered on our site as a dashboard user, but has a record in RegistrationMagic “Submissions Manager”. Apart from the security it offers, users can check their submitted forms with just their email.

How do we set it up? Let’s move to Appearance–>Widgets Area.

Among all the widgets, there’s one called “RegistrationMagic OTP Login”

For the demo, we shall drag it to the sidebar and name it simply “OTP Login”. Let’s check the front end now.

The process is straightforward. User enters his or her email address in the field and hits enter. A random password is generated and emailed to the user. This password can be used to login in the next step. If the user chooses not to login for some reason, password expires in next 24 hours.

We hope you will find this post another useful addition to our series on mastering WordPress registration system. See you soon.

• About the Author
• Latest Posts

About rmagic

RegistrationMagic Editorial Staff (rmagic) is a team of WordPress registration experts and major contributor to the development of RegistrationMagic - WordPress User Registration Plugin.

• How to display registration forms on WordPress site? - July 26, 2022
• Create Your First WordPress Registration Page – Starter Guide - July 13, 2022
• Setup payments on Registration form using Products [Payments Guide] - June 10, 2022
• WordPress Registration Shortcodes List - April 14, 2022
• WordPress User Registration Status Guide - April 9, 2022
• How to add or update user profile fields using WordPress forms - August 5, 2020
• Boost RegistrationMagic User Profiles With ProfileGrid Integration - February 19, 2019
• Advance WordPress User Login Plugin Guide - August 8, 2018
• Create Intelligent Contact Form in WordPress [Breakthrough Ideas] - February 8, 2018
• How to Add Custom Fields to WooCommerce Checkout Form - November 3, 2017