Login Form

Login Form

Renders LifterLMS's own login form — email (or username) and password fields, a Login button, a Remember me checkbox and a Lost your password? link — anywhere you place it in Elementor. The widget outputs the [lifterlms_login] shortcode, so LifterLMS handles authentication, error messages and the redirect; the widget only lets you choose the field layout and where the visitor lands after logging in.

Usage

Custom login page — Place the widget on a dedicated login page built with Elementor, alongside the Registration Form widget so a visitor can either sign in or create an account from one page.

Login inline on a course or landing page — Drop the widget into a section such as Already enrolled? Log in here. The form only appears for logged-out visitors, so enrolled students who are already signed in see the section without a form; use the Conditional Logic section on the Advanced tab to hide the surrounding heading or container as well.

Send students to the dashboard after login — Switch on Define a custom redirect URL and enter the URL of your dashboard page (for example a page built with the User Dashboard widget). Without it, the visitor returns to the page the form is on.

Shortcode instead of a widget — In a Text Editor widget or outside Elementor, use LifterLMS's [lifterlms_login] shortcode directly, with the same layout and redirect attributes (see LifterLMS shortcodes).

How it works

Situation	Behaviour
Visitor is logged out	The login form renders. Any LifterLMS notices (for example a failed-login error) print above it.
Visitor is logged in	The widget renders nothing. LifterLMS hides its login form from logged-in users.
Login succeeds, no custom redirect	The visitor is sent back to the page the form is on.
Login succeeds, Define a custom redirect URL is on	The visitor is sent to Custom redirect URL.
Login fails	The visitor stays on the page and the error message appears above the form.
Usernames disabled in LifterLMS (default)	The first field is Email Address. With usernames enabled under LifterLMS > Settings > Accounts, it becomes Username or Email Address.
Editor preview	The form is drawn in the editor even though you are logged in, with the note This widget will not display for logged in users. above it, so you can see and style the layout.

The Lost your password? link points to your site's standard WordPress lost-password URL.

Settings

Content

Setting	Description
Layout	How the fields are arranged. Columns (default) places the email and password fields side by side, with the Login button, Remember me and Lost your password? on one row beneath. Stacked places every field on its own full-width row.
Define a custom redirect URL	On sends the visitor to Custom redirect URL after a successful login. Off (default) returns them to the page the form is on.
Custom redirect URL	The full URL to redirect to after login, for example your dashboard page. Shown only when Define a custom redirect URL is On.

Style

The widget has no Style tab of its own. The form uses LifterLMS's markup and classes (llms-person-login-form-wrapper, llms-login, llms-form-heading, llms-form-field, llms-button-action), so style it with LifterLMS's stylesheet, your theme's form styles, or the Custom CSS section on the Advanced tab.

Advanced

The Advanced tab holds Elementor's own layout, motion, responsive and custom-CSS controls — see Elementor's documentation. Lifter Elements adds one section, Conditional Logic, which shows or hides this widget by the visitor's LifterLMS status — see the Conditional Logic reference.

Notes

• The form heading (Login), field labels and button text come from LifterLMS and are not editable in the widget. Change them with translation or LifterLMS's lifterlms_person_login_fields filter.
• Enter a complete URL in Custom redirect URL (including https://); the value is sanitised as a URL before it is passed to LifterLMS.
• Related: Registration Form, User Dashboard.