How to Create a Custom Login Page on WordPress Website? (Step by Step Guide)
Adding custom login page on WordPress website can become beneficial in many ways. You might have wondered about upgrading the default WordPress login page and make it unique, attractive and easy to use. Also, you may have thought to add an extra layer of security such as Google reCaptcha on your login page to keep the spammers and abusers away from your admin dashboard. All these things can be added using the WordPress custom login page plugins.
WordPress, being a flexible platform for its users come with an inbuilt login page with minimal features. However, if you are running a membership website and have multiple users then, you might consider enhancing its functionality by adding a custom login page containing an attractive background. Also, you may want to make the login easier by adding social media OAuth login so that your users can log in using their favourite social media account than fill up the login form.
Here, in this article, we will be using WP Admin White Label – WP Login Page Customization Plugin to show you how to create a custom login page on WordPress website.
So, let’s get started and create a beautiful login page for WordPress website:
Step 1: Installation and Activation
Get WP Admin White Label WordPress plugin from CodeCanyon marketplace at the price of $18. Then, install on your website. If there is any difficulty regarding the installation of the plugin then, you can take the help from its documentation or check out the article: How to Install New Plugin to the WordPress Site?
Step 2: Customization
After you have installed the plugin on your WordPress website, you will see “WP Admin White Label Login” appear on the left menu of your WordPress backend. Click on it.
You will land on the general settings page. Here, click on Start Customizing! button to start your login page customization.
Step 3: Customization Page
You will be directed to the customization page of your website. Click on WP Admin White Label Login to proceed.
Here, you can see different settings section to customize your login page. They are:
i) Enable Plugin
Here, you can disable the WP Admin White Label Login.
ii) Select Template
Here, you can choose the template for your custom login page.
Also, you can design your login page template by configuring its colors, background and social icon color.
iii) Header Section
Here, you can configure the header text and header description.
Also, you can set the custom logo and add URL for it.
iv) Display Options
Here, you can show/hide lost password, remember me and back to option for your login page.
v) Login Form
Here, you can add Lost Password Text, Remember Me text, Registration Text, Registration Link text, Registration URL, Back to Text, and Back to URL.
Also, you can configure the form background, typography, form field, and text colors.
vi) Google reCaptcha
Here, you can enable/disable your Google reCaptcha on your login page. In order to add Google reCaptcha, you need to enter your Google site key, Google secret key, and Captcha error message.
vii) Social Login
From here, you can enable the social media login on your login page.
viii) Additional Content
Here, you can add the additional content block for your login page.
Here, you can add your footer text.
Also, you can add social icons to your footer.
Custom CSS Section
Here, you can add custom CSS to your login page.
After you are done click on Publish to save your newly created login page.
This way you can create a custom login page for your WordPress website. So, if you want to create an attractive login page for your WordPress website then, you can purchase the above-mentioned plugin and follow this step by step tutorial.
You can also checkout the collection of: