Essential Addons, one of the most popular Elementor add-ons, has just released a new widget to allow you to create both a custom login page and a registration page on your Elementor-powered WordPress site. You can do so without needing to deal with code. Elementor (the pro version) actually has a widget — the Login widget — to create a custom login page on your WordPress site. However, it has no native widget yet to create a registration page. You can actually use the Login widget to create a registration form, but you need to deal with a PHP script to add a new function to WordPress. Alternatively, you use the new widget of Essential Addons to create a registration page more effortlessly, without dealing with a PHP script.
The new Essential Addons widget — which is called Login | Register Form — is available on the free version. It is a great widget if you have a WordPress-based membership website and want to redesign the registration page with Elementor.
How to create a user registration page using the Login | Register Form widget of Essential Addons
To be able to create a user registration page in WordPress, you need to set WordPress to allow user registration from anyone. To do so, go Settings -> General on your WordPress dashboard. On the Membership section, make sure the Anyone can register option is checked. You can also set the default role for a new user on the New User Default Role section.
Start creating the registration page
Before getting started, make sure you have installed and activated the Essential Addons plugin. You can get the free version of the plugin on the WordPress plugin directory. While for the pro version, you can get on its official site.
Create a new page and edit it with Elementor. Or, you can also edit an existing one. If you are new to Elementor, you can read this guide to learn how to use Elementor.
On the Elementor editor, drag the Login | Register Form widget to the canvas area.
Once the widget is added, you can go to the left panel configure it. First, you can open the General block under the Content tab to set the default form type. Since you want to create a registration page, set the default form type to Registration.
There is an option to hide all forms from the logged users. You can simply slide the toggle. To disable/enable some components (such as logout link, lost password link, register link, and so on), you can click the pencil icon on Login Form General and Register Form General. There is also an option to protect your form with reCAPTCHA.
Other settings blocks you can open to configure your form are:
- Form Header Content
You can open this block to add content to the form header. You can add a header image, header logo, login form title, login form subtitle, register form title, and register subtitle.
- Login Form Fields
You can open this block to set the width of the input fields. You can also disable/enable the remember me checkbox and password visibility and set the button text. If you want to use custom labels and placeholders, you can set to Custom on the Labels & Placeholders option.
- Login Form Options
You can open this block to set the redirect page after a user successfully logged in. If you want your users to be redirected to the WordPress dashboard page after they login, you can set the link to yoursite.com/wp-admin.
- Register Form Fields
By default, your registration form consists of 3 fields: username, email, and password. If you want to other fields like first name, last name, and website, you can open this block. Simply click the ADD ITEM button to add a new field. From this block, you can also set the text of the register button.
- Register Form Options
You can open this block to set action after your user successfully created an account. There are three actions you can set: send an email notification, redirect to a certain page, auto-login. You can also set a user role, success message, and error message.
- Register User Email Options
WordPress will send the login details to your users’ email once they successfully created a new account. By default, the email is sent using the WordPress template. If you want to use your own template, you can set the email template to Custom and create your email template on the available editor.
- Register Admin Email Options
Same as the block above, but for site administrator.
- Terms & Conditions
If you want to require your users to read and accept the terms and conditions before they can register, you can open this block and enable the Enforce Terms & Conditions option.
Styling up the form
To style up your form, you can go to the Style tab on the left panel. There are 9 settings blocks you can open to styling up the form. You can simply open each block to style up a certain form component. For instance, if you want to style up the register button, you can open the Register Button block. You can play around on the Style tab to style up the form.
Once you are done styling up the form, you can click the PUBLISH button to publish the page. Of course, you can also add other elements to your page first before clicking the PUBLISH button.
The bottom line
The Login | Register Form widget of Essential Addons is pretty useful to create either a custom login form or a user registration page on your Elementor-powered WordPress site. It’s a great move by WPDeveloper (the developer of Essential Addons) to finally release the widget as other competitors, including Element Pack and The Plus Addons, already have a similar widget before. For some Elementor users, the login and register widgets are essentials.