Divi: the easiest WordPress theme to use
Divi: The best WordPress theme of all time!
With over 600.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]
Do you want to create a personalized registration form for your users?
The default WordPress registration form displays WordPress branding and does not match the WordPress theme of your website.
If you have never installed WordPress, discover in this tutorial How to install and configure your blog
In this tutorial, we will show you how to create a custom registration form on WordPress.
Why add a personalized registration form on WordPress
The default WordPress sign-up page displays the WordPress branding and logo. It does not necessarily match the rest of your website.
Creating a personalized registration form allows you to add the registration form to a page on your website. It helps you provide a more consistent user experience during the registration process.
Before you continue you can discover How to customize the registration and login pages on WordPress
A personalized registration form also allows you to redirect users after registration. You can also view additional profile fields, combine them with the custom login form, and connect them with your email marketing service.
That said, let's take a look at how to create a custom registration form on WordPress.
Creating a custom login form
The first thing you need to do is install and activate the plugin WPForms. 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, 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
- Short Biography
You can add fields from the left pane. You will only have to drag fields to rearrange their order.
Adding custom fields in your personalized sign-up 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 ».
Easily create your website with Elementor
Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]
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 must first enter a key. This key will let you know how the custom user profile field will be internally recognized.
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 edit your personalized registration form or to create a new one.
After that, click on a field from the left pane 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 label of the website " 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 Parameters (Settings) for the advanced settings of the form. On the page " Settings », Click on the tab« User Registration ».
WPForms will display your fields and a drop-down menu below to allow you to select the registration field that you can " mapper"(Login or harmonize).
Discover our 8 premium WordPress plugins to create custom fields
You will notice that WPForms " maps »Automatically your default fields like name, e-mail, password, etc ....
Are you looking for the best WordPress themes and plugins?
Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]
You can select a page where you want users to be redirected once they validate the form.
You will need to scroll to the section " 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 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 editing 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 and then click on the button Add Form ».
You will notice that the shortcode " WPForms Will appear in the editor of the content of your article. You will now be able to publish or save your articles / page and preview your form.
WPForms also allows you to add your personalized registration form to 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 concludes the creation of a personalized registration form. But before moving forward, we suggest you read the article WPForms: The best WordPress plugin to create a contact form
If you are looking for other premium solutions to create obviously perform the same task, check out our 3 WordPress plugins below.
1. WP Custom Admin Login
WP Custom Admin Login is a premium WordPress plugin for customizing the default WordPress login page. It allows you to customize this page from the WordPress Customizer, and comes with more than 25 superb page templates that will be totally 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.
Flex-Register is a WordPress plugin that allows you to add a registration form or login in a lightbox. A refresh of the page will not be necessary and it will work immediately after its installation. No configuration will be necessary.
Easily create your Online Store
Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]
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 sleek design and well-commented code, its fully customizable appearance, compatibility with the majority of popular WordPress themes, support for multiple browsers and more.
3. Login Ninja
This WordPress plugin allows you to customize your login page. It's more than just a customization of your login form. You can customize the entire page, changing the color of the page, adding an image in the background, adding a logo and more.
Its other features are: connection protection and registration with captcha, automatic and manual ban of IPs that attack you by brute force, a detailed log of all activities related to the connection, the redirection of users based Roles and usernames, receiving e-mail notifications for all login events, an easy-to-use graphical user interface, detailed documentation, and more.
Other recommended resources
Would you like to create other types of forms? do not hesitate to consult 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
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.