How to Create a Custom Login Page for WordPress
November 15th, 2018 in Wordpress |

Do you want to create a custom login page for your WordPress site? A custom login page allows your users to log in from a custom page on your site instead of the default WordPress login page. In this article, we will show you how to create a custom login page for WordPress without writing any code.

Why and When You Need a Custom Login Page for WordPress?

If you are running a membership site without using a “WordPress membership plugin”, then your users will register and login using the default WordPress login screen.

This may work fine for small websites. However, if you are running a business website or a busy online community, then you may want to show your own brand instead of WordPress.

One way to do that is by adding your own logo and “white label the WordPress admin dashboard”. But if you don’t want users to access the admin area when they log in, then you will need to add a custom login page.

A custom login page works like any other page of your WordPress site. It uses the colors and styles of your WordPress theme, and users don’t even get to see the admin area of your WordPress site.

Method 1: Create a Custom Login Page in WordPress with Theme My Login

The first thing you need to do is install and activate the “Theme My Login” plugin.

Upon activation, the plugin will enable a custom login page that matches your WordPress theme. You can simply visit the login page, and you will see the custom login page.

tml-login

However, Theme My Login is a powerful plugin. It can also be used to create custom registration and profile pages, custom emails, and setting up custom redirects.

To enable these features you will need to click on the TML menu in the admin bar to configure plugin settings.

tml-settings

Simply check the box next to the module that you want to enable. Enabling each module will also enable the module’s settings tab.

For example, enabling custom emails module will add the Email tab under TML menu item.

tml-email

Theme My Login also comes with a custom login widget. Visit Appearance » Widgets page and add Theme My Login widget to a sidebar.

tml-widget

Method 2: Creating a Custom Login Page for WordPress Using WPForms

WPForms is the most beginner friendly contact form plugin for WordPress. The premium version of WPForms allows you to create custom WordPress login and registration forms.

The first thing you need to do is install and activate the WPForms plugin.

Upon activation, you need to visit WPForms » Settings page to enter your license key. You can get this license key from your account on WPForms website.

wpforms-license

After verification, you need to head over to WPForms » Addons page. Scroll down to ‘User Registration Addon’ and click on the Install Addon button next to it.

userregistrationaddon

WPForms will fetch and install the addon. You need to click on the activate button to start using this addon.

Once activated, you are ready to create a custom login form using WPForms. Visit WPForms » Add New page, enter a form name and then select ‘User Login Form’ template.

newloginform

This will launch WPForms’ Form Builder. You will see the login fields pre-loaded in your form. You can click on a field to edit it.

loginformedit

Next, you need to click on the Settings tab and then select confirmation. This is where you define what to do upon successful login.

confirmation

You can show users a message, show them a page, or redirect them to any URL.

Click on the Save button to store your form settings and then click on the close button to exit form builder.

You are now ready to add this custom login form to a page in your WordPress site.

Simply create a new page or edit an existing one that you want to use as your custom login page. Click on the Add Form button above the post editor.

addform-1

This will bring up a popup where the need to select the custom login form you created earlier and click on the add form button.

The form shortcode will appear in the post editor. You can continue editing the page, or you can save or publish it.

That’s all, you can now visit your website to your custom login page in action.

loginpagepreview

You can also add the login form as a widget to the sidebar of your WordPress site. Visit Appearance » Widgets page and add WPForms widget to a sidebar.

Select your custom login form in the widget settings and click on the save button to store changes.

WPForms can not only create a custom login page, but it can also be used to create a custom user registration page with anti-spam features.

That’s all, we hope this article helped you create a custom login page for your WordPress site.