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 theTheme My Loginplugin.
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
WPFormsis probably the most beginner friendlycontact 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 awidgetto 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.
Looking for the right web hosting solution for your website can be an intimidating task. Options nowadays are more diversified than ever, and each year brings new developments in the web hosting market. If you have no clue of what to look out for, you can find yourself overwhelmed with...
Content marketing continues to be one of the most valuable tools for today’s online businesses. With content, you can improve your chances of reaching your target audience, boost your search engine standing, and even unlock new opportunities for sales. The more content you produce, the more you can strengthen your...
User Experience (UX) is one of the most crucial factors to consider in web design. As the number of websites and applications in the world today continues to accelerate, businesses are under more pressure than ever to impress customers straight away. If a user visits your website and finds slow-loading...