WordPress Login and Registration Forms Have Arrived! (Forminator 1.12)
Yep, this news is going to ‘register’ well with anyone wanting registration and login forms on their WordPress site. And thanks to Forminator 1.12, allowing your customers to register and login has never been easier!
Don’t worry, his stylish glasses haven’t changed. However, our developers’ vision to give you more options has.
In today’s article I’ll be reviewing Forminator’s new registration and login features.
I’ll also show you how it’s done by demonstrating fields, user registration, setting up email notifications, and more.
Put on your spectacles, clean your contacts, or wipe your lenses – because there’s a lot to see here.
Not Familiar With Forminator?
Forminator is our free form building plugin for WordPress. With a solid 4.5-star average review and over 40K active installations, no wonder he’s smiling so big.
With Forminator, you can easily create calculations, improve checkout processes, customize forms with add-ons, set up quizzes, and now add custom registration and login forms too.
But before we jump into seeing Forminator’s new features in action…
Why Do You Need a WordPress Registration and Login Plugin?
There are many reasons to include a custom login or registration form. For starters, WordPress’ default registration page shows WordPress branding and its logo. Oomph.
When you create a custom user registration form, you can adjust it visually to match your content and also format the content to specify the information required (e.g. name, email, phone number).
Plus, you can add it to your WordPress site wherever you’d like. This helps with your branding and image.
With custom registration, you can also redirect users when they register. And with Forminator, you can add TONS of field options (which I’ll be showing you how to do shortly).
When it comes to logging in, it’s also obviously handy to make your site content only available to users that have an account. This also helps with marketing to your email lists, adding options for subscription services, protected content, and more.
I’ll See You At The Register
Ready to check out? Though we’re not buying a new wardrobe here…
Instead, we’ll be ‘checking out’ how to set up a new registration form. As you’ll see, it’s extremely quick and easy to do.
So, let’s open up Forminator in the dashboard and get into these new features.
As we go through this, you’ll see you can start with the fields you want to include. From there, you can customize settings, style, behavior, and even modify it with some snazzy CSS.
The first step of course, is to install Forminator 1.12 for free.
Field(s) of Dreams
To get things moving, first hit Create to create a new form.
From this point, choose Registration from the template options and then Continue.
Next, enter a name for the new registration form and hit Create.
And just like that, now you can edit the form. I told you this was easy!
However, as you can see, you have a lot of options in this area to edit the fields, appearance, user registration, behavior, email notifications, integrations, and settings.
One great aspect of Forminator is its drag and drop feature to arrange fields. It makes it easy to add or remove fields, and customize accordingly.
By default, the first area that is ready to set up is the Fields section. Fields that are already set up for you are for the Username, Email, and Password.
Considering it’s a registration form, those are some good options to get you started. However, you can adjust any way you’d like.
You can add all of these additional fields:
There’s a lot to choose from here – everything from Website, address, reCaptcha, and even a File Upload option.
For the sake of this demo, I won’t be going over every option individually (that would make for an extremely long post – and besides, you can learn all about these options in our documentation section), but I will show you several examples of how much you can customize with Forminator.
For example, let’s work with just the first field: “Username.”
You can click and edit this field however you’d like.
You can change the label, default value, description, and placeholder in the Labels section.
From there, if you click on the settings tab, there are plenty more options.
You can enter the max characters or words, change the settings from Required to Optional and there’s a pre-populate area that’s available.
Continuing on, you can change the CSS styling in the Styling tab.
And also adjust the visibility in the Visibility tab.
In this example form, there are also the email and password fields. Those, along with any other field that you add, are all highly customizable, just like the Username.
All of the fields are user-friendly and clearly labeled. Each option has its own adjustments and customization options – which are worth exploring once you have the desired fields in your registration form.
Form Appearances Matter
You have the fields that you want (which you can still adjust at any time) and you’re ready to spice up the appearance now.
The Appearance tab is directly under the Fields tab. Once you click on it, you have a wide range of options.
At the top of the page is Design Style. This is where you can choose how you want the form to display with either the default, flat, bold, material, or none display options.
In this area, you can also adjust the colors, fonts, and the form container for padding and border.
Also, if you have some CSS knowledge, you can enable custom CSS for more advanced options.
Being on Your Best Behavior
The Behavior section is where, you guessed it, you can choose submission behavior and more.
In the first part of this section, you can customize an inline message for when the form is successfully submitted. You can also choose an auto-close box to make it disappear after a set amount of time.
You’re able to redirect users to a URL and have options to hide the form in this area.
Directly below this, you can choose the Method, Validation, and Submission Indicator.
With the Method area, you can use AJAX to send the form without reloading the page. Or, you can keep Page Reload.
You can also enable inline validation and indicate whether or not you’d like to show a loader.
There is also a Security option in this area, where you can add layers of security to prevent spam submissions.
You can then choose the lifespan of your form and there are also rendering options.
Lastly, the email notifications, integrations, and additional settings (e.g. data storage and privacy) can all be tweaked to your liking. All of these features have their own tabs and are easy to locate on the dashboard.
It All Forms Together
Now that we’ve explored all of our customization options and have a form ready to go, let’s take a look at it!
You can always preview the form from the dashboard first, to make sure it looks the way you want.
Once you hit publish — it’s ready to go!
With Forminator, a shortcode is generated. You can copy and paste it anywhere on your website where you’d like your form to appear.
Forminator keeps all of your forms in one place. Once you publish a form, it will show up in the Forms area.
Here, you can also edit, check the stats, duplicate the form, export, and more.
Ready to Login?
Creating a login form is essentially the same as creating a registration form.
The big difference is the login aspect of it, by means of Form Fields Mapping, Remember Me Field, and hiding the form if the user is already logged in.
You have all the options that the registration form builder has, and can customize exactly how you want.
And, like the registration form (or any form on Forminator), you can preview it before publishing to ensure your form looks exactly the way you want.
I won’t walk you through the rest of it.
Again, it’s the same as creating a registration form, except for a couple of minor details I just discussed.
It will just be a matter of setting one up for yourself and adjusting accordingly. Then your users can log in and your WordPress login form is ready to go.
But That’s Not All Forminator Folks…
We couldn’t stop with just that!
Forminator 1.12 has a few other additional improvements as well. Some of the new highlights include:
- Height options for text area field.
- RGBA color picker for all pickers (except text layer).
- Improved front-end pagination logic.
- Subject and Body requirements for the email notifications.
- Real-time quiz responses.
- And more!
As you can see, Forminator 1.12 has definitely upped his game from the last time you saw him.
Or, if this is your first time being introduced to him, we hope he’s made a great first impression.
Membership Benefits with Style
You might already be aware that Forminator Free and Forminator Pro are exactly the same (yep, we designed it that way)
However with a WPMU DEV membership, you get the added bonus of early access to new Forminator releases, as well as access to our managed hosting, our other award-winning plugins, and 24/7 support.
1.12 Looks Good on You
Not to be too biased, but we’re proud of what 1.12 looks like and what it can do for your WordPress site.
What’s the next feature our Forminator friend has in store for you?
Keep tabs on him – and the rest of our plugins – via our Road Map. We have updates on all that’s going on with our plugins; including upcoming updates, release dates, and previous enhancements.
Also, a big thanks to the superheroes behind this release:
Dev: Cvetan Cvetanov
QA: Bal Krishna Mishra
Design: Mukul Chawla
Goes to show you don’t always need to have big glasses to have great vision.