User Dashboard

User Dashboard

Renders LifterLMS's complete Student Dashboard inside an Elementor layout: the tab navigation (Dashboard, My Courses, My Grades, My Memberships, My Achievements, My Certificates, Notifications, Edit Account, Redeem Voucher, Order History, Sign Out, plus any tabs added by add-ons) and the content of the current tab. The widget outputs the [lifterlms_my_account] shortcode, so the dashboard's contents and behaviour come from LifterLMS; the widget adds one option, a custom redirect for the login form shown to logged-out visitors.

Usage

Whole dashboard in one widget — Drop the widget into a page or a Templates > Theme Builder single-page template to get the full LifterLMS dashboard with your own header, sidebar and styling around it. Use it when you want LifterLMS to manage the tabs and content for you.

Individual dashboard sections — When you want to arrange the dashboard yourself, skip this widget and place the section widgets separately: User Courses, User Achievements, User Certificates and User Memberships.

Send visitors somewhere else after login — Switch on Custom Redirect and enter a Custom Login Redirect URL so a logged-out visitor who signs in through the dashboard's login form lands on, for example, a course catalog instead of returning to the dashboard.

Login only — If you only need a sign-in form (with no dashboard behind it), use the Login Form widget instead.

How it works

Situation	Behaviour
Visitor is logged in	The dashboard navigation and the current tab's content render. The tab that displays is taken from the URL endpoint (/my-courses/, /my-grades/ and so on); with no endpoint, the Dashboard tab shows.
Visitor is logged out	The LifterLMS login form renders in place of the dashboard. If Open Registration is enabled under LifterLMS > Settings > Accounts, the registration form renders below it.
Logged-out visitor on the /lost-password/ endpoint	The password-recovery (or reset) form renders instead of the login form.
Logged-out visitor signs in	They are redirected to the Custom Login Redirect URL when one is set, otherwise to the page set as Student Dashboard under LifterLMS > Settings > Pages.
Editor preview	The widget has no live editor template; the dashboard is rendered by LifterLMS on the front end.

The tab labels, their endpoint slugs and which tabs appear are controlled by LifterLMS under LifterLMS > Settings > Accounts (Student Dashboard endpoints). Links inside the dashboard, such as Edit Account or Sign Out, are built from those endpoint settings. See LifterLMS's Student Dashboard documentation.

Settings

Content

Setting	Description
Custom Redirect	Send the visitor to a specific page after they log in, instead of the LifterLMS default. Yes sends visitors who sign in through the dashboard's login form to the Custom Login Redirect URL. No (default) keeps LifterLMS's behaviour: after login the visitor is sent to the Student Dashboard page.
Custom Login Redirect URL	The full URL to send the visitor to after a successful login. Empty by default. Shown only when Custom Redirect is Yes; left empty, the LifterLMS default applies.

Style — Card

Setting	Description
Background Color	Background of each course or membership card in the dashboard's lists.
Border / Border Radius / Box Shadow	Elementor's border, corner-rounding and shadow controls for the card.
Padding	Inner spacing of the card content, in px, em or %, per device.
Gap Between Cards	Space between the cards in a list, in px or em, per device.

Style — Thumbnail

Setting	Description
Height	Height of the card's featured image, in px, em or vh, per device.
Object Fit	How the image scales inside that height: Default, Contain, Cover or Fill.

Style — Navigation Link and Style — Active Navigation Link

Setting	Description
Typography / Color	Font settings and colour of the dashboard's navigation links; Navigation Link also has a Hover Color. Active Navigation Link applies to the link of the tab being viewed.

Style — Dashboard Title and Style — Section Title

Setting	Description
Typography / Color	Font settings and colour of the dashboard heading and of the section headings (My Courses, My Memberships and so on).

Style — Card Title and Style — Card Meta

Setting	Description
Typography / Color	Font settings and colour of the card title (with a Hover Color) and of the lines under it.

Style — Progress Bar

Setting	Description
Bar Color / Bar Background Color	Colours of the filled part of a course card's progress bar and of its track.
Height / Border Radius	Height and corner rounding of the bar.

Style — Button

Setting	Description
Typography	Font settings for the View All buttons under the dashboard sections.
Normal / Hover	Text Color and Background Color for each state of the buttons.
Border / Border Radius / Padding	Border, corner rounding and inner spacing of the buttons.

The Style tab styles LifterLMS's own dashboard markup (llms-student-dashboard, llms-sd-nav, llms-sd-section, llms-loop-item), so CSS written for the LifterLMS dashboard still applies underneath your settings. Forms inside the dashboard tabs (edit account, redeem voucher, login) keep their LifterLMS styling.

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

• LifterLMS expects a Student Dashboard page to be set under LifterLMS > Settings > Pages. That page is where LifterLMS's own links (login redirects, "My Account" links, email links) point, so if you build your dashboard with this widget, place it on that page or on the template that renders it.
• The redirect only applies to the login form shown to logged-out visitors; it has no effect once the visitor is signed in.
• Related: User Courses, User Achievements, User Certificates, User Memberships, Login Form.