If you allow user registration on your Elementor website, providing a user-friendly experience is important for keeping visitors engaged and reducing drop-off at the login or signup step. The default WordPress login and registration forms do not match your site’s branding or design. Check out the login form widget page to see all available styles and options.
The WP Login & Register widget in The Plus Addons for Elementor lets you build custom login, user registration, and password reset forms directly in the Elementor editor. You can create four form types, add social login options, configure post-login redirects, and control every field and notification message. A similar login and signup form block is also available in Nexter Blocks for Gutenberg users.
Check the Live Widget Demo
Best Used For:
- Membership websites that need a branded login and registration page separate from the default WordPress forms
- WooCommerce stores where customers need a custom registration page with specific fields and redirect after account creation
- Online course or LMS platforms where students need to register, log in, and access a protected member dashboard
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have The Plus Addons for Elementor plugin installed and activated.
- This is a Premium widget, and you need the PRO version of The Plus Addons for Elementor.
- Make sure the WP Login & Register widget is activated, to verify this visit The Plus Addons → Widgets → and Search for WP Login and activate.
Learn via Video Tutorial:
How to Activate the WP Login & Register Widget?
Go to
- The Plus Addons → Widgets
- Search the widget name and turn on the toggle.
Key Features
- Four types of forms – You can create four types of forms: Login, Register, Login & Register (toggle), and Forgot Password. Use the Login & Register toggle type when you want both forms on a single page, so users can switch between them without navigating away.
- Four Layouts – There are four form layouts: Standard, Button Hover, Button Click, and Button Popup (except for the Forgot Password form). Use Button Popup when you want the form to appear as an overlay without the user leaving the current page, which works well on landing pages and WooCommerce product pages.
- Social login – You can add Facebook or Google as login options on your Elementor login and registration form. Use this when you want to reduce the number of steps required to sign up, which typically increases registration rates on membership and course sites.
- Custom My Account menu – You can add a custom account menu for users after they log in, including links to their profile, downloadable content, or a member dashboard.
- Redirect after Registration – You can redirect users to a custom link after registration. Use this when you want new users to land on a welcome page, onboarding guide, or account setup screen after signing up.
- Auto Login – You can auto login users immediately after registration, so they do not need to fill in the login form again right after signing up.
- Redirect after Login – You can redirect users to a custom link after login. Use this to send logged-in members directly to a dashboard or a protected page.
- Mailchimp subscribe – Users can subscribe to Mailchimp from the registration form with a checkbox during signup, so you build your email list at the same time as your user base without a separate step.
- Google reCAPTCHA – You can add Google reCAPTCHA to your registration form to block spam and bot registrations.
- GDPR compliant – You can add an acceptance checkbox in the registration form to get explicit user consent before collecting their data.
- Custom email message – You can send custom email messages for user registration and password reset instead of the default WordPress notification emails.
- Password strength meter – You can add a password strength meter to the registration form so users can see how secure their password is before submitting.
- Password hint – You can display a password hint on the registration form to guide users on what character combinations the password pattern requires.
- Strong password – You can require users to set a strong password using different password patterns on the registration and password reset form. Use this on sites that handle sensitive user data, such as membership portals or platforms with stored payment information.
For more advanced popup control over when a login or signup prompt appears, such as on exit intent, after a page scroll, or on a timed delay, see the Popup Builder Widget — Settings Overview.
How to Create a Custom Elementor Login Form?
Ideally, you should create a custom login form on a new or separate page. Add the WP Login & Register widget on the page.
Forms Layout
From the Type dropdown, select Login.
Then from the Layout dropdown, select the form layout. Here you will find four options:
- Standard Form – To create a standard login form that is always visible on the page.
- Button Hover – This will open the login form on a button hover. Use this when placing the login trigger in a header or navigation bar where space is limited.
- Button Click – This will open the login form when the user clicks a button. Use this when you want a compact trigger on the page and only reveal the form on demand.
- Button Popup – With this, you can create a popup login form. Use this when you want users to log in without navigating away from the page they are currently on.
Select the option that fits your page layout.
Let’s select the Standard Form here.
You can set the lost password page from the Password Reset Page dropdown. Here you will find two options:
- Default – This will use the default WordPress password reset page.
- Custom – With this, you can set a custom password reset page. Use this when you have a branded password reset page built with the WP Login & Register widget and want to keep users within your site design.
Note: The lost password link will only show on the form when enabled from the Login Options tab.
Then from the Content Alignment section, you can align the form content.
Login Options
From the Labels toggle, you can show or hide labels on the form. Disable labels when your placeholder text is descriptive enough and you want a minimal, clean form design.
When enabled, you will find the Custom Labels toggle. From here you can customize the label text for each field to match your site’s language or branding.
From the Custom Placeholders toggle, you can customize the placeholder text inside each form field.
Then from the Login Button Text field, you can change the text displayed on the login button.
By enabling the Remember Me toggle, you can add a remember me checkbox to the login form. This stores the user’s login details in their browser for a set period. Enable this on sites with returning users, such as members or customers, so they do not need to re-enter credentials on every visit. When enabled, you can also customize the remember me label text.
From the Lost your password? toggle, you can add a lost password link to the login form. Enable this when you want users to recover account access on their own without needing to contact support. When enabled, you can customize the link text.
Then by enabling the Register toggle, you can add a register link to the login form. When enabled you will find two options:
- Text – From here, you can edit the register link text.
- Link – From here, you can use the default WordPress register page or set a custom registration page as the destination link.
From the Redirect After Login toggle, you can redirect the user to a specific URL after they log in. Use this to send logged-in users directly to a dashboard, members area, or a protected page instead of the default WordPress home page.
Form Heading
By enabling the Heading Content toggle, you can customize the form heading text.
Social Login/Register
From the Facebook toggle, you can add a Facebook login option to your website. Use this when you want to let users log in without creating a separate username and password, which reduces friction on membership and course sites.
Then from the Google toggle, you can add a Google login option to your website.
You can align these social buttons from the Alignment section.
In the Redirect URL field, you can add a custom URL to redirect users after they log in using Facebook or Google.
You can hide the default login form by enabling the Hide Form toggle.
Note: Enable Hide Form only when you have activated one of the social login options. Hiding the form without an active social login option will leave users with no way to log in.
Lost Password Options
You will see this tab only when the Lost your password? toggle is enabled from the Login Options tab.
From here, you can control the lost password form that appears within the login form.
From the Label toggle, you can customize the form label text.
Then from the Placeholder field, you can manage the placeholder text inside the email field.
From the Button Text field, you can change the text on the password reset button.
You can set the form heading from the Heading field.
Then from the Custom Email toggle, you can send a custom password reset email instead of the default WordPress reset email. Use this when you want the reset email to reflect your site’s brand design and copy.
My Account Menu
From this tab, you can add a custom account menu that logged-in users see on the page.
Note: Make sure there is no redirect set after user login when using this tab. A post-login redirect will prevent users from seeing the account menu on the page.
Turn on the My Account Menu toggle to enable this feature.
From the Alignment section, you can align the account menu on the page.
By enabling the User Avatar toggle, you can display the user’s avatar in the menu. Enable this when users have custom avatars set in WordPress or Gravatar and you want to personalize the account panel.
To show the user’s display name, enable the User Name toggle.
By enabling the Edit Profile toggle, you can add a link to the WordPress profile edit page inside the menu. You can also customize the menu item label.
You can add a logout link by turning on the Logout toggle. When enabled, you can edit the logout menu item label.
To add menu items manually, click the +Add menu button under the Extra Menu section. Open the new item, then edit the label text and add a custom URL. Use this to link users to a membership dashboard, downloadable files, or a custom account page. Click +Add menu again to add more items.
Notification Message
From this tab, you can customize the notification messages that appear when users interact with the login form.
From the Login Message Option section, you can edit the following messages for the login form:
Loading text – To show a message while the form is submitting.
Success text – To show a message when the form submits successfully.
Validation text – To show a message when there is a validation error.
Error Text – To show a message when the form fails to submit.
Similarly, from the Lost Password Message Option section, you can edit the following messages for the lost password form:
Loading text – To show a message while the form is submitting.
Success text – To show a message when the reset email sends successfully.
Error Text – To show a message when the form fails to submit.
Login Fields Width
From this tab, you can control the field width of the Username, Password, and Remember Me fields individually for desktop, tablet, and mobile.
Reset Password Option
Enabling the Strong Password Required toggle will force users to set a strong password when using the password reset form. Use this on sites that handle sensitive data, such as membership portals or accounts with stored payment information.
The Login/Register Form Override toggle hides the login or register form when the password reset form is active on the same page. This is useful when you redirect users to the same page for a password reset and you do not want the login form and the reset form to appear at the same time.
How to Create a Custom Elementor Registration Form?
To allow new user registration on your WordPress website, you must first enable the registration option in WordPress settings.
To do this, go to Settings > General and check the Anyone can register checkbox, then click Save Changes.
You should add the registration form on a new or separate page. Add the WP Login & Register widget on the page.
Forms Layout
From the Type dropdown, select Register.
Then from the Layout dropdown, select the form layout. Here you will find four options:
- Standard Form – To create a standard registration form that is always visible on the page.
- Button Hover – This will open the registration form when the user hovers over a button.
- Button Click – This will open the registration form when the user clicks a button.
- Button Popup – With this, you can create a popup registration form. Use this when you want users to register without leaving the page they are on.
Select the option that fits your page layout.
Let’s select the Standard Form here.
Then from the Content Alignment section, you can align the form content.
Register Extra Options
From the Name Field toggle, you can show or hide the name field in the registration form. Enable this when you need users to provide their name for account personalization, profile display, or future email communications.
When enabled, you can individually show or hide the first name and last name fields using the First Name Field and Last Name Field toggles.
Then from the User Name Field toggle, you can add a username field to the registration form.
From the Password Field toggle, you can add a password field to the registration form. When enabled, you will see additional password options:
- Confirm Password Field – You can add a confirm password field so users verify their password before submitting. Use this to prevent typos that would lock users out of their new account.
- Show/Hide Password Toggle – You can add a toggle icon that lets users reveal or hide their password while typing. You can also select custom icons for the show and hide states.
- Strong Password – Enabling this toggle forces users to set a strong password. When enabled, select a password pattern from the Pattern dropdown. Each pattern requires a different combination of characters. Enable the Password Hint toggle to show users what the chosen pattern requires. Use this on sites that handle sensitive data, such as membership platforms or accounts with stored payment details.
- Password Strength Meter – With this, you can display a visual strength indicator on the password field so users can see how secure their password is before submitting.
Note: If the Password Field toggle is disabled, the system will auto-generate a password and send it to the user by email.
By enabling the reCAPTCHA v3 toggle, you can add Google reCAPTCHA v3 to your registration form to prevent spam and bot registrations.
Then from the Honeypot toggle, you can add a secondary spam protection layer. This adds an invisible field that only bots can detect. If a bot fills in the field, the registration is cancelled automatically. Use this alongside reCAPTCHA for stronger protection on high-traffic registration pages.
By enabling the MailChimp Subscribe toggle, you can add new users to your MailChimp list during registration. A checkbox appears on the form, and checking it adds the user to your list at the moment they register, without requiring a separate subscription form.
Then by enabling the Terms & Conditions toggle, you can add a GDPR acceptance checkbox to the registration form. Users must check the box before submitting, giving you explicit consent for data processing.
From the Custom Email toggle, you can send a custom welcome email to users after registration instead of the default WordPress notification. Use this when you want the registration confirmation email to reflect your site’s branding and copy.
Registration Options
From the Labels toggle, you can show or hide labels on the registration form. Disable labels when your placeholder text is descriptive enough and you want a minimal form design.
When enabled, you will find the Custom Labels toggle. From here you can customize the label text for each field.
From the Custom Placeholders toggle, you can customize the placeholder text inside each form field.
Then from the Login Button Text field, you can change the text on the registration submit button.
From the Redirect After Register toggle, you can redirect the user after registration. Use this to send new users to a welcome page, onboarding flow, or a protected members area immediately after they sign up.
By enabling the Auto Login After Register toggle, you can log users in automatically after registration, so they do not need to fill in the login form separately.
Then from the Login toggle, you can add a login link to the registration form. When enabled you will find three options:
- Text – From here, you can edit the login link text.
- Link – From here, you can use the default WordPress login page or set a custom login page as the destination.
- Before Text – From here, you can add custom text that appears before the login link.
From the Bottom Message toggle, you can add a custom message below the registration form. Use this to add terms of service text, an email verification note, or any other context users need before submitting.
Then from the Register Button Text field, you can change the text on the register button.
To show a registration prompt when a visitor is about to leave your page, see How to Create an Exit Intent Popup in Elementor for setup instructions.
Form Heading
By enabling the Heading Content toggle, you can customize the form heading text.
Social Login/Register
From the Facebook toggle, you can add Facebook as a registration option on the form.
Then from the Google toggle, you can add Google as a registration option on the form.
You can align these social buttons from the Alignment section.
In the Redirect URL field, you can add a custom URL to redirect users after they sign in using Facebook or Google.
You can hide the default registration form by enabling the Hide Form toggle.
Note: Enable Hide Form only when you have activated one of the social login options.
Password Strength Meter
You will see this tab only when the Password Strength Meter toggle is enabled from the Register Extra Options tab.
From the Style dropdown, you can select a visual style for the password strength indicator.
You can also add a label to the meter by enabling the Label toggle.
My Account Menu
From this tab, you can add a custom account menu that logged-in users see on the page.
Here, you will find the same options available in the Login form’s My Account Menu tab.
Notification Message
From this tab, you can customize the notification messages that appear when users interact with the registration form.
From the Register Message Option section, you can edit the following messages for the registration form:
Loading text – To show a message while the form is submitting.
Success text – To show a message when the form submits successfully.
Validation text – To show a message when there is a validation error.
Error Text – To show a message when the form fails to submit.
Similarly, from the Lost Password Message Option section, you can edit the following messages for the lost password form:
Loading text – To show a message while the form is submitting.
Success text – To show a message when the reset email sends successfully.
Error Text – To show a message when the form fails to submit.
Register Fields Width
From this tab, you can individually control the width of each field in the registration form for desktop, tablet, and mobile.
Validation Error Messages
By enabling the Override Validation Error Message toggle, you can customize the validation error message for each field in the registration form individually. Use this when your form has specific requirements, such as a custom username format or minimum password length, and you want error messages that explain those requirements clearly.
How to Create a Custom Elementor Login and Registration Form?
With the WP Login & Register widget from The Plus Addons for Elementor, you can create a combined login and register toggle form on a single page.
You should add the form on a new or separate page. Add the WP Login & Register widget on the page.
Forms Layout
From the Type dropdown, select Login and Register.
Then from the Layout dropdown, select the form layout. Here you will find four options:
- Standard Form – To create a standard login and register toggle form that is always visible on the page.
- Button Hover – This will open the login and register toggle form when the user hovers over a button.
- Button Click – This will open the login and register toggle form when the user clicks a button.
- Button Popup – With this, you can create a popup login and register toggle form.
Select the option that fits your layout.
Let’s select the Standard Form here.
You can set the lost password page from the Password Reset Page dropdown. Here you will find two options:
- Default – This will use the default WordPress password reset page.
- Custom – With this, you can set a custom password reset page.
Note: The lost password link will only show on the form when enabled from the Login Options tab.
Then from the Content Alignment section, you can align the form content.
In the Login Options tab, you will find the same options available in the Login form.
In the Register Extra Options, Registration Options, Form Heading, Social Login/Register, Password Strength Meter, and My Account Menu tabs, you will find the same options available in the Registration form.
From the Notification Message tab, you can customize notification messages for the registration, login, and lost password forms.
In the Login Fields Width tab, you will find the same options available in the Login form.
In the Register Fields Width and Validation Error Messages tabs, you will find the same options available in the Registration form.
How to Style the WP Login & Register Widget?
To style the WP Login & Register widget, go to the Style tab. Styling options vary depending on the form type and layout you selected.
Form Label – From here, you can style the form labels, including font, size, and color.
Form Input Fields – From here, you can style the form input fields, including border, background, and text color.
Form Button – From here, you can style the submit buttons on the form.
Hover/Click/Popup Button – From here, you can style the trigger button that opens the form. This tab is visible when the layout is set to Button Hover, Button Click, or Button Popup.
Button – From here, you can style the close button on the form popup.
Heading Option – From here, you can style the form heading text.
Register Additional Message – From here, you can style the additional message shown below the registration form.
Show Hide Password Toggle – From here, you can style the icon used to show and hide the password field.
Lost Password/Register Text – From here, you can style the lost password and register links shown on the login form.
Password Hint – From here, you can style the password hint text on the registration form.
Login/Register Tabbing – From here, you can style the tab buttons that switch between the login and register forms on the combined form type.
Notification Message Option – From here, you can style the notification messages that appear on form submission.
Custom Validation – From here, you can style the custom validation error messages.
Password Strength Meter – From here, you can style the password strength indicator on the registration form.
My Account Menu – From here, you can style the account menu shown to logged-in users.
Box Content Option – From here, you can style the container that wraps the form.
Extra Option – By enabling the Sticky Navigation Connection toggle, you can add the login or register button to a sticky header. Use this when your site uses a sticky header and you want the login button to remain accessible as users scroll down the page.
View Advanced Tab documentation
Unlock Pro-Level Login & Registration Extensions
The following features are available in The Plus Addons for Elementor Pro and extend the WP Login & Register widget beyond the default free capabilities.
Social Login Integration (Google & Facebook)
Users can log in or register using their existing Google or Facebook account. This removes the need for a separate username and password. Configure this from the Social Login/Register tab inside the widget.
Mailchimp Subscription at Signup
A subscription checkbox can be added to the registration form that adds the new user to a Mailchimp list at the moment of registration. No separate form or third-party integration step is required. Configure this from the Register Extra Options tab.
Tabbed Login/Register/Reset Interface
The login form, registration form, and password reset form can be combined into a single widget using the Login and Register type. Users switch between the three using tab buttons on the same page. Configure this from the Type dropdown in the Forms Layout section.
Flexible Form Placement Options
The login or registration form can be displayed as a popup, triggered on button hover, or triggered on button click using the Layout dropdown in the Forms Layout section. Style the trigger button from the Style tab under Hover/Click/Popup Button.
Why Upgrade?
The Plus Addons for Elementor Pro includes all Pro-only widgets and advanced options for Freemium widgets, plus access to Nexter Extension. The WP Login & Register Pro features listed above are not available in the free version of The Plus Addons for Elementor.
