In previous tutorials, we learned how to create WordPress registration forms without requiring users to enter their username and password.

Do you know you can also create a custom WordPress registration form with just an email field? where users can register or sign up to your WordPress site with only their email address without a username, password or any other custom field values. This is exactly what we’ll be building in this tutorial.

Building the Registration Form

I assume you have ProfilePress installed and activated. If not, do that now.

Navigate to ProfilePress >> Registration Form and click the “Add New” button.

Add the code below to Registration Design.

<div id="sc-register"> <h1>Create an Account in Seconds</h1> <div class="sc-container"> [reg-email title="Email Address" placeholder="Email Address"] [reg-submit value="Register"] </div> </div>

And the CSS for the form below will go into the CSS Stylesheet code area.

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700); .profilepress-reg-status { max-width: 800px; width: 100%; text-align: center; background-color: #e74c3c; color: #ffffff; border: medium none; border-radius: 4px; font-size: 17px; font-weight: normal; line-height: 1.4; padding: 8px 5px; margin: auto; } .profilepress-reg-status a { color: #ea9629 !important; } .memo-registration-success { max-width: 800px; width: 100%; text-align: center; background-color: #2ecc71; color: #ffffff; border: medium none; border-radius: 4px; font-size: 17px; font-weight: normal; line-height: 1.4; padding: 8px 5px; margin: auto; } #sc-register { background: #f0f0f0; max-width: 800px; width: 100%; margin: 0 auto; margin-top: 8px; margin-bottom: 2%; transition: opacity 1s; -webkit-transition: opacity 1s; } #sc-register h1 { background: #3399cc; padding: 20px 0; font-size: 140%; font-weight: 300; text-align: center; color: #fff; } div#sc-register .sc-container { background: #f0f0f0; padding: 6% 4%; } div#sc-register select, div#sc-register input[type="email"], div#sc-register input[type="text"], div#sc-register input[type="password"] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; margin-bottom: 4%; border: 1px solid #ccc; padding: 4%; font-family: 'Open Sans', sans-serif; font-size: 95%; color: #555; } div#sc-register select { width: 100%; } div#sc-register input[type="submit"] { width: 100%; background: #3399cc; border: 0; padding: 4%; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #fff; cursor: pointer; transition: background .3s; -webkit-transition: background .3s; } div#sc-register input[type="submit"]:hover { background: #2288bb; }

In the preview frame, click “Preview Design” to see how the form looks. It should be similar to the screenshot below.

Scroll down a bit and check Disable Username Requirement. By doing this, when users register on your WordPress website via a form like this, the username-part of their email address (e.g johndoe is the username in [email protected]) becomes their account username.

Finally, click the “Save Changes” button to create the registration form.

To use it as your registration form; create a WordPress page and save the generated registration form shortcode to it and publish. You should now see the form displayed on the page when previewed.

How The Registration Process Works

Like we previously mentioned, the username of registered users will be gotten from their email address. And when a registration form do not include a password field, ProfilePress automatically send new registered users a password reset email so they can define their password.

You can also decide to disable the password reset email that is automatically sent immediately after registration and instead include the password reset URL or link in their welcome email.

To disable the password reset email that is automatically sent, add the code snippet below to your active theme’s functions.php file or a site specific plugin.

add_filter('pp_enable_auto_send_password_reset_flag', '__return_false');

To include the “password reset link” in welcome email to new users in WordPress, go to Settings >> Registration Settings, check Enable welcome message.

Scroll down a bit and configure the welcome message at Welcome Message Settings section. Be sure to include the shortcode or placeholder {{password_reset_link}} in the message.

Demo of this form is available here.

Conclusion

For reasons best known to you, you may want an increase the number of user signups to your website; using an email only registration form can do the trick because it makes the registration process very easy.