Want to create a custom login page in WordPress? Learn how a user registration tool can help you add a login page to any WordPress site.
Approximate read-time: 6.5 minutes
Wondering how to create a login page on WordPress sites? Then you must be sold on the benefits:
- Improved branding
- Better user experience
- Enhanced security
You know what you need to do: customize the login & registration process. But how?
We’ll show you how a user registration tool can revolutionize the entire login and registration process on ANY WordPress website. Using a simple (yet powerful) plugin, you can create a WordPress login system in just a few steps!
Ready to get started? Let's go - here are the main steps:
One thing before we get started: we're often asked if it's possible to create a WordPress login and registration page without a plugin. The answer? Yes/no. Setting this up takes a ton of coding knowledge. Unless you are a professional developer, we wouldn't recommend it.
Besides, developers looking to save time will love this method ? Onward!
1. Install and activate the user registration plugin
The first thing we need to do is install a user registration plugin for WordPress. This kind of plugin will allow you to change the entire user registration and login process on your WordPress site.
In this example, we are going to use our WordPress form maker, Formidable Forms. If you haven’t chosen a form building plugin for your site yet, this one could be a great choice. That’s especially true if you are hoping to handle user registration on your website.
Formidable has a dedicated user registration add-on that automates everything to do with users:
- Build custom registration forms
- Allow users to register & edit their user profiles
- Give users (and other user roles) the power to edit from the front-end of your site
- Auto-populate forms with a logged-in user's information
- Add a login form anywhere on your site
- Add a reset password form anywhere on your site
Not just for user registration
Here’s the deal. If you need a solid user registration system, chances are you building a custom website. For those looking to make a secure and user-friendly site, our plugin was designed for you!
The best thing about Formidable Forms is that it isn’t just made for user registration. It’s a full scale WordPress form builder plus more. Formidable has dozens of integrations and add-ons, making it a powerful choice for almost any kind of WordPress website.
There are a few free plugins that can help you with user registration on WordPress sites, but as the old saying goes: you get what you pay for. That said, you can still read through this article to compare Formidable against any other plugin out there.
And if you find that Formidable Forms looks like the best option, you can give it a try risk-free for 14-days. If you don’t like it, we’ll give you all your money back no problem. Installing Formidable is as easy as installing any WordPress plugin.
To take advantage of our user registration system, just visit our pricing page to get started.
Get User Registration on Your Site Now
2. Activate the user registration add-on
Once you’ve installed Formidable Forms, everything becomes a lot easier. Go to your WordPress dashboard, then go to Formidable → Add-Ons and click the 'Install' button for the User Registration add-on.
3. Create a custom login form
Before we can learn how to make login pages in WordPress, we need to create a form that users will login from. Luckily, this form is already created as part of the user registration add-on! That means that after a user registers, they can login using this form... and everything just works ?
There are some things to consider when it comes to customizing your login form though:
- Styling your login form: You may want to tweak how your login form looks using Formidable’s built-in visual styler - no CSS required!
- Create a reset password page: If your any of your users lost their password, you can create a page and link your login form to that page seamlessly.
There are a few details involved in customizing your login form, so to keep this guide simple, we wrote a dedicated article here:
You don’t need to customized your login form to move forward with this tutorial, though. So let’s move on to the next step.
4. Create a custom registration form
The WordPress user registration form is much like the login form in Formidable - it’s built-into the user registration add-on. Since everybody will collect different data from their users when they register, we made an editable user registration template that users can get started with.
Here’s what it looks like:
If that’s close to what you are looking for, you can go to Formidable → Forms, then click the Add new button. Search for the User Registration template and click on it to start editing.
If you are feeling ambitious, you can create a form from scratch. To do that, click on the Blank Form option instead. Name your form and start building it using the drag and drop form builder.
All you need to do to build your registration form is drag and drop the form fields you want from the left column to the right. You’ll probably be collecting user names, email addresses, and a few more pieces of key info at least.
Configuring registration form settings
Once you’re done creating your form, click the update button, then proceed to the Settings tab.
To make sure your users register properly, you need to enable the user registration options for your user registration form. This will connect your registration form into your user registration system.
Get started by going to Settings → Actions & Notifications. Click Register User to add a registration action to your form.
There are a lot of options that you can configure highlighted in our user registration documentation. You’ll want to spend some time thinking about your users when you create your registration form, so don’t rush through this!
In a nutshell, you’ll want to configure what happens with your user after they submit their registration. For example, you can configure:
- Whether users should be logged in automatically after they register
- If you want to collect payment during the registration process
- Email notifications after registration
- User roles and permissions
You don’t need to have this 100% complete to move forward with this tutorial though. Feel free to spend more time learning about online registration forms, and when you are ready, let’s keep going!
5. Customize the WordPress login and registration page
Wondering how to customize the WordPress login page? Here’s where it all comes together! The login page will replace the default login page that WordPress has baked in. Remember this?
That’s the one you are trying to get rid of right? Let’s take a look at the Formidable login page as an example.
These are the basic components of a WordPress login page:
- Branding: Usually your logo.
- Link to registration page: It’s usually a good idea to link users to your registration page in case they have not yet registered.
- Login form: With Formidable, all you need to do is paste in your form shortcode.
- Forgot your password link: This is a link to the reset password page. You can include this with the login form automatically, or, insert the link yourself.
- Copyright and other links: It’s generally good practice to include some of these legal-info links on a page where you are dealing with people’s data.
Creating a new login page
Many people ask how to change the logo in the WordPress login page. Others still ask how to change the WordPress login page URL. But it’s actually much easier if we just create a brand new page.
And with Formidable, we don’t need to learn how to change the login page in WordPress because the user registration system automates the entire process!
Access your global settings by going to Formidable → Global Settings → Registration. That’s where you will see the settings for Global Pages. Here’s where we can set our login, registration, and reset password pages.
So if you want to create your custom WordPress login page, all you need to do is create a page in WordPress as normal, and make sure you publish your login form to that page. Then you can design the page to look however you like using the Gutenberg builder.
Then you can just repeat the same process with your registration page! To be clear, your login and registration page is actually two separate pages. Although you’d could style them exactly the same if you want. And actually, you could place your login and registration forms on any post or page you want.
That’s all there is to it - you’ve just created a really powerful user registration system on your WordPress website. And actually, there are even more details that you can check out in our user registration knowledgebase article.
You can learn more about allowing users to edit their account page, allow for front-end editing, and a whole lot more. Hopefully this tutorial has shown you how to create a WordPress login and registration page. If you have more questions, feel free to ask our support team at any time. Thanks for stopping by!
Read more about login and registration pages
Formidable Forms has more than just user-registration features - it’s a WordPress form builder of the highest caliber. Why not give our free WordPress plugin a try or test out Formidable premium with our no-risk 14-day free trial.
Debayan Mukherjee says
This is really the most advanced form builder. Love you formidable forms
Ryan Cordoni says
Thanks Debayan - glad we are making a few people happy 🙂
Robin Sharma says
It is really sounds great. I will try it on my website surely. Thanks for sharing.
Man I looked high and low for this, thank you for this article.
Very insightful piece of content. Thank you for the effort.
Thomas P says
Really makes a complicated process easy and extends the power of your web site. Running a site can be a complicated business - anything that makes it more useful and easy to implement is welcome.
Is it possible to add 2FA.
Yes, depending on the 2FA method used, it can be added. We have had success using the WP 2FA plugin on our sites using Formidable Forms login pages.
Formidable makes this so easy and I'm so so thankful for that. Also curious about 2FA?
Yep, we recommend the WP 2FA plugin for this. We have had trouble with 2FA services that add the 2FA field on the same page/form, but services that add it on a new page like WP 2FA work.
Daniel T. says
Formidable forms is the best and easiest to use!
Thank for the info
Temme Tem says
very cool uwu
Deal Meister says
Thanks for the intro article.
The Best WordPress Quiz Plugins
This was hard in the days of wysiwyg web design apps. Forms were a vulnerability that left the site open to a hacker. This is a lot better and easier to use.
I especially like the idea of changing the look of the generic login page of WordPress. You can easily identify a WordPress site from its login page. With Formidable's add-on, you can create a new look, which is really great.
Iulia Garaz says
interesting article, thanks for making it
Asmat Ali says
Hi, this was a detailed and useful article. I used many user registration plugins and they did good job, but the problem is, each website collect different data through user registration forms, so do I. And the data collected was stored partially in the users table in the database. For example, I want the users to mention their institute but I find this data nowhere in the database later.
Does your plugin solve this problem? If yes, how? If no, then what is the solution? I can do a bit of PHP programming if that can help.
Thanks for your help and support.
We understand how it can be tricky when you start customizing registration forms. With Formidable Forms, you can collect all the information you would like. The Form entry can act as the profile information so the user can update the details in the future, and you can easily access the information as well.
You can map your form fields to User meta fields, so if you do have a custom field you can map the form field to that custom meta field.
Hope this helps.