Display WordPress Login Form with ProfileGrid
Now that you are done registering users on your site, you need a WordPress login form to let your users revisit their profiles. A login page is an intrinsic part of a membership site since the members need access to their profile pages. A WordPress login form usually consists of the username and password field. Moreover, in this article, we will learn to display a WordPress login form with the help of the ProfileGrid plugin. So let’s proceed with our tutorial by first installing the ProfileGrid plugin on our WordPress site.
Utilizing WordPress login form shortcode to Make Work Simple
The ProfileGrid plugin is solely created to build efficient membership sites. The tools that it offers, help users create a complete site with Registration Pages, Profile Pages, Group Walls, etc. There are a number of predefined pages, Shortcodes, and essential Extensions to make your job easy. One can find an entire page dedicated to shortcodes from the ProfileGrid on their WP dashboard.
The shortcodes actually work as a shortcut to perform various tasks in PG. From creating registration pages to allowing users to create frontend groups, they come in handy all the time. You can find the WordPress login shortcodes here as well. The WP login shortcode helps you create login forms.
In the above picture, I have marked the WordPress login shortcode [PM_Login] that we will use to display WordPress login form. Now, we will copy this WordPress login form shortcode from here and paste it into a page in our WP dashboard.
Now there’s something unique about the ProfileGrid plugin that I have already mentioned earlier. The plugin, along with its predefined WP login shortcodes, creates a few default pages and the Login Page is among them. So after copying the [PM_Login] WordPress login shortcode, when you go to the Pages section on your dashboard, you’ll find a preformed page, the PM Login page. However, one can rename this page whatever they want while creating its content.
As you can see from the above image, I have pasted the shortcode [PM_Login] on a page. Further, I renamed the page simply as ‘Login’. Now click on ‘Publish’ to finish your job.
So after registration, your users can now visit their profile pages through your WordPress login page. The frontend view of my login page is given below.
You can see the login page also contains a password retrieval link in case users forget their password.
Assigning a WordPress Login Form Page
Now, this is the last step to create a WordPress User Login Form for your membership site. As I have told you, ProfileGrid creates its own preformed pages. One can find a list of these pages from the General option on the Global Settings page.
Right after pasting the shortcodes on these respective pages, users need to assign them from here. This will finally ensure that these performed pages appear on the frontend and the menu bar.
Given above is a part of the General Settings page. From the drop-down beside the Login Page option, select your newly formed login page. This will ensure that your registered users find a login page whenever they want to view their accounts. Next, click on ‘Save’ to finish up.
Simple Convenient and Integrated
On a membership site, a login form is as important as a registration form. Though it is comparatively simpler, a login form is crucial to retain registered users. However, with ProfileGrid it was almost a cakewalk to create a WordPress login form. All we had to do was to paste the specific WordPress login form shortcode and assign the page. The plugin takes care of the coding and designing part for you. Thus it is considered user-friendly. And thus it is providing scope for amateurs to build professional membership sites to create an extensive online reach.
Good Day ..once successfully login then the Login button should be hide and the logout button should be appear, How to do That
You may use our Login Logout menu extension; it allows to add a contextual login menu item to your website menu(s). For details, please visit the link: https://profilegrid.co/add-login-logout-menu-wordpress-website/