---
title: "How to Create a Login & Register Form in Elementor?"
url: https://theplusaddons.com/docs/create-a-login-register-form-in-elementor/
date: 2024-05-16
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/image-43-1024x536.png
word_count: 1224
---

# How to Create a Login & Register Form in Elementor?

## 

- 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.
- The widget is part of The Plus Addons for Elementor Pro only, and the free plugin lists WP Login & Register as a locked Pro widget.
- Login forms accept username or email and password, while registration forms can include Name Field, User Name Field, Password Field, consent and newsletter fields.
- Logged-in members never see these forms; they see the My Account Menu instead, and successful login reloads the page or opens the Redirect After Login address.

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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/login-form/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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.

![The WP Login & Register widget switched on in The Plus Addons Widgets screen](https://theplusaddons.com/wp-content/uploads/2024/05/login-register-1024x357.png)

https://www.youtube.com/watch?v=-y0tLa7c5sI

## 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**.

![Login selected in the Type dropdown of the Forms Layout section, with the login form on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/login-type.webp)

- 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.

![Choosing the Login type and the Standard Form layout](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-form-type-login.gif)

- 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**.

![The Login Options section with Labels, Custom Labels and Custom Placeholders](https://theplusaddons.com/wp-content/uploads/2026/09/login-login-options.webp)

![Turning labels and placeholders on and off in Login Options](https://theplusaddons.com/wp-content/uploads/2024/05/wp-login-register-login-options.gif)

- Optional: add a title in **Form Heading > Heading Content**, then publish.

## Create a Registration Form

- Tick **Anyone can register** in **Settings > General** and save.

![The Anyone can register setting in the WordPress General Settings](https://theplusaddons.com/wp-content/uploads/2024/05/image-5-1024x489.png)

- Add the widget and set **Type** to **Register**.

![Register selected in the Type dropdown with the registration form on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/login-register-type.webp)

![Selecting the Register type](https://theplusaddons.com/wp-content/uploads/2024/05/image-1.gif)

- In **Register Extra Options**, choose the fields: **Name Field** (with **First Name Field** and **Last Name Field**), **User Name Field** and **Password Field**.

![The Register Extra Options section with the name, username and password field switches](https://theplusaddons.com/wp-content/uploads/2026/09/login-register-fields.webp)

![Turning registration fields on in Register Extra Options](https://theplusaddons.com/wp-content/uploads/2024/05/image-2.gif)

- 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.

![Setting labels and placeholders in Register Options](https://theplusaddons.com/wp-content/uploads/2024/05/image-3.gif)

## Password Options

With **Password Field** on, members choose their own password. Without it, WordPress emails them a link to set one.

![Password Field with Strong Password, Pattern and Password Hint in Register Extra Options](https://theplusaddons.com/wp-content/uploads/2026/09/login-password-field.webp)

| 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.

![The registration form showing Password Strength: Strong under the password field](https://theplusaddons.com/wp-content/uploads/2026/09/login-result-strength-meter.webp)

![Choosing a Password Strength Meter style](https://theplusaddons.com/wp-content/uploads/2024/05/image-4.gif)

## 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.

![Login and Register selected in the Type dropdown with the Login and Sign Up tabs on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/login-combo.webp)

![The combined login and register form with its tabs on the front end](https://theplusaddons.com/wp-content/uploads/2024/05/image-5.gif)

## 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 |

![The Notification Message section with the login Validation text](https://theplusaddons.com/wp-content/uploads/2026/09/login-notification.webp)

![A login form showing the message Ops! Wrong username or password!](https://theplusaddons.com/wp-content/uploads/2026/09/login-result-login-error.webp)

## 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.

![The Form Input Fields style section with Inner Padding](https://theplusaddons.com/wp-content/uploads/2026/09/login-style-fields.webp)

## 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.

## Related Docs

- [Create a custom password reset page](https://theplusaddons.com/docs/custom-password-reset-form-page-in-elementor/)- [Add a login and register popup](https://theplusaddons.com/docs/add-an-elementor-login-register-popup/)- [Add a login and logout button to the header](https://theplusaddons.com/docs/elementor-login-logout-button-in-the-header-menu/)- [Send a custom registration email](https://theplusaddons.com/docs/send-custom-email-for-user-registration/)

## Frequently Asked Questions

**Q: What do I need before creating a login and register form in Elementor?**
A: The key prerequisites are simple but easy to miss. The WP Login & Register widget is part of The Plus Addons for Elementor Pro, so the Pro version has to be installed and activated. For registration forms, WordPress also needs Anyone can register turned on in Settings > General. If that setting is off, the widget shows a notice instead of fields and the Register link disappears from login forms.

**Q: Can I build the form as a normal page form, a header button, or a popup?**
A: The widget supports all three presentation styles, which is useful when you want the same login flow in different places on the site. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides Standard Form, Button Hover, Button Click, and Button Popup layouts. That means you can keep the form inline on a page or hide it behind an interaction like a button or popup.

**Q: Why does the register form show a notice instead of fields?**
A: That usually means WordPress registration is still disabled. The widget only shows registration fields when Anyone can register is ticked in Settings > General and saved. When it is off, Register and Login and Register widgets show the notice “Registration option not enbled in your general settings.” instead of the form, so this is the first setting to check before debugging anything else.

**Q: Why do I see an account menu instead of the login form?**
A: That happens when you are already logged in. Logged-in members never see the login or registration forms from this widget, because they are shown the My Account Menu instead, or nothing if that menu is turned off. A private browser window is the quickest way to test the actual visitor experience without your current session getting in the way.

**Q: What happens if registrations suddenly fail with a captcha message?**
A: Saved reCAPTCHA keys can block sign-ups unless reCAPTCHA v3 is turned on in every registration widget. The page notes that registration forms without reCAPTCHA v3 refused all sign-ups once keys were saved. If this starts happening after adding captcha settings, either enable reCAPTCHA v3 everywhere you use registration or remove the reCAPTCHA keys from The Plus Addons settings.

**Q: Should I use one combined login/register form or separate forms?**
A: A combined Login and Register form makes sense when you want both actions under one interface with Login and Sign Up tabs. Separate forms are better when you want different layouts or different page flows for each action. The Plus Addons for Elementor also supports a custom password reset page and a login/register popup, so [Add a login and register popup](https://theplusaddons.com/docs/add-an-elementor-login-register-popup/) is a good fit if you want account actions kept off standalone pages.