Skip to main content

How to Add a Login Form in Your WordPress Sidebar

Do you want to add a login form to your WordPress sidebar? A login form in the WordPress sidebar allows users to quickly login from anywhere on your website. In this article, we will show you how to easily add a custom login form to your WordPress sidebar.

Adding a login form to your WordPress sidebar

When and Why Do You Need a Custom Login Form in WordPress?

If you run a membership websites, online stores, or sell online courses, then you likely need your users to login to perform certain actions.

Since, the sidebar appears throughout a website, it makes the login form more noticeable and easily accessible from every page on the site. Adding a login form to your WordPress sidebar makes it easy for users to quickly login to their accounts which boost engagement.

That being said, let’s take a look at how to easily add a login form in your WordPress sidebar.

Method 1: Adding a Login Form in Sidebar Using Sidebar Login Plugin

First thing you need to do is install and activate the Sidebar Login plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Appearance » Widgets page in your WordPress admin area. Simply drag and drop the Sidebar Login widget in your sidebar widget area.

Drag widget in sidebar

It will automatically add a login form in your WordPress sidebar. If you want to customize the login form settings, then you can edit the widget settings accordingly.

You can add logged-out title, custom links, enable lost password and register links, display Remember me option, and more.

Sidebar login settings

Once you are satisfied with these settings, don’t forget to click on the Save button. After that, you can visit your website to see a custom login form in action.

Sidebar login form

Method 2: Adding a Custom Login Form Using WPForms Plugin

WPForms is the most popular WordPress form plugin. The premium version of WPForms allows you to easily create WordPress login and registration forms with custom fields.

If you want to create a custom login form or registration form that has custom fields, and embed it in other areas of your website like sidebar, custom page, etc, then you need WPForms.

WPBeginner users can use the WPForms Coupon: SAVE20 to get 20% off on their purchase.

First thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

WPForms license

After verification, you need to go to WPForms » Addons page. From here you need to scroll down to the User Registration Addon and click on the Install Addon button.

User registration addon

Once installed, you need to click on the Activate button to start using this addon.

You are now ready to create a custom WordPress login form. Simply visit WPForms » Add New page to launch the WPForms builder.

First, you need to enter a form name and then select the built-in User Login Form template.

Login form template

It will display the login fields pre-loaded in your form. You can click on a field to edit it or add new fields from the left column.

Login form fields

After that, head over to Settings tab and click on the Confirmation section. This is where you need to define what to do once a user successfully login to your site.

Confirmation section

The options include a message, a custom page, or a redirect URL to any page on your site. Ideally, you would want to redirect users to a page once they are logged in. This could be your homepage or any other page on your website.

Your login form is now ready. Next, you can add it in your WordPress sidebar.

Visit Appearance » Widgets page in your WordPress admin area. On this page, you need to drag and drop WPForms widget in sidebar widget area of your site.

Drag and drop WPForms widget

You can add a title to display above the login form and select your form in the drop-down. Don’t forget to click on the Save button to store your widget settings.

Select login form

You can also use WPForms to create a custom user registration form with anti-spam features.

If you want to embed the custom login form on a post or page, then you can do so by using the WPForms shortcode.

We hope this article helped you learn how to add a login form in your WordPress sidebar. You may also want to see our step by step guide on how to create a WordPress login popup modal which will allow users to login without leaving the page they are viewing.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add a Login Form in Your WordPress Sidebar appeared first on WPBeginner.

from: WPBeginner
via Editorial Staff

Source: How to Add a Login Form in Your WordPress Sidebar Via Business Advice.

Comments

Popular posts from this blog

7 Ways to Grow Your SaaS Startup Faster

Every startup looks for ways to catapult a business to success. Here are some tips for accelerating growth for SaaS (software as a service) companies. 1. Start charging early SaaS startups are often hesitant about charging customers. They think that their product is not yet ready, that it’s necessary to get traction and focus on expanding their customer base rather than on growing revenue. Deep inside, however, they often don’t just have enough faith in their product and are not sure if someone will buy it at all. They prefer keeping hundreds or thousands of free users to attempting to win a few serious customers. Big numbers are comforting but the product remains an unverified idea. Building a product should imply increasing revenue. So don’t hesitate too much—put it to the test by charging and see if it works in the real conditions. This is one way to minimize your risk too. Instead of waiting to launch until you’ve invested huge amounts of time and money, launch early. If...

How to Add Web Push Notification to Your WordPress Site

Do you want to add push notifications to your WordPress site? Push notifications allow you to send notifications to users even when they are not visiting your website. In this article, we will show you how to easily add web push notifications to your WordPress site. We will also talk about the best WordPress push notification plugins and how to send desktop & mobile push notifications from your WordPress site. What is Push Notification? Push notifications are clickable messages displayed on top of user’s desktop or notification area on their mobile device. They can be shown even when the user’s browser is not open. Aside from desktop, web push notifications also work on mobile devices. This allows you to reach your users across devices with latest updates and offers. Web push notifications have proven to be a very effective way to convert website visitors into customers and loyal followers. Why Add Web Push Notifications to Your WordPress Site? We have already discussed tha...

7 Best WordPress Job Board Plugins and Themes

Are you looking for the best WordPress job board plugin? There are several WordPress job board plugins that you can use to easily create a job board and charge other companies to post jobs. It is one of the ways to make money from your blog , and you can even use it to post your own job openings. In this article, we have picked the best WordPress job board plugins and themes that you can use. Building a Job Board Website with WordPress WordPress is currently one of the most popular website builders in the market, powering more than 30% of all websites on the internet. It can be used to build almost any kind of website including a job board website. There are two types of WordPress websites which often confuses new users. First, there is WordPress.com which is a hosted solution. Second, you have WordPress.org also called self-hosted WordPress. See our article on WordPress.com vs WordPress.org for a side-by-side comparison. We recommend using self-hosted WordPress.org because it g...