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

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 and 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 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 ». 

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

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

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 website label " 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" 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).

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

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

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]

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

add-a-form-wpforms

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.

PREVIEW-of-form, customizes

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.

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 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 obviously accomplish 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 | Demo | Web hosting

2. Flex-Register

Flex-Register is a WordPress plugin that 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.

Flex register bootstrap 3 lightbox for register wordpress

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.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Download | Demo | Web hosting

3. Login Ninja

This 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 the color of it, add a background image, add a logo and more.Ninja login wordpress plugin

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. 

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