The default WordPress login and registration screens do not match your site’s design, and they send visitors away from your pages.
The WP Login & Register widget from The Plus Addons for Elementor builds login, registration and password reset forms inside Elementor, as a normal form, a header button or a popup.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the WP Login & Register widget is only part of The Plus Addons for Elementor Pro. The free plugin lists it as a locked Pro widget and does not add it to Elementor.
- Widget to enable: WP Login & Register, switched on under The Plus Addons > Widgets.
- Anyone can register ticked in Settings > General for any form that lets visitors sign up.
What the Widget Can Do
| Type | What visitors get | Layouts |
|---|---|---|
| Login | Username or email and password, with optional Remember Me, lost password and register links | Standard Form, Button Hover, Button Click, Button Popup |
| Register | Name, email and optional username, password, consent and newsletter fields | Standard Form, Button Hover, Button Click, Button Popup |
| Login and Register | Both forms under Login and Sign Up tabs | Standard Form, Button Hover, Button Click, Button Popup |
| Forgot Password | A lost password form; also the page that shows the new password form | No layout choice |
Logged-in members never see these forms. They see the My Account Menu instead, or nothing if it is turned off.
Create a Login Form
- Add the WP Login & Register widget to a page.
- In Forms Layout, set Type to Login.
- Pick a Layout. Standard Form shows the form on the page; the button layouts open it on hover, on click or in a popup.
- Leave Password Reset Page on Default, or choose Custom to use your own reset page.
- Open Login Options to set Labels, Custom Labels, Custom Placeholders, the Login Button Text, Remember Me, Lost your password?, Register (the link, shown only when registration is allowed) and Redirect After Login.
- Optional: add a title in Form Heading > Heading Content, then publish.
Create a Registration Form
- Tick Anyone can register in Settings > General and save.
- Add the widget and set Type to Register.
- In Register Extra Options, choose the fields: Name Field (with First Name Field and Last Name Field), User Name Field and Password Field.
- In Register Options, set labels, placeholders, Redirect After Register, Auto Login After Register, the Login link, Bottom Message and the Register Button Text. Then publish.
Password Options
With Password Field on, members choose their own password. Without it, WordPress emails them a link to set one.
| Pattern | What the form really accepts (tested) |
|---|---|
| Pattern 1 | At least 8 characters with a number, a lowercase and an uppercase letter. A special character is not required, although the description asks for one. |
| Pattern 2 | 4 to 8 characters with at least one number. |
| Pattern 3 | At least 6 characters, letters and numbers only, with at least one of each. The description says “Maximum six”, but it is a minimum, and symbols are rejected. |
| Pattern 4 | Same as Pattern 1. |
| Pattern 5 | Same as Pattern 1; a number is required even though the description says number or special character. |
- Confirm Password Field: a mismatch returns “Password & Confirm Password Not Match!”.
- Show/Hide Password Toggle: the eye icon switches the field between hidden and visible text.
- Password Strength Meter: shows the WordPress strength rating (for example Very weak or Strong) as the member types; style it in the Password Strength Meter section.
Create a Login and Register Form
- Set Type to Login and Register.
- Rename the tabs with Login Tab Title (Login Options) and Register Tab Title (Register Options).
- With a button layout, Left Side Template can place an Elementor template beside the tabs.
Messages
| Where | Setting | Default | When it shows |
|---|---|---|---|
| Login Message Option | Validation text | Ops! Wrong username or password! | Any failed login: wrong password or unknown user |
| Login Message Option | Success text | Login successful. | Briefly, before the page reloads |
| Register Message Option | Success text | Registration Successful. | Before the page reloads or redirects |
| Register Message Option | Email Validate | An account already exists with this email address. | Not shown: a duplicate email shows “An account exists with this email address.” from the plugin |
| Lost Password Message Option | Success text | Mail sent. Please check your mailbox. | After a reset link was sent |
More Sections
- My Account Menu: what logged-in members see (avatar, name, Edit Profile, Logout, Extra Menu links).
- Social Login/Register: Facebook and Google buttons, Redirect URL and Hide Form.
- Lost Password Options and Reset Password Option: texts of the lost password form, a custom reset email, Strong Password Required and Login/Register Form Override.
- Login Fields Width and Register Fields Width: per-field widths for desktop, tablet and mobile.
- Validation Error Messages: your own texts for empty or invalid register fields (see Limitations).
- Style tab: Form Label, Form Input Fields, Form Button, Hover/Click/Popup Button, Heading Option, Login/Register Tabbing, Notification Message Option, My Account Menu, Box Content Option, Extra Option and more; the list changes with the type and options you use.
How It Behaves
- Login and registration are sent without leaving the page. A successful login reloads the page, or opens the Redirect After Login address.
- Members can log in with their username or their email address.
- New accounts get the New User Default Role. Without User Name Field, the email address becomes the username.
- WordPress emails new members a set-password link and notifies the admin, unless Custom Email is on.
- When Anyone can register is off, Register and Login and Register widgets show the notice “Registration option not enbled in your general settings.” instead of any form, and the Register link disappears from login forms.
- A Terms & Conditions checkbox is required before the form can be sent.
Limitations
- Remember Me has no effect. The plugin never reads the checkbox: with it unticked, the login cookie still lasted 14 days in our test.
- Redirect fields accept any domain, despite the note that only your own domain works.
- Honeypot does not stop anything. A registration with the hidden honeypot fields filled was accepted.
- Password Hint may never update. The checklist only reacts while Show/Hide Password Toggle is also on, or after you change Pattern and Visibility On from their defaults. Otherwise it stays unticked and does not block the button.
- The eye icon can be invisible. It uses Font Awesome, which the widget does not load; on our test page it only appeared once Font Awesome was on the page.
- Override Validation Error Message is unreliable. A valid email still showed “Invalid Email Address.”, and with Password Field on but Confirm Password Field off, registration was blocked completely.
- Saved reCAPTCHA keys block other forms. Registration forms without reCAPTCHA v3 turned on refused all sign-ups once keys were saved.
- Custom registration email: [tp_password] is always empty, placeholders do not work in the subject, and WordPress’s own new-account emails are no longer sent.
- Facebook and Google sign-in could not be tested end to end on our test site.
- The widget is part of The Plus Addons for Elementor Pro only; the free plugin lists it as a locked Pro widget.
Troubleshooting
The register form shows a notice instead of fields
Tick Anyone can register in Settings > General.
I see an account menu instead of the form
You are logged in. Check the page in a private browser window.
Registrations suddenly fail with a captcha message
Turn on reCAPTCHA v3 in every registration widget, or remove the reCAPTCHA keys from The Plus Addons settings.
