FAIR

Federated and Independent Repositories

Login Form for Elementor

Plugin Banner

Login Form for Elementor

by Khawaja Awais

Download
Description

Login Form for Elementor replaces WordPress’s plain default login page with a custom login widget you can build entirely inside Elementor. Drag it onto any page, style it to match your brand, and give visitors a login experience that actually looks like the rest of your site.

Whether you’re building a membership site, a client portal, a WooCommerce store, or just want your login page to stop looking like it’s from 2003 — this widget gives you full control without touching a line of code.

Why you’ll like it

  • 🎨 Looks like your site, not WordPress core. Style every element — fields, button, labels, links — right from the Elementor panel.
  • ⚡ Set up in under a minute. Drag the widget in, it just works. No shortcodes, no settings pages to hunt through.
  • 🔒 Clear, specific error messages. Users are told exactly whether their username or password was wrong — less support tickets, better UX.
  • 🧩 Built for Elementor, properly. Native controls, typography panels, and Global Colors support — it behaves like a first-party Elementor widget.
  • 🛠️ Granular styling control, right down to input border radius, field typography, and font weights.

Features

Content controls
* Custom form title
* Editable labels for Username and Password (or hide them entirely)
* Editable placeholder text for both fields
* Toggle “Remember Me” checkbox on/off
* Custom button text

Style controls
* Button background & text color (with Elementor Global Colors support)
* Button border radius
* Input field border color, width, and radius
* Forgot-password link color
* Independent typography controls for input fields, the Remember Me label, and the Forgot Password link — font family, size, and weight, all separately adjustable

Perfect for

  • Membership and subscription sites
  • Client portals and dashboards
  • WooCommerce “My Account” style login pages
  • Any site where the default wp-login.php page just doesn’t fit the brand
  1. Upload the plugin folder to /wp-content/plugins/, or install it directly from your WordPress dashboard via Plugins Add New Upload Plugin.
  2. Activate Login Form for Elementor through the Plugins menu.
  3. Edit any page with Elementor and search for “Custom Login Form” in the widget panel.
  4. Drag it onto your page, then use the Content and Style tabs to make it your own.

That’s it — no configuration screens, no extra setup.

How do I add the custom login form to my site?

Edit a page with Elementor and drag the “Custom Login Form” widget onto your layout from the widgets panel. It’s fully functional the moment you drop it in.

Can I customize the labels, placeholders, and button text?

Yes — every piece of text on the form (title, labels, placeholders, button text) is editable from the Content tab, no code needed.

Can I style it to match my site’s branding?

Yes. Colors, border radius, border width, and typography for each part of the form are all controllable from the Style tab, including support for Elementor Global Colors.

Does this replace the default WordPress login page?

No — it adds a login widget you can place on any Elementor page. Your default wp-login.php still works as normal alongside it.

Will it work with my theme?

Since the form is built and styled entirely inside Elementor, it works independently of your active theme’s styling.

What happens if a user enters the wrong password?

They’ll see a clear, specific error message telling them whether the issue was the username or the password, instead of a generic failure message.

Great Plugin

By AJ (khawajaa) on December 18, 2024

I found this plugin extremely useful in my new website

Efficient and User-Friendly Login Form Builder for Elementor

By usmanfc on August 22, 2024

This plugin simplifies the process of creating custom login forms in Elementor with its intuitive interface and versatile design options. It's a perfect solution for anyone looking to enhance user experience and add a professional touch to their website's login functionality.

Very Helpful Plugin for login form

By Nouman Shahid (nouman27) on August 19, 2024

I used this plugin in one of my website and it is very helpful and impressive. Highly recommended to the new user/ experts in elementor.

Nice Plugins

By Amir Nafees (amirnafees88) on August 19, 2024

It really help me to place login form on posts.

A Must-Have Plugin for Elementor Users!

By Muhammad Hamza Mehmood (hamza0200) on August 19, 2024

I’ve been using the "Login Form for Elementor" plugin for a while now, and it’s simply outstanding! If you’re looking to add a stylish and fully customizable login form to your WordPress site using Elementor, this plugin is exactly what you need.

1.2.4

  • Tested up to WordPress 7.1.

1.2.3

  • Added compatibility-safe Elementor typography controls for older Elementor versions.
  • Improved styling controls for input border, field typography, and forgot-password text.
  • Updated plugin metadata for the new release.

1.2.2

  • Tested up to the latest WordPress version.

1.2

  • Improved login error messages to show specific reasons for incorrect username or password.
  • Added Elementor settings to allow users to toggle the visibility of username and password labels.
  • Added dynamic button styling options, allowing users to choose button background and text colors.
  • Ensured compatibility with Elementor Global Colors for better design consistency.

1.0

  • Initial release.
Back to top