How to Create a Custom User Registration Form in WordPress: Ultimate Guide
- Last Updated: Sep 15th, 2018
- Posted by: Editor
- Category: WordPress Support
Are you facing problem to create a Custom User Registration Form in WordPress? If yes, then come along with us. We will explain you.
Here, in this post, we will illustrate you how to create a custom user registration form in WordPress.
Why We Add a Custom User Registration Form in WordPress
However, the default WordPress user registration page shows WordPress logo and branding. It does not match the rest of your WordPress website.
By creating a custom user registration form, you can add a registration form to any page of your WordPress site. This will helps you to offer a more consistent user experience at the time of the registration process.
Also, a custom user registration form allows you to redirect users to the registration.
You can also display additional user profile fields, add it to the custom front-end login form, and connect it to your email marketing service.
Read Also: How to Create a Custom Page in WordPress
Now, let’s take a look at:
How to create a custom user registration form in WordPress
Creating a Custom User Registration Form in WordPress
Note: WPForms is one of the best WordPress contact form plugins that permits you to create all type of forms in WordPress.
You will need at least a pro plan so that they can access their user registration add-on.
After activation, you need to go to the WPForms>>Settings page to enter your WPForms license key. You can get this key from your account at WPForms site.
After that, you have to go to the WPForms>>Add-ons page. Click the ‘Install Addon’ button that is next to ‘User Registration Addon’.
Now, WPForms will download the User Registration Addon and then install it.
After that, you have to click the ‘Activate’ button to start using the user registration add-on.
Now you are ready to create your custom user registration form.
You need to go to WPForms>>Add New to launch the WPForms builder.
The First thing you have to enter a name for your form and then choose ‘User Registration Form’ as a template.
However, the WPForms will create a simple registration form for you. This sample will have the following WordPress user registration field added by default.
- Name – First and last name
- Short bio
You can add more fields from the left panel. Also, you can drag the fields to rearrange their order.
Add Custom Fields to Your Custom User Registration Form
Also, WPForms permits you to add custom user profile fields to your user registration form.
To do this, you have to add additional user profile fields to your WordPress site. The simplest way to do this is by using a plugin.
In this example, we are going to using the User Meta Manager plugin. However, WPForms’s field mapping feature works with any plugin that uses standard WordPress custom fields to add and store user metadata.
After activation, you have to go to User>>User Meta Manager page and click on Add Custom Meta Button to continue.
First, you will require entering a key. This key is how the custom user profile field will be recognized internally.
After that, you have to select a field type. In this example, we are using a URL field to add Facebook profile URL.
Under ‘Label’, you have to enter a label that will be shown users when filling this field.
Click the submit button to add a custom meta field. Now you can go to Users>>Your Profile page to view the field in action.
Now that we have created a Custom User Profile field, then add it to the custom user registration form and then map it.
You will have to go to the WPForms>>All Forms page to edit your custom user registration form or create a new one.
Next, click the field from the left panel to add it to your form. In this example, we are adding website/url field to our form.
Now the site/URL field will be visible in your form preview. You have to click the field and WPForms will show its properties in the left panel.
We have to change the label for the Facebook profile URL from the website/url. Also, you can add a description of the field.
Don’t forget to click the save button in the top right corner of the screen to save your form.
After that, you have to click the settings button for advanced form settings and field mapping. On the Settings page, click the User Registration tab.
Now WPForms will show your form field and a drop-down menu below them to select the WordPress registration field to map it with.
You will see that WPForms will automatically map your default fields such as name, email, password etc.
Also, you can choose a page, where you want to be redirected users after submitting the form.
You have to scroll down to the ‘Custom User Meta’ section. Here you can enter a custom meta key that you created earlier. And then choose the form field that you want to map it with.
To save your settings, do not forget to click the save button at the top right corner of the screen.
Adding Your Custom User Registration form in WordPress
You must create a new page/post or edit the existing one. On the post edit screen, you will see the new WPForms button.
By clicking on it will bring up a popup. You have to choose your form from the drop-down menu and then click the Add Form button.
Now you can publish or save your page/post and then preview your form.
Also, WPForms allows you to add your custom user registration form to your sidebar.
Go to Appearance>>Widgets Page and add a WPForm widget to a sidebar.
You have to choose the form that you want to show from the drop-down menu in the widget settings.
To save your widgets settings don’t forget to click the save button.
Now you can visit your site so that you can see your custom user registration form in action.
Wrapping this all end! We have discussed a way to Create a Custom User Registration Form in WordPress.
Often, we concluded why we add it and how to create it? Read the above steps carefully and create the user registration.
We hope this blog helped you to create it. If you have any question or suggestion to create it, tell us in the comments box provided below.
If you liked this post, please share it with your peers.
In case you have any WordPress questions feel free to ask us as you can get our expert advice. For the same, our support team is always ready to deliver WordPress Customer service. Just dial our support phone number +1 888 614 0555(Toll-Free) to know how our professionals can help you.