Do you want to create a personalized registration form for your users?
The default WordPress registration form displays the WordPress branding and does not match your website's WordPress theme.
If you have never installed WordPress, find out in this tutorial How to install and configure your blog
In this tutorial, we'll show you how to create a custom registration form on WordPress.
Why add a personalized registration form on WordPress
The default WordPress registration page displays the WordPress branding and logo. It doesn't necessarily match the rest of your website.
Creating a custom registration form allows you to add the registration form to a page of your website. It helps you provide a more consistent user experience during the registration process.
Before you continue you can discover How to customize WordPress signup and login pages
A personalized registration form also allows users to be redirected after registration. You can also display additional profile fields, combine them with the custom login form, and connect them with your email marketing department.
That said, we're going to take a quick look at how to create a custom registration form in WordPress.
Creating a custom login form
The first thing you need to do is install and activate the WPForms plugin. For more details, check out our step by step guide on how to install a WordPress plugin.
You will at least need the plan Pro »To access user registration forms.
After activation, you must visit " WPForms »Settings To enter your WPForms license key. You can get this key on your WPForms account.
Then go to " WPForms> Addons ". Click on the button " install Addon »On the extension« User Registration Forms ».
WPForms will download and install the extension. You will have to click on the button "Activate" to start using the extension.
You are now ready to create your personalized registration form.
You must visit " WPForms> Add new To use the WPForms Video Builder.
First, you need to enter a name for your form and then select the template "User registration form"(User Registration form).
WPForms will create a simple registration form for you. This sample will have the following fields.
- Last name First Name
- USERNAME
- Password
- Short Biography
You can add fields from the left pane. You will only have to drag fields to rearrange their order.
Adding custom fields to your custom registration form
WPForms also allows you to add profile fields to your form. To do this you will need a specialized plugin.
In this example, we use the free plugin User Meta Manager ».
The first thing you need to do is to install and activate the plugin " User Meta Manager ". For more details, consult our guide on How to install (add) a plugin on WordPress
After activating the plugin, you need to go to the following location Users> Manage Users And add metas to continue.
But, you need to enter a key first. This key will let you know how the custom user profile field will be recognized internally.
Then you have to choose a type of field. In this example, we use a URL field to add the Facebook profile URL. Under « Label », You must enter the label that will be visible to users when filling in this field.
Before continuing, discover How to display custom fields on WordPress
Click the " Submit "(Submit) to add the custom meta field. You can then visit the section Users " Your profile To see the field.
Now that we've created a custom field, let's add it to the custom registration form in WPForms.
Go to WPForms »All forms » to modify your personalized registration form or to create a new one.
After that, click on a field from the left panel to add it to your form. In this example, we add a field " URL of the website To our form.
Field " Website/ URL Will now appear in the preview of your form. You just have to click on it and WPForms will display its properties in the left pane.
We need to change the website label " Website / URL " for " URL Facebook Profile". You can also add a description for the field.
Do not forget to click on the button « Save In the upper right corner of the screen to save your form.
Then you have to click on the button Settings (Settings) for the advanced settings of the form. On the page " Settings ", Click on the" User Registration ».
WPForms will display your fields and a drop-down menu below for you to select which registration field you can " mapper"(Login or harmonize).
So much to see... 8 premium WordPress plugins to create custom fields
You will notice that WPForms " maps »Automatically your default fields like name, e-mail, password, etc….
You can select a page where you want users to be redirected once they validate the form.
You will need to scroll down to the " Custom User Meta ". Here you can enter the custom meta key created previously, and then select the field of the form you want to "map".
Do not forget to save your settings
How to add a registration form on WordPress
Before starting this part, we invite you to discover How to create a custom registration page on WordPress.
If it's done, let's add a form together on WordPress
WPForms makes it easy to add widgets in the sidebar or in your pages and articles. You must start by editing an article / page.
On the edit screen, you will notice the new WPForms button.
Clicking on it will bring up a context menu. You must select your form from the drop-down menu, then click on the " Add Form ».
You will notice that the shortcode " WPForms Will appear in the content editor of your article. You will now be able to publish or save your articles / page and then preview your form.
WPForms also allows you to add your custom registration form in the sidebar. Visit the menu Appearance >> Widgets >>, and add a widget WPForms To a sidebar.
You must select the form you want to display from the drop-down menu in the widget settings. Do not forget to save the widget settings.
That's it, you can now visit your website to see your personalized registration form in action.
This ends the creation of a personalized registration form. But before going ahead, we suggest you check out the article WPForms: The best WordPress plugin to create a contact form
If you are looking for other premium solutions to create obviously accomplish the same task, check out our 3 WordPress plugins below.
1. WP Custom Admin Login
WP Custom Admin Login is a WordPress Plugin WordPress default login page customization premium. It allows you to customize this page from the WordPress Customizer, and comes with more than 25 stunning page templates that will be completely to choose from.
Even if you do not have coding skills, you will be able to create an exceptional login page in no time. Its visual interface is very intuitive, which will allow you to configure your login page according to your preferences. It supports videos and images that can be used as a background on your page.
Download | Demo | Web hosting
2. Flex-Register
Flex-Register is a WordPress Plugin which allows you to add a registration or login form in a lightbox. A refresh of the page will not be necessary and it will work immediately after installation. No configuration will therefore be necessary.
It will also take care of matching your form with the style of the active WordPress theme on your website. As a feature, it offers, among other things: a clean design and well-commented code, its fully customizable appearance, compatibility with the majority of ds WordPress themes popular, cross-browser support and more.
Download | Demo | Web hosting
3. Login Ninja
Ce WordPress Plugin allows you to customize your login page. It's more than just customizing your login form. You can customize the entire page, changing its color, adding a background image, adding a logo and more.
Its other features are: protection of login and registration forms with captcha, automatic and manual banning of IPs that attack you by brute force, a detailed log of all connection-related activities, user redirection based on roles and usernames, receiving email notifications for all login events, easy to use graphical interface, detailed documentation and more.
Download | Demo | Web hosting
Other recommended resources
Would you like to create other types of forms? feel free to check out this list of recommended resources.
- WPForms review: is it the best plugin for your forms?
- How to create GDPR compliant forms on WordPress
- Forminator: the free form generator with calculations and payments on WordPress
Conclusion
Here is ! That's it for this tutorial. I hope it will allow you to easily create a custom form of registration on WordPress. We also invite you to consult our resources if you are a beginner blogger.
If you have any suggestions or remarks, they will be welcome. But if you liked do not hesitate to share this article on your different social networks.
...