How To Create Your Own Custom WordPress Login Page

Posted on 09/05/2018 by Neil Skoglund

If you a running a website that requires users to sign in and you are not using a WordPress membership plugin then your users will be presented with the default WordPress login page. While this may be fine for small websites, if you are running a business then you may want to show your own brand when users navigate to your site. To do this you will need to add a custom WordPress login page. In this article, we'll guide you through the necessary steps without having to write a single line of code.

Create A Custom Login Page Using Theme My Login

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

Upon activation, this plugin will enable a custom login page that matches your current WordPress theme. You can simply visit the login page, and you will see the custom login page. It should be noted that the Theme My Login plugin is also capable of creating custom registration and profile pages, custom emails and redirects.

To enable these features and set up your own custom login page you will need to click on the "TML" option in your WordPress sidebar from the admin area. Once here you can configure the plugin's settings. Simply select the box next to each module that you would like to activate.

To make use of the custom login widget that Theme My Login comes with, head over to " Appearance > Widgets" and add the Theme My Login Widget to the sidebar.

 

Create A Custom Login Page Using WPForms

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

After downloading and installing the WPForms plugin, visit "WPForms > Settings" to enter your license key. Once entered head to the "WPForms > Addons" page. Scroll down to where it says ‘User Registration Addon’ and click on the Install Addon button next to it.

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

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

The next step is to click on the Settings tab and then select confirmation. This is where you will define what happens upon a successful login. Some of the options are to show your users a message, a certain page or direct them to a specific 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 move onto the final step required to add this custom login form to a page on 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.

This will bring up a popup where you'll need to select the custom login form that you created earlier. Select it and click "Add Form".

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

And that's it! You have successfully added your own custom WordPress login form to your website and you can view it in action yourself.

You can also add the login form as a widget to the sidebar of your WordPress site. Simply visit the "Appearance > Widgets" page and add the WPForms widget to a sidebar.

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

 

If you enjoyed this article, visit our Facebook and follow us on Twitter for more WordPress related content from our Blog

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© Copyright 2019 FreshSites Limited. Registered in England and Wales no. 7812509
Website Design by Pyxal
How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites How To Create Your Own Custom WordPress Login Page | FreshSites