Skip to Main Content

How to create a custom registration page on WordPress

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.

wpform-license-key

Then go to " WPForms> Addons ". Click on the button " install Addon »On the extension« User Registration Forms ».

extension-user-registration-form

WPForms will download and install the extension. You will have to click on the button "Activate" to start using the extension.

The extension-activate-on-wordpress

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).

builder wpforms

WPForms will create a simple registration form for you. This sample will have the following fields.

  • Last name First Name
  • Username
  • Email
  • 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 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.

add meta-des-by-user customizes

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.

new-field-facebook-profile

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.

add-a-new-field-wpforms

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.

modifying a login field WordPress plugin WPForms

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".

mapper-a-field-customize-wpforms

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.

add-a-form-wpforms

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.

PREVIEW-of-form, customizes

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.

form-of-the-bar-Side

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.

Form-customize-wordpress

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.

Wp custom admin login wordpress plugin to make a customized admin login page

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 in French | Demo | Web hosting

2. Flex-Register

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.

Flex register bootstrap 3 lightbox for register wordpress

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.

Download in French | Demo | Web hosting

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.Ninja login wordpress plugin

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.

Download in French | Demo | Web hosting

Other recommended resources

Would you like to create other types of forms? do not hesitate to consult this list of recommended resources.

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.

...

This article features 1 comment

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
8 shares
Share6
tweet2
Save