WordPress Login and Registration Forms Have Arrived! (Forminator 1.12)

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.

Forminator image looking in mirror.
Forminator’s now looking even better!

Put on your spectacles, clean your contacts, or wipe your lenses – because there’s a lot to see here.

Not Familiar With Forminator?

Forminator form plugin wordpress
Forminator’s never per-formed better with his newly equipped login and registration features.

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.

Create new form in WordPress.
The Forminator dashboard.

From this point, choose Registration from the template options and then Continue.

New registration form in WordPress.
Select the Registration template.

Next, enter a name for the new registration form and hit Create.

Enter a name in Forminator.
We’ll just call this one WPMU DEV since, well, that’s us!

And just like that, now you can edit the form. I told you this was easy!

Edit form area in Forminator.
A basic form structure is…formed.

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:

Form fields available in Forminator.
All the available form 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.

Username field settings.
The Username field settings.

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.

The username settings area.
The settings area.

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.

Styling area in Forminator.
The styling area.

And also adjust the visibility in the Visibility tab.

Visibility tab in Forminator.
You can add a lot of rules in this area for email and more.

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.

Example of the bold option.
Example of the bold option.

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.

Method and validation section.
The method, validation, and submission indicator section.

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.

Registration form preview.
A preview of the form we just created.

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.

Example of the shortcode that is produced.
An example of the shortcode that you’ll use to add your form.

Forminator keeps all of your forms in one place. Once you publish a form, it will show up in the Forms area.

Forms locations in Forminator.
Where the forms are located.

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.

Login features for Forminator.
Where you can edit specific login features.

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.

Login example.
Preview of our login form.

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.