描述
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.phppage just doesn’t fit the brand
屏幕截图
安装
- Upload the plugin folder to
/wp-content/plugins/, or install it directly from your WordPress dashboard via Plugins Add New Upload Plugin. - Activate Login Form for Elementor through the Plugins menu.
- Edit any page with Elementor and search for “Custom Login Form” in the widget panel.
- 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.
-
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.phpstill 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.
评价
贡献者及开发者
更新日志
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.