Skip to content
WordPress.org
  • Showcase
  • Plugins
  • Themes
  • Hosting
  • News
    • Learn WordPress
    • Documentation
    • Education
    • Forums
    • Developers
    • Blocks
    • Patterns
    • Photos
    • Openverse β†—οΈŽ
    • WordPress.tv β†—οΈŽ
    • About WordPress
    • Make WordPress
    • Events
    • Five for the Future
    • Enterprise
    • Gutenberg β†—οΈŽ
    • Job Board β†—οΈŽ
  • Swag β†—οΈŽ
  • Get WordPress
Get WordPress
WordPress.org

Plugin Directory

Login Form for Elementor

  • Submit a plugin
  • My favorites
  • Log in
  • Submit a plugin
  • My favorites
  • Log in

Login Form for Elementor

By Khawaja Awais
Download
  • Details
  • Reviews
  • Installation
  • Development
Support

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

Screenshots

Content: assets/screenshot-1-Login-form-elementor.png
Content: assets/screenshot-1-Login-form-elementor.png
Style: assets/screenshot-2-Login-form-elementor.png
Style: assets/screenshot-2-Login-form-elementor.png
Live default view: assets/screenshot-3-Login-form-elementor.png
Live default view: assets/screenshot-3-Login-form-elementor.png

Installation

  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.

FAQ

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.

Reviews

Great Plugin

AJ December 18, 2024
I found this plugin extremely useful in my new website

Efficient and User-Friendly Login Form Builder for Elementor

usmanfc 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

Nouman Shahid 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

Amir Nafees August 19, 2024
It really help me to place login form on posts.

A Must-Have Plugin for Elementor Users!

Muhammad Hamza Mehmood August 19, 2024 1 reply
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.
Read all 5 reviews

Contributors & Developers

“Login Form for Elementor” is open source software. The following people have contributed to this plugin.

Contributors
  • Khawaja Awais

Translate “Login Form for Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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.

Meta

  • Version 1.2.4
  • Last updated 2 weeks ago
  • Active installations 60+
  • WordPress version 5.0 or higher
  • Tested up to 7.1
  • PHP version 7.0 or higher
  • Tags
    custom loginelementorlogin formsecure login
  • Advanced View

Ratings

5 out of 5 stars.
  • 5 5-star reviews 5 stars 5
  • 0 4-star reviews 4 stars 0
  • 0 3-star reviews 3 stars 0
  • 0 2-star reviews 2 stars 0
  • 0 1-star reviews 1 star 0

Your review

See all reviews

Contributors

  • Khawaja Awais

Support

Got something to say? Need help?

View support forum

  • About
  • News
  • Hosting
  • Privacy
  • Showcase
  • Themes
  • Plugins
  • Patterns
  • Learn
  • Documentation
  • Developers
  • WordPress.tv β†—
  • Get Involved
  • Events
  • Donate β†—
  • Swag β†—
  • WordPress.com β†—
  • Matt β†—
  • bbPress β†—
  • BuddyPress β†—
WordPress.org
WordPress.org
  • Visit our X (formerly Twitter) account
  • Visit our Bluesky account
  • Visit our Mastodon account
  • Visit our Threads account
  • Visit our Facebook page
  • Visit our Instagram account
  • Visit our LinkedIn account
  • Visit our TikTok account
  • Visit our YouTube channel
  • Visit our Tumblr account
Code is Poetry
The WordPress® trademark is the intellectual property of the WordPress Foundation.