How to Create WordPress Registration Form | JetFormBuilder Plugin

Ever wondered how to create and customize registration form in #WordPress? Proceed with our tutorial, where we show the step-by-step instructions of building WordPress signup form manually and using #JetFormBuilder patterns.
💡 Tip. Make sure you have JetFormBuilder and #JetStyleManager installed.
Learn how to:
◼ Build registration form in WordPress manually by arranging Text, Select, and Submit fields
◼ Select the right Field type in the Field Settings to make everything works smoothly
◼ Mark the necessary fields of your #WordPress registration form as required
◼ Create WordPress signup form in a couple of clicks, using JetFormBuilder patterns
◼ Make the form fields visible for a particular category of users
◼ Use JetStyleManager to fine-tune each form element separately
◼ Apply the necessary Post Submit Actions, which will be performed after the user clicks on the Submit button
◼ Display WordPress registration form in Gutenberg and Elementor, using JetForm block and JetForm widget, respectively
◼ Add the form to popup, applying Shortcode widget
Stay updated because more useful tutorials on JetFormBuilder are coming soon!
Get FREE JetFormBuilder
► bit.ly/30JK3Ye
📄 Check out JetFormBuilder Documentation
► bit.ly/3HBBKyh
-------------
☕LIKED THIS VIDEO? BUY JULIA A COFFEE
► www.buymeacoffee.com/JuliaMcHale
-------------
► TIMESTAMPS
00:00 Tutorial’s brief overview
00:52 Useful sources
01:24 Plugins needed for this tutorial
02:08 Creating a form manually
06:18 Using JetForm patterns
08:43 Customizing the fields
10:30 Styling the form blocks
Post Submit Actions:
14:30 Why are they needed
15:30 Register User Action
18:20 Send Email Action
20:17 Redirect to Page
Displaying the form in:
22:02 Gutenberg
22:26 Elementor (JetForm widget option)
23:26 Applying form shortcode
24:04 Extra: Displaying the form in a popup
26:10 Checking the final result
------
Get JetFormBuilder Pro addons here
► bit.ly/3qW0ong
💡 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/3FtlqxE
Discover JetStyleManager
►bit.ly/32680ZY
------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
► LinkedIn: / crocoblock
#formbuilder, #wordpressforms, #jetform, #formbuilderwordpress, #wordpressformbuilder, #wordpresssignupform, #crocoblockforms

[@volkerschuster8079]

Thank you Julia, fantastic video as always, you guys rock, also thinking about all your families at Croco hoping they are OK.

[@juliacroco8592]

Thank you as well! We're all okay and safe💛

[@saracompro]

Good job ! Thanks you for your vidéo

[@Crocoblock]

Thank you 😊

[@kwsim539]

So, it appears that there is no option for double op-in for registration to confirm the user's email account after registration.

[@IndieCreatorz]

Awesome video as always :) The only thing missing is the email confirmation feature. But it's very :D

[@Crocoblock]

Thank you for your suggestion :) 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.

[@marcoprofwebsitenl6484]

I was thinking about it too. Especially against spam and for the customer to be sure they have entered the correct email address. People are lazy and if they do something wrong without knowing it they often never come back to your website.

[@Crocoblock]

@@marcoprofwebsitenl6484 Great idea :) 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.

[@mpozainno]

Thank you very much

[@juliacroco8592]

you're welcome!

[@szabojanos4410]

@@juliacroco8592 My sweetheart! I love You!

[@nicolasschiff6164]

Thanks for this video! I've created a new registration form for my customers, but how do I replace the default WooCommerce form with the one I created with JetformBuilder? Because when the customer clicks on "My Account" and is not logged in, the page generated by WooCommerce is displayed with the default login and registration form.

[@Crocoblock]

Hi! We are glad to know you liked this video! JetWooBuilder plugin can help you to customize default WooCommerce pages and endpoints: prnt.sc/-C2b9syGQKQV Check our tutorial please: kzbin.info/www/bejne/mmfWlnSerNxrh9Usi=KKL4QJmQspVa14fO&t=410 This tutorial explains how to customize WooCommerce endpoints: kzbin.info/www/bejne/gnfZc6F8rc1le9U

[@developershuvo3761]

great

[@Crocoblock]

thanks :)

[@sserunjojigonzaga9711]

Please update most of old tutorials

[@asaduzzamanasad4940]

How can we ad a Confirm Email field?

[@brittanymiller8590]

You are well done! How to make sure that a person could create a password during registration and had to repeat it

[@Crocoblock]

Hi! Thank you for your feedback 🙂 You can create a meta field for password and add it to your form prnt.sc/23pxu59 (you'll need "password" field type) and then add the confirm password field prnt.sc/23py5wo

[@BestMLMDXN]

Dear Ma'am, How to create Register Form, Login Form, Contact Form or any other type of advance forms in Jet Engine ? I am not a big fan of Gutenberg. I want to create forms with Jet Engine , style it and use it in Elementor. Please guide me ma'am. Keep smiling always, With warm regards, Vivek Kumar ( Bihar , India )

[@juliacroco8592]

Hey! As I said in this video, you can create any form with the JetFromBuilder and then style and use it in Elementor. No need to stick to Gutenberg :)

[@BestMLMDXN]

@@juliacroco8592 Ok ma'am, I will do so.

[@artistworld9632]

@@juliacroco8592 How are you julia

[@juliacroco8592]

@Artist world great! how are you?🙂

[@harisrehman83]

No option to customize Next/Prev form button with Jet Style Manager :/

[@ldaragao6811]

Do we need this if we already have jet forms in jet engine? How is it different?

[@Crocoblock]

Hi! JetFormBuilder uses the WordPress native blocks editor, also known as Gutenberg, for creating forms.

[@ImranHossain-yz8bz]

Excuse me please, Who can tell me, is it possible to make a listing website with user. I'm trying to say, suppose I have a website which is Hotel booking website. That website has uploaded many rooms. Now I want to make new post type which is 'Room Owner" If some one go Owner page then user will able to see all properties which is that owner. Is it possible to make with jet engine plugin ?

[@Crocoblock]

Hi! Do you want to create something similar to the Findero template bit.ly/3cMmUGN ?

[@abdallaelgarhy2845]

I want to approve the new registration from Dashboard

[@ramirescastro3691]

"Invalid nonce" error in my form, what could it be? How to fix it?

[@treepocket2834]

if you have not already, try clearing the cache and refreshing page. Worked for me.

[@kartunisdesa]

Hi, for the phone field can i add Country Code?

[@Crocoblock]

There is a workaround for this. You can create two types of fields: a Select field to the left with a list of country codes and a number field to the right where the users will input their actual phone number. To quickly create a Select field with country codes, you can use a JetEngine feature called Glossaries. So, you will have two fields: a Select field and a Number field: prnt.sc/Fotj6KFeaZmt Now, you may need to save the values from these two fields as one field after the form is submitted. You may use the calculated field for concatenation of select and number fields.

[@medodoha84]

How to create a confirmation email including a clickable link and display a confirmation message? And how not to login the user unless the confirmation process?

[@Crocoblock]

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

[@jeffreyhenry4615]

FYI - No big deal, but the default Action Button on the Patterns JetForm registration is set to "Sing Up" instead of "Sign Up". :) 😎

[@Crocoblock]

Hi! Thank you 🙂 We'll change it 😉

[@aranthos]

Chock full of confidence now.... :/

[@kwsim539]

Serious ADA issues with this plugin... Simply removing content from the label field to not show the label is not ADA compliant. Labels are always required in a form. The correct way to remove the labels and still be ADA compliant is to add a class to the labels which will hide the labels on the web page but are still visible to screen readers.

[@mohaslam7695]

Lets sing up

[@jimskr1145]

i triend this but its always error upon registration

[@Crocoblock]

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

[@jamshadulrafi8753]

is it not work with jetengine form?

[@Crocoblock]

We recommend our clients start using the JetFormBuilder plugin jetformbuilder.com/ instead of the JetEngine forms module. You probably know already that JetEngine forms became legacy now. Here is the comparison table of these form builders crocoblock.com/jetformbuilder-vs-jetengine/ Hopefully, you'll love JetFormBuilder plugin for it's extended functionality. ❤️

[@breldanmuturi7886]

Is there email validation?

[@Crocoblock]

Hi! Could you please provide me with an example?

[@breldanmuturi7886]

Action packs for elementor has an extension for elementor with an action for user registration. After setup users registering an account get an email to validate their email either link back to the website.

[@Crocoblock]

@@breldanmuturi7886 You can achieve this with the Post-Submit Actions. Please, check the following article bit.ly/3DrtzRN

[@faysalmollabd]

how i can make a registration page using mobile number

[@Crocoblock]

Hi! Could you please describe in more detail? Do you want the user to be able to register only by entering the phone number?

[@faysalmollabd]

@@Crocoblock yes

[@muadmz]

Doesn't the user login have to be the email or a username? If someone inputs their full name, how does that work with user login?

[@Crocoblock]

Hi! It's better to use email for registration. You can check ready-made patterns to see how the form is set up bit.ly/3pFUeWe

[@habarizenuTV]

Does not work.does not work. Submit button isnt active following this video. why give info that looks nice but in the real world doesnt work. waste of time.

[@Crocoblock]

Hi! Please, contact our support on this issue - crocoblock.com/help-center/ They'll check the issue and help 😉