In search of a method to create a customized WordPress registration web page? Should you permit public registration in your web site, the default WordPress register web page isn’t tremendous user-friendly.

WPForms

To repair that, you possibly can customise it to meet your wants and even create a utterly model new registration web page that collects further details about your soon-to-be customers.

On this submit, we’ll present you step-by-step how to customise your WordPress registration web page in a few alternative ways.

Let’s dig in!

Two Methods to Customise the WordPress Registration Page

To create your customized registration web page, you possibly can go two primary routes:

  • Customizing the default web page
  • Creating a utterly separate registration web page

Let’s undergo the completely different strategies…

Customizing the Default Registration Page

Should you permit public registration in your web site, the default WordPress registration web page appears one thing like this:

The default WordPress registration page

It’s additionally situated at yoursite.com/wp-login.php?motion=register

With this methodology, you possibly can customise this default web page to:

  • Add your individual emblem
  • Change the colours to match your branding
  • And so forth.

It’s going to keep the identical fundamental structure, simply with your individual types and branding.

For easy conditions, this could be all you want. Nonetheless, the drawbacks of this method are that you just can’t:

  • Add extra customized fields to accumulate further consumer profile info.
  • Make large adjustments to the structure.
  • Change the URL to one thing extra user-friendly – e.g. yoursite.com/register

For extra flexibility, you would possibly want the second methodology.

Creating a Separate Registration Page

If you’d like much more customization choices, your different choice is to create a utterly new registration web page with your individual registration kind.

For instance, you possibly can go to Pages → Add New after which add a block in your registration kind, whereas sustaining full management over all of the content material, structure, and elegance decisions on the web page. Or, you possibly can even embody your registration web page in a design that you just’ve constructed with a web page builder like Elementor.

Personally, I feel that is one of the best method for many public-facing websites as a result of it provides you full management over the expertise.

Within the subsequent sections, I’ll present you ways to arrange each strategies.

Methodology 1: Customise the Default WordPress Registration Page

The default WordPress registration web page is absolutely simply an offshoot of the default WordPress login web page, so you possibly can customise it utilizing any login web page customization plugin.

There are a bunch of choices right here, however I just like the free Login Designer plugin from Wealthy Tabor as a result of it has one of the best consumer expertise (a minimum of for my part).

As soon as you put in and activate it, you possibly can open the WordPress Customizer (Look → Customise) and go to the brand new Login Designer part within the Customizer.

Login Designer contains a few pre-built templates that you may select from:

Custom WordPress registration page template

To customise particular person elements of your registration web page, all you do is click on on them within the dwell preview. For instance, if you’d like to change the emblem, you possibly can click on on it to open the emblem settings:

Customize the page

You are able to do the identical factor for the shape fields, and so forth:

Editing form fields

Bear in mind – whereas the dwell preview reveals your login web page, the identical design will apply to your registration web page.

And that’s it! Once you end up your design, your new registration web page will use the design:

Your custom WordPress registration page

Methodology 2: Create a 100% Custom Registration Page

With this second methodology, you possibly can construct your individual registration web page from scratch. Right here, you’ve gotten a lot extra choices by way of which plugins you possibly can select. I’ll present you three strategies:

  • Profile Builder – that is a good choice if you’d like to add extra fields to your registration kind to accumulate further consumer profile info.
  • Consumer Registration – that is one other good choice if you’d like to customise the fields in your registration kind.
  • Elementor + UAE – that is the most suitable choice if you’d like probably the most design flexibility. You do get some decisions for customizing the shape fields, however not practically as many as the opposite plugins.

Profile Builder

Profile Builder is a freemium plugin that improves how WordPress works with registered customers. As a part of that, it permits you to create a customized registration kind that collects as a lot (or as little) info as you need from customers after they register.

You possibly can add further profile fields to your registration kind and you can even let customers handle all of their profile info from the front-end.

To get began, set up, and activate the free plugin from WordPress.org. Then, go to Profile Builder → Kind Fields to management which fields to use in your registration kind.

With the free model, you possibly can select from all of the default WordPress profile fields. For instance, you possibly can let individuals add:

  • A biography
  • Their web site
  • Nickname
  • And so forth.

You too can use drag-and-drop to rearrange the order of the fields:

Profile Builder fields

If you’d like to add your individual customized fields to the registration kind, Profile Builder can do this…however you’ll want the Professional model. Particularly, you’ll need the $69 Hobbyist model.

When you’ve arrange the fields to use in your registration kind, you possibly can add the shape wherever in your web site utilizing the [wppb-register] shortcode. Should you use this shortcode within the block editor, you’ll give you the chance to reap the benefits of all of the block editor’s native options to add content material and customise the structure of your registration web page:

Add Profile Builder

Consumer Registration

Consumer Registration is one other freemium plugin that shares a lot of similarities with Profile Builder. It additionally permits you to use drag-and-drop to create your individual customized registration kind.

One benefit it has is that it permits you to add customized fields even with the free model. You possibly can create your individual customized textual content enter fields, in addition to radio buttons or checkboxes. Should you’re prepared to pay, you can even unlock further fields like:

  • Telephone
  • Profile image
  • Time picker
  • And so forth.

When you’ve put in and activated the free plugin from WordPress.org, go to Consumer Registration → Add New to create your customized registration kind:

User Registration plugin

When you’ve created your kind, you possibly can add it to any submit or web page utilizing the Consumer Registration block or a shortcode:

User Registration block

Elementor w/ Final Addons for Elementor

If you’d like probably the most design flexibility, you possibly can use Elementor to create a customized registration web page. Elementor provides you a visible, drag-and-drop interface to design all of your content material – it’s what we use right here at WPLift.

Sadly, Elementor itself doesn’t embody a registration widget. Nonetheless, you possibly can add this with third-party Elementor widget plugins.

Personally, I just like the widget in Final Addons for Elementor, which is what I’ll use for the instance beneath. Nonetheless, that is a premium plugin – it prices $55 (and comes with 50+ widgets). Should you’re on a finances, you’ll find some free extensions with registration widgets, although I haven’t examined them. One choice is Aspect Pack Lite.

To get began, ensure you’ve put in a minimum of:

  • The free model of Elementor
  • Final Addons for Elementor (or one other add-on plugin, if you’d like to strive a free choice)

Then, create a new web page and edit it with Elementor.

To get began, you possibly can create the fundamental structure and design utilizing Elementor’s many choices – take a look at our Elementor evaluation or tutorial to be taught extra about these settings.

Once you’re prepared to add your registration kind, drag over the Consumer Registration Kind widget. Then, you need to use the settings within the sidebar to:

  • Add extra fields to your registration kind. You solely have a few restricted choices, although – you can’t add customized fields.
  • Configure the type and structure of your registration kind.
  • Select what occurs after individuals register. For instance, you possibly can ship them a affirmation e-mail, redirect them to one other web page, and extra.

Elementor custom registration form

Bonus: Create a Custom WordPress Multisite Registration Page

If you’d like to create a customized WordPress multisite registration web page, the Profile Builder plugin that I detailed above will work with Multisite – be taught extra right here.

Create Your Custom WordPress Registration Kind At this time

By now, it’s best to have all the things you want to customise the WordPress registration kind.

Should you simply need to add a few of your individual branding, you possibly can hold the native registration kind however simply change up the styling to meet your wants.

Alternatively, if you’d like to customise each the design and the shape fields, it’s best to flip to options equivalent to Profile Builder, Consumer Registration, or Elementor + Final Addons for Elementor.

Do you continue to have any questions on how to customise the WordPress registration web page? Ask away within the feedback and we’ll strive to assist!

Leave a Reply