How to Create User Login Form with the Reset Password Feature | JetFormBuilder User Login Addon

Welcome to our super-exciting tutorial on building #login form for #WordPress with JetFormBuilder User Login Pro Addon and its newly added Reset Password Feature.

Here we also cover how to use Render State functionality that was added in JetFormBuilder 3.0 and how you can benefit from it and save time.

💡 Tip. Make sure you have User Login Addon activated and SMTP configured.

Get FREE JetFormBuilder

📄 Learn more about User Login Pro Addon

📄 Check out JetFormBuilder Documentation

-------------

Template Used:

LaborTime — Dynamic Job Board Website for Elementor

-------------
🌟JetFormBuilder playlist:

——————
► TIMESTAMPS
00:00 Introduction
00:47 Tutorial’s overview
01:37 Requirements
02:05 Creating a new form
02:22 Building a login form
04:15 Render state for login form
05:20 Building reset password form
05:59 Render state for reset form
06:55 Adding button to switch between forms
08:22 Input and confirm new password fields
09:23 Post submit actions
11:56 Setting up events for actions
14:16 Adding the form to a Login page
14:46 Checking the result on the front end

——————

Get JetFormBuilder Pro addons here

💡 You can also get JetFormBuilder Pro addons for FREE if you are an existing Crocoblock All-inclusive subscriber (just check your account).

Upgrade to Crocoblock All-inclusive here

——————

Join us here:

[nitsharma]

Please add an option for email verification during registration. In this option, users will receive a verification link via email. After clicking on the link, users will be able to log in to the website. With this option, the spam will be reduce.

[ahmedpasalic]

This is great. It may be helpful to consider adding some additional details regarding if user is already logged in and possible redirections after login. I recently tried it out myself and had some difficulty logging in, as I was already logged in. I spent some time trying to figure out what was wrong.

[AkademiaTortu]

Thank you for a great tutorial! What would be very helpful is to add a function that will ask the user to confirm their email address before an account is created (say via a link sent to the email supplied at registration) - this of course for a registration form, not a login form.

[momohezekieltrump]

Well timed tutorial. I have a login forms but no function to recover password.

[brazilback]

pfff!! :disappointed_face: The reset buttons do not exist in version 3.0.3, the form cannot be finalized

[negative]

Awesome! Was waiting for the Password Reset Feature, without it the the account plugin was no good...

[dragon]

Great and is it possible with that to customize the login page of WordPress to go to the dashboard wp-admin? Thanks

[ecomediawebmultimedia]

I loved it, congrats from Colombia!! (south america 😀)

[comleonmoto]

Thank you, Julia. A really nice and useful tutorial indeed 👏

[ramnmdr]

In the reset password section, when I click on the + sign, I can't find the reset password field and reset password button to add. How can I add them? Thanks a lot.

[sulashidayat]

There is no Reset Password Field on my Jetform Version 3.0.9, and add on User Login Action Version 1.0.2.

[ngoninengomasha]

Question. How do you get rid of the Lost Pssword? button that pops op every time you enter the correct email address with the wrong password. The lost password button is going straight to the wordpress reset page instead of the one I created

[godrory]

How do you style the render state button separately from the submit button?

[nerdcreatives]

How to add a Form field on login form and validated if it matches user custom meta

[jWalendowsky]

Hi, I did exactly how you showed but when I test it I get the message "Error: The username field is empty" but I'm of course filling it out. Any ideas?

[mudassirlangah]

Thanks I need this and please make taturial how to edit comments section using crocoblock

[mrabhijitrabha]

So Login & Register in one form possible?
Even If I use two different conditional block it throws an error that same field id can't be same.

[vstplanetee]

Is it possible to open the password reset form with jetpopup after you click on the email reset link? That would need another conditional function I guess.

[manuelmillan]

the field "reset password" does not appear

[leonardomedina]

Great tutorial! I'm having troubles customizing the frontend layout. The "Forgot your password" and the "come back to log in" buttons just can't be customized, they are big blue buttons aligned to the left and I haven't been able to fix this in Elementor. Can anybody help me on this one?