How to Create WordPress Login Form | JetFormBuilder User Login Pro Addon

Welcome to our tutorial on building #login form for #WordPress with JetFormBuilder User Login Pro Addon.
💡 Tip. Make sure you have Login Addon activated.
◼️ Add form block separately or use #JetFormBuilder patterns to save time
◼️ Adjust the pattern to have the required fields and give the right label to button
◼️ Insert special checkbox for “Remember me” functionality
◼️ Style your WordPress login form to match the website’s design
◼️ Set the Submit Type to reload page after the user hits Login button, or apply AJAX
◼️ Edit User Login post submit action
◼️ Enable secure cookie toggle, if you user HTTPS protocol
◼️ Output the WordPress login form in Gutenberg or Elementor, using the corresponding JetForm block or JetForm widget
◼️ Display the form in popup, applying Shortcode widget, and style it
Get FREE JetFormBuilder
► bit.ly/31gd9Pa
📄 Check out JetFormBuilder Documentation
► bit.ly/3I6TDoR
📄 Learn more about User Login Pro Addon
► bit.ly/3lpHz8y
-------------
☕LIKED THIS VIDEO? BUY JULIA A COFFEE
► www.buymeacoffee.com/JuliaMcHale
-------------
► TIMESTAMPS
00:00 Introduction
00:47 Tutorial’s brief overview
01:09 Plugins needed for this tutorial
01:26 User Login Action addon
02:23 Creating Login Form
04:32 Styling the form blocks
07:05 Setting Post Submit Actions
Displaying the form in:
09:18 Gutenberg
09:44 Elementor (JetForm widget option)
10:11 Applying form shortcode
10:38 Extra: Displaying the form in a popup
12:33 Checking the final result
------
Get JetFormBuilder Pro addons here
► bit.ly/3loVDPM
💡 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
► bit.ly/3lrOw91
Discover JetStyleManager
►bit.ly/31iSeuT
Explore JetPopup
► bit.ly/3G06GGM
------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
► LinkedIn: / crocoblock
#loginformforwordpress #wordpressaddloginform #jetformbuilderpatterns #crocoblockforms

[@artistworld9632]

thankyou for explaining

[@visualmodo]

Very good video!

[@juliacroco8592]

thank you! 😊

[@MarceloMartinsDev]

Thanks showww 🚀🚀🚀

[@robertwood1819]

Nice tutorial

[@Crocoblock]

Thank you 😊

[@matheoxyt]

when I'm in the gutenberg edit panel, when I select a field on the form, that edit brush icon next to the configuration icon at the top of gutenberg doesn't appear for me

[@sayujyashankaraanand]

I think the last button should say "If you don't have an account click here to register" to direct them to the register page, we already created the form to login 🤔

[@franshescomviran5741]

I think it is better to use to use the Elementor Pro pop up, as you can style it there. You cant style in the Croco Pop up. Cheers!

[@mehdimoradi603]

Great 😍 it will be awesome if OTP verification with sms activated for login and register forms

[@Crocoblock]

Hi! Right at the moment, this option isn't available. Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement.

[@mehdimoradi603]

@@Crocoblock Thanks, i have requested few features for JetEngine and jetformbuilder, unfortunately i didn't get any reply ☹️

[@Crocoblock]

@@mehdimoradi603 Could you please provide me with the number of requests or a link?

[@Crocoblock]

@@mehdimoradi603 Thank you! Unfortunately, I'm not able to find requests. Could you please provide me with links?

[@mehdimoradi603]

@@Crocoblock yes sure but when i put the links the comment will be deleted automatically If there is any email it will be help full

[@OnyeStephen]

can this form be created with the jetengine form and not the jetform builder?

[@thediscoveryroute6703]

Hi. Thank you for this tutorial. I followed all the instructions and was able to create a pop up login. However, it's not responsive. Is there a way to get the popup login responsive on mobile?

[@Crocoblock]

Hi! Please, contact our support on this issue - crocoblock.com/help-center/ They'll help :)

[@Dr.mohamedhussein]

link for the previous tutorial for this one is not in the description as you mentioned in the beginning of the video

[@juliacroco8592]

sorry, take a look at the suggested videos!

[@levychronix4426]

how can i create a button witch change when i login and logout?

[@Crocoblock]

Hi! Could you please provide me with an example? Do you want to create something similar to the Auth Links bit.ly/3dIZiTW ?

[@gieselman]

Wondering the same thing. Once logged in, what's the best option to then show a logout button.

[@seekknowledge1928]

HI Crocoblock team. I have a question about Jet appointment booking plugin. I want to add some date as off day for every month. Like in every month Date: 1, 2, 3, 22, 30 will be off day and these days people cant book anything. How to do this? I see there is no option. Also I want to add user can book from 1 day to 7 days. Not more than 7 days. PLease make tytorial on itPlease replay

[@Crocoblock]

Hi! You can add the needed days off manually prnt.sc/22leis5 prnt.sc/22lejok . There's no opportunity to repeat days every month. In the JetAppointment there's no opportunity to book days, you can book hours and set working hours for services. If you want the user to be able to book days, then it's better to use JetBooking.

[@abdullashafeeu7739]

Can you make a video for how to create payment method of bank transfer, using crocoblock. Use this information 1. 2 bank account number,"USD” and ” local currency” 2. One click bank account number copy options (so it will be easier for customer to copy account number). 3. Special customer reminder to copy payment slip ( just like reminder text to copy it for safety reasons) 3. Link to go bank page or app (so after they copy account number they can go to bank app to transfer amount for the product they buying. 4. Nice thanks email after they transfer money 5 . nice styling for payment payment

[@Crocoblock]

Hi! Please, contact our support support.crocoblock.com and they'll guide you.

[@user-wb6dk4to8y]

Can login and registration be switched in the same popup window?

[@Crocoblock]

Hi! Could you please provide me with an example?

[@xshounak]

What happens if someone were to click on the submit button without entering anything. In majority cases with most plugins it’s redirected to the default WP-admin Login page. Is that fixed in this action?

[@AhmadYazid21]

Same question from me

[@juliacroco8592]

Hey there! Thanks for the question. Nothing actually happens. No redirect, no form submit. Even if you hit Login without entering anything, the form stays open meaning that the fields have to be filled out.

[@vesto_se]

@@juliacroco8592 Hey Julia, how to hide the button after logged in?

[@Kiev.Amaterasu]

@@vesto_se dynamic visibility

[@jacobomartinez9769]

Can I use JetFormBuilder addons with Crocoblock Subscription?

[@Crocoblock]

Hi! JetFormBuilder addons available with a Pro version jetformbuilder.com/pricing/

[@ivangrisa]

Why in my Wordpress the User login doesn't appears in the Post Submit actions block?

[@tasnia459]

i have the same problem

[@t-softtechnologies9322]

Please how possible is it to add a social login to the login form and registration form?

[@weblinemasters]

Hi, did you bought it? 😊

[@bharat61020]

Please help..... How to add products attribute in mega menu?? I cannot create a menu for the attributes.... there is no option for products attribute in appearance>menus

[@Crocoblock]

Hi! There's no opportunity to achieve this in that way, but you can do the following: 1. Add a new attribute and click on the "Enable Archieve" option prnt.sc/2266ib8 2. Then, add terms to the attribute prnt.sc/2266ow1 3. After that, there will be an opportunity to "View". Click on it prnt.sc/2266uki 4. You'll be redirected to the page where you'll need to copy the URL prnt.sc/2267fgw 5. The next step is to go to Appearance > Menus. Here you can add Custom Link and add the link you've already copied prnt.sc/2267k4l 6. And here is the result prnt.sc/2267ocj prnt.sc/2267qcp

[@bharat61020]

@@Crocoblock Thank you very much for this great explanation 🙏.... I used same stretegy to add attributes to menu. Your to the point explanation made my concepts more clear thanks again 🙌

[@Crocoblock]

@@bharat61020 thank you for your kind words 😊 I was glad to help 😉

[@BestMLMDXN]

Dear mam, how can we create login form and registration form with Jet Engine and use it in Elementor ? I don't want to use Gutenberg. Please make a detail video on this.

[@Crocoblock]

Hi! The creation of the form in the JetEngine and JetForm builder is similar. In the JetEngine form, you'll need to add all the necessary fields, such as name, email, etc prnt.sc/22ljh9c prnt.sc/22lji4d . This tutorial will come in handy bit.ly/3IztpLY 😉 Then choose the Post-Submit Actions. For the Registration form, you'll need to use the Register New User action prnt.sc/22ljqxx and Redirect to page prnt.sc/22ljs3f Please, check this tutorial to find out more about notification settings bit.ly/3rXPmym 🙂

[@mehdimoradi603]

@@Crocoblock thank you so much for ur kindly solution (step by step guidance 😍) I made a register form as u said, but i couldn't make a login form! Am i wrong or jet engine cant make a login form?

[@Crocoblock]

@@mehdimoradi603 I was glad to help 😊 You can also create a login form with JetEngine. You'll need to choose Login User in the Notification Settings prnt.sc/268eslg

[@mehdimoradi603]

@@Crocoblock thank you 😇

[@Hassanakora]

If possible adding woo products with form then send link please. Thanks

[@Crocoblock]

Hi! Could you please describe in more detail or provide me with an example? Do you want to send the email notification after the user submits the form bit.ly/3ybZox1 ?

[@serdimay7]

Awesome. How do we add the reset password link and if we want to use either the username or email to log in?

[@Crocoblock]

Hi! Thank you for your feedback 🙂 Please, contact our support on this issue - crocoblock.com/help-center/

[@AJ-Pixelyze]

I was hoping you can help me here. I did messeage the support and FB community but no communication recived. What I am looking for is, how can I charge an account base on pay per lead? If a account holder list their business and a user wants to send them email to contact them, how can I set up to charge that account per email being sent to them as a lead?

[@Crocoblock]

Hi! Sorry for the delay. We are available for support from 9 AM to 6 PM as per EET (UTC+2) timezone during business days. You can add a Payment Gateway to your form. Please, check this tutorial bit.ly/3GFSD9S 🙂

[@AJ-Pixelyze]

@@Crocoblock Hi, I know I can add merchant provider to a form but what I'm looking for is how to set up when a customer send their details to account holder, I want to charge them than

[@Crocoblock]

@@AJ-Pixelyze Right at the moment, there's no such opportunity. Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement.

[@michelfayadat1888]

Hi, How about the "reset password" functionality ?

[@Crocoblock]

Hello! You can add the wp-login.php?action=lostpassword to the end of the link. For example, if you have the root of the website crocodev.net/develop/ , then the link will look like this crocodev.net/develop/wp-login.php?action=lostpassword

[@aranthos]

6 months later and the default sign up button text is still "Sing up" lol what....

[@mdshohaibsarker5835]

Login not working for me, showing this "Error: The username field is empty.". any help please

[@Crocoblock]

proceed please to our support team :) crocoblock.com/help-center/

[@quzalebaper1297]

how to enable login with username or email in one field?

[@Crocoblock]

The form works with both - username or email in Username field. If something doesn't work correctly for you, contact our support team please so we could check your settings crocoblock.com/help-center/

[@Website-Developer]

Do not see the "User Login" in the Post Submit Actions?

[@Crocoblock]

Make sure please this addon is installed and activated on your website: jetformbuilder.com/addons/user-login/

[@Website-Developer]

@@Crocoblock lol yeah I saw that, I feel like a dope. Forgive me I'm old 😁

[@baliflorent6971]

Thanks. How can we define the forgotten password link ?

[@Crocoblock]

Hi! You can add the wp-login.php?action=lostpassword to the end of the link. For example, if you have the root of the website crocodev.net/develop/ , then the link will look like this crocodev.net/develop/wp-login.php?action=lostpassword

[@baliflorent6971]

@@Crocoblock ok good. Think to make the page customizable with Elementor. Then we won't be obliged to use the traditional WordPress login page.

[@Crocoblock]

@@baliflorent6971 Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement :)

[@freelancerfaysal1882]

@@Crocoblock u r highly requested to add a feature to create a custom lost password system.

[@YasirShabbir]

😅again me

[@mohamadhannan453]

there is no login option any more what we should use ??

[@Crocoblock]

User Login option is available if this addon installed and activated on your website: jetformbuilder.com/addons/user-login/

[@coneqto]

The password is not being remembered for me, I've tried several times and it's not saved... Unfortunately it doesn't work for me, I don't know why.

[@Crocoblock]

To give you a solution we need to check your settings carefuly. Could you be so kind to contact us here crocoblock.com/help-center/ for solving this problem on your website?

[@boniprakarsa5090]

Wow that was cool, but what about the lost password ! You haven't touch upon that, please enlighten us.

[@Crocoblock]

Hi! You can add the wp-login.php?action=lostpassword to the end of the link. For example, if you have the root of the website crocodev.net/develop/ , then the link will look like this crocodev.net/develop/wp-login.php?action=lostpassword

[@dezalog]

7:42 I can't get User login 😭

[@Crocoblock]

Hi! Please, contact our support crocoblock.com/help-center/

[@wolfamri]

I had the same - in case anyone has that problem, I forgot to install the "User Login Action" addon.

[@katestritz2309]

That s not free!!! Bad suggest, deslike

[@Crocoblock]

You can use the free version of the JetFormBuilder WordPress.org or purchase the PRO version jetformbuilder.com/pricing/ Also, JetFormBuilder PRO is available for $0 for the AllInclusive subscription owners.