How to Create a Custom Login and Register Form in Elementor

Login and registration forms are important for any user account website. A clean form setup improves trust and helps users complete sign-in quickly.

With the WP Login & Register widget in Spexo Addons for Elementor, you can build frontend login, registration, and password recovery forms easily in Elementor.

Requirements #

Before using this widget, make sure setup is complete.

• Install and activate Elementor Free.
• Install and activate Spexo Addons Pro.
• Enable WP Login & Register from Spexo widget settings.
• For registration forms, enable WordPress membership from Settings → General → Anyone can register.

How to Activate the WP Login & Register Widget #

1. Go to Spexo Addons → Widget Settings.
2. Search for Login Register.
3. Turn on the widget toggle.

Key Features #

• Four form types: Login, Register, Login and Register, Forgot Password.
• Layouts: Standard Form, Button Hover, Button Click, Button Popup.
• AJAX: Login, register, forgot password, and reset password work without a full page reload.
• Redirects: Optional redirect after login or after registration (same website URLs only).
• Password options: Optional password on register, confirm password, show/hide password icons, strong password rules, password hint, and strength meter.
• Terms checkbox for registration.
• Google reCAPTCHA v3 and Honeypot options to reduce spam signups.
• Custom emails for registration and lost password (optional).
• Custom messages for loading, success, errors, and validation.
• My Account menu for logged-in users (with extra menu links).

How to Add WP Login & Register in Elementor #

Open your page in the Elementor editor. Search for Login Register in the widget panel. Drag and drop it into your section or container. Adjust settings in the panel on the left.

After completing the setup, your WP Login & Register will appear as shown below.

How to Configure WP Login & Register Widget Settings #

Open the Content tab in Elementor. Here you choose the form type, layout, fields, buttons, links, messages, and account menu options.

Note : Some sections only appear for certain Type or Layout values. If you do not see a section, check your Type and Layout first.

Forms Layout #

Start here before changing other settings.

Type — choose the main form:

• Login — login for existing users.
• Register — new user registration.
• Login and Register — both in one widget.
• Forgot Password — password recovery request only.

Layout — available for all types except Forgot Password:

• Standard Form — form shows directly on the page.
• Button Hover — form opens when the user hovers the trigger button.
• Button Click — form opens when the user clicks the trigger button (modal style).
• Button Popup — form opens in a popup.

Drop Down Alignment — appears only for Button Hover and Button Click. It does not appear for Standard Form or Button Popup. Align the panel to Left, Right, or Center.

Password Reset Page — for all types except Register:

• Default — WordPress default reset flow.
• Custom — use your own Elementor page for reset.

Select Page — when Custom is selected, pick the reset page.

Button Alignment — for any non-standard layout, align the trigger button left, center, or right.

Content Alignment — align text and fields inside the form (left, center, right).

Login Options #

Shown when Type is Login or Login and Register.

• Login Tab Title — only for Login and Register; text on the login tab.
• Labels — show or hide field labels.
• Custom Labels — when labels are on, use your own label text.
• Username — label for the username or email field.
• Password — label for the password field.
• Custom Placeholders — custom text inside fields.
• Username / Password — placeholder texts when placeholders are enabled.
• Login Button Text — text on the login button.
• Remember Me — show or hide the checkbox.
• Content — text next to Remember Me.
• Lost your password? — show or hide the recovery link.
• Content — text for the lost password link.
• Register — show a register link (this control only appears when Settings → General → Anyone can register is enabled).
• Text, Link (Default or Custom), and URL when Custom — register link behavior.
• Redirect After Login — send users to another page after a successful login.
• URL field for redirect — use a link on your own website only (same domain).

Register Extra Options #

Shown when Type is Register or Login and Register.

• Name Field — enable separate first and last name fields.
• First Name Field / Last Name Field — show or hide each (when Name Field is on).
• User Name Field — let users choose a username.
• Password Field — let users set a password on the form.
• Confirm Password Field — when the password field is on.
• Show/Hide Password Toggle — eye icon to show or hide password (when password field is on).
• Show Icon / Hide Icon — icon picker for show/hide states.
• Strong Password — enforce a rule pattern (when password field is on).
• Pattern — Pattern 1 to Pattern 5 (when strong password is on).
• Password Hint — show rule hints (when strong password is on).
• Visibility On — Default, Focus, or Click for when hints appear.
• Hint Layout — Default or Inline (when password hint is on).
• Click Icon — icon for click mode (when Visibility On is Click).
• Pattern Hint Label — several rows labeled Hint Label in the panel; which rows appear depends on the pattern.
• Password Strength Meter — bar style strength feedback (when password field is on).
• reCAPTCHA v3 — optional spam protection for registration.
• Honeypot — hidden anti-spam field.
• Terms & Conditions — show required agreement checkbox.
• Second Terms & Conditions text field — checkbox label text.
• Custom Email — send your own registration email copy.
• Email Subject / Email Message — when custom email is on.

Note : If you enable reCAPTCHA v3, add your Google keys under Spexo Addons → Integration. Without valid keys, registration may fail.

Register Options #

Shown when Type is Register or Login and Register.

• Register Tab Title — only for Login and Register.
• Labels and Custom Labels — same idea as login, for register fields.
• Custom label fields for First Name, Last Name, User Name, Email, Password, Confirm Password (each only when relevant fields exist).
• Custom Placeholders and placeholder fields for the same names.
• Redirect After Register and URL — same-domain redirect after success.
• Auto Login After Register — appears when the Password Field is enabled.
• Login link block for people who already have an account: Text, Link (Default/Custom), custom URL, Before Text.
• My Account menu — show account menu after login or register.
• Bottom Message and Message — optional note under the register form.
• Register Button Text.

Left Side Template #

Only when Type is Login and Register and Layout is not Standard Form.

• Left Side Template — pick a saved Elementor template.
• Edit Template / Create Template — quick actions in the panel.

Button #

For Button Hover, Button Click, and Button Popup (not Standard Form).

• Button Text — label on the trigger button.
• Icon — trigger button icon.
• Close Icon — show or hide close control (for Button Click and Button Popup; not used for Button Hover).
• Choose Icon — image for the close icon when Close Icon is on.

Form Heading #

For Login, Register, and Login and Register.

• Heading Content — turn the heading area on or off.
• Login Heading — rich text for login (when login is in use).
• Registration Heading — rich text for register (when register is in use).

Password Strength Meter #

Only when the register Password Field is on and Password Strength Meter is enabled in Register Extra Options.

• Style — Style 1 or Style 2.
• Layout — only for Style 2: Default, Bottom, or Inline placement.
• Label — show or hide a title next to the meter.
• Label Text — text for that title when Label is on.

Reset Password #

Only when Password Reset Page is set to Custom (and Type is not Register-only for that main setting).

• Label switch — show or hide the reset field label.
• Label text — label wording when the switch is on.
• Placeholder — new password field placeholder.
• Confirm Password Placeholder.
• Password Button Text — reset button label.

Lost Password Options #

Shown for Forgot Password type, or when the login form has Lost your password? enabled.

• Label switch and Label text for the username/email field.
• Placeholder.
• Button Text — default idea: “Email Reset Link” style text can be set here.
• Heading — rich text above the form.
• Custom Email, Email Subject, Email Message — optional branded reset email.

My Account Menu #

Shown for all types except Forgot Password.

• My Account Menu — main on/off for the logged-in menu.
• Alignment — left, center, or right.
• Inline Layout — single row of items.
• User Avatar / User Name — show or hide.
• Edit Profile — show or hide (panel may show a small spelling typo; it controls edit profile).
• Title — text for edit profile.
• Logout — show or hide logout.
• Title — logout text.
• Extra Menu repeater — Title and Link for each extra item.

Notification Message #

Hidden when Type is Forgot Password only. For other types you can edit:

• Login Message Option — only for Login or Login and Register: loading, success, validation, error.
• Register Message Option — only for Register or Login and Register: loading, success, Email Validate, Error Text.
• Lost Password Message Option — loading, success, error (still useful on login/register pages when users request a reset email).

Login Fields Width #

For Login and Login and Register — width sliders (percent) for username, password, and remember me areas.

Register Fields Width #

For Register and Login and Register — width sliders for first name, last name, username, email, password, terms area, and Additional Message row.

Validation Error Messages #

For Register and Login and Register.

• Override Validation Error Message — turn custom texts on.
• Field messages appear only when override is on and that field exists on your form (for example First Name message only if name fields and first name are shown).

Reset Password Option #

• Strong Password Required — stricter rules on the reset form.
• Login/Register Form Override — keep reset password behavior consistent with login/register flows (Show/Hide in the panel).

How to Style the WP Login & Register Widget #

If you want to style the WP Login & Register widget, you can do that from the Style tab in Elementor. Style options change based on the selected Type, Layout, and enabled features.

Note : You may not see all style sections at the same time. Some sections appear only when related features are turned on in the Content tab.

Main Style Sections #

These are the common style sections you will see in the widget:

• Form Label: From here, you can style the form labels.
• Form Input Fields: From here, you can style the form input fields.
• Form Button: From here, you can style the login, register, forgot password, and reset password buttons.
• Heading Option: From here, you can style the form headings.
• Lost Password/Register Text: From here, you can style the lost password, register, and login switch text.
• Lost Password Back Arrow: From here, you can style the back arrow icon used in the lost password form.
• Notification Message Option: From here, you can style the form notification messages.
• Custom Validation: From here, you can style your custom validation messages.
• My Account Menu: From here, you can style the my account menu for logged-in users.
• Box Content Option: From here, you can style the main form container.
• Extra Option: From here, you can style sticky header related login/register button options.

Conditional Style Sections #

Depending on your selected form type and enabled options, you may also see these extra style sections:

• Hover/Click/Popup Button: Style the trigger button when you use Button Hover, Button Click, or Button Popup layout.
• Button: Style the close button used in modal or popup layouts.
• Register Additional Message: Style the extra message shown below the registration form.
• Remember Me: Style the remember me text and checkbox.
• Show Hide Password Toggle: Style the password show/hide icon.
• Password Hint: Style the password hint list and hint box on the registration form.
• Terms & Conditions: Style the terms text and checkbox.
• Login/Register Tabbing: Style the login and register tabs when you use Login and Register type.
• Reset Mail Expired/Invalid: Style the invalid or expired reset password message.
• Password Strength Meter: Style the password strength meter on the registration form.
• Box Content Option: In combined login/register layout, this section also styles the full login/register wrapper box.

Troubleshooting #

• Registration not working — confirm Anyone can register is on in WordPress general settings.
• reCAPTCHA errors — confirm keys in Spexo Addons → Integration and your domain in the Google reCAPTCHA console.
• Reset link problems — request a new email; old links can expire.
• Login always fails — clear cache and test with security plugins relaxed; they sometimes block AJAX login.

If the issue still persists, please refer to the Troubleshooting guide for more detailed solutions.

If you need any help, feel free to contact our dedicated support team for further assistance.