WordPress Tutorials

How to Add a WordPress Custom User Registration Form on Your Website?

A beautiful and clean user registration form can easily catch users’ names and engage more users to your websites. However, the WordPress default user registration form only displays the character of WordPress itself, not your own website’s personality, and sometimes it cannot match with your WordPress theme currently used. Do you want or need a custom user registration form for your own site? In this guide, we are to introduce you how to create a custom user registration form for your WordPress website.

Why Should You Add a Custom User Registration Form on Your WordPress Website?

People who are running WordPress websites with default user registration form will know that it all show WordPress logo and branding only. Strictly speaking, the default WordPress user registration page cannot fit all your need and completely display your personalized branding.

If you have created your own custom user registration form for your site, then you can easily add it on your WordPress website anywhere you want, which is good at delivering better user experience when users are registering on your site.

You can also use your custom registration form to redirect your users once they registered. Besides, on the form page, you can display extra user profile areas, integrate it with the custom front-end login form, as well as connect your custom user registration form to email marketing practices.

Now that we have talked about the advantages of having a custom user registration form on site, we should move on to introduce how to create it in WordPress.

Create a WordPress Custom User Registration Form

To create a custom user registration form, you will need WPForms, a WordPress form plugin. So, the first thing is to install and activate it. Speaking of WPForms, it is an easy-to-use WordPress contact form extension allowing you to build up all kinds of forms on your WordPress websites.

In order to get the plugin’s user registration add-on access, you will get the Pro version at least. After installation the Pro WPForms, you will step to activate it.

For this, you will firstly go to WordPress Dashboard and find WPForms in the left menu bar. Then click on “WPForms” to visit its “Settings” page. On the page, you can type into your license key which will be offered on the WPForms official site.

Second, you will visit its “Addons” page, find “User Registration Addon” and clock on its “Install Addon” button to install it.

Now, the WPForms will download as well as the install “User Registration Addon”. Once the process is done, you will go to activate the addon by pressing on “Activate” button.

By far, you will have installed and activated the WPForms user registration form addon. Then, you can start to create your own custom user registration form. Go to “WPFroms” >> “Add New” to start WPForm Builder.

For creating a custom user registration form, you will firstly type into a form name and choose “User Registration Form” as your template.

By using WPForms, you can build up a simple and clean user registration form for your own, and the selected sample use form should come with the default user registration areas included: name (first & last name), username, email, password and short bio.

Of course, if you want to show more information, you can also add more areas from lest panel. Also, you are able to drag and drop these areas to rearrange the order as you like.

Add Custom Fields in Your Custom User Registration Form

By using WPForms to create your custom user registration form, you can also connect the custom user profile areas to the form. To make it, you will firstly add the extra user profile areas to your site. Well, the simplest way is to use a plugin.

Here we will use an example of utilizing Meta Manager to make it. Nevertheless, WPForms’ field mapping can work with all the plugins using standard WordPress custom fields that add as well as save user meta information. In order to use Meta Manager, you will have to firstly install as well as activate the plugin.

For activation, you will go to “Users”>> “User Meta Manager”. On the page, you will find a button of “Add Custom Meta” and click on the button to move on.

Under “Add Custom Meta”, you will enter a key for recognizing your custom user profile area internally.

Then, select your “field type”. Here we are to use a URL to add a Facebook profile URL. Under “Settings”, there is a “Label” to add, which will be visible to your users as they are filling the field.

After completing these settings, you will need press “Submit” to add this custom meta field. If you are curious about the custom user field, you can go to “Users” >> “Your Profile” to check it in action.

Up till now, you should have finished the creation of your custom user profile field. Then, we can start to add the custom user field to the custom user registration form within WPForms. Finally, map it.

Go to WordPress Dashboard, find “WPFroms” and visit “All Forms” page. Then, you can modify the custom user registration form. Or, you can just build up a new one.

Next, press one field in the left panel so as to add it to your custom form. Here in the instance, we will add one “Website/URL” field.

You will find the label of the field is “Website/URL” which should be changed into “Facebook Profile URL”. A description of the fields can be added as well.

Remember to press “Save” at the top right corner to save your form made above.

Next, click on “Settings” to make advanced settings as well as field mapping. On this page, you will need to press “User Registration” tab.

Then, WPForms can show the form fields as well as a drop-down menu under them to choose WordPress registration fields as so to map them with.

Now, you will find WPForms can automatically map some default fields such as Email, Password, Name, and more. Also, you will be able to choose the redirection for your newly submitted users.

Now, you will click on “Custom User Meta” to scroll down to the section in which you will type into your custom meta key created before and then choose a form area to map with.

Finally, you have to remember to press “Save” button to save your settings made above.

Add Your Custom User Registration form in WordPress

It is extremely easy and simple for you to add your forms into any of your WordPress pages, sidebar widgets and posts. How to make it?

The first thing is to edit an existing post or page or create a new one. Go to the WordPress post editor page, you will find a button “Add Form” on the top left corner next to “Add Media”, and the new button is added because you have activated WPForms plugin.

Because your purpose is to add a form into the current editing post, so you will have to click on the “Add Form” button. Then, there will be a popup showing in front of you. On this popup, you can choose the target form within its drop-down menu and press on the button. Now, there will be a WPForms shortcode appearing in the content editor. Now, you can just click on “Save” to save your post, preview the changes about the new form in your content, and then publish it.

Similarly, you can also use WPForms to add a custom user registration form in sidebar widgets. For this, you will visit WordPress Dashboard to find “Appearance” >> “Widgets” and then add the WPForms widget to the sidebar.

When adding a custom user registration form to a sidebar widget, you need to choose it from a drop-down menu in widget settings. Then, click on “Save” to keep all your widget settings.

Now, you will have done these jobs all, and you can go back to the front-end to check the custom user registration form alive on your site.

This post introduced how to add a custom user registration from to your post or page, sidebar widget via WPForms. We really hope our readers can learn these easy ways to make your WordPress site more attractive to get more traffic!

Leave a Reply

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