=== Ultimate Member Widgets for Elementor – Login Form, Register Form & User Directory === Contributors: userelements Tags: ultimate member elementor, elementor member directory, elementor login form, elementor user directory, elementor register form Requires at least: 6.0 Tested up to: 7.0 Stable tag: 2.9 Requires PHP: 8.0 Requires Plugins: elementor License: GPL v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Ultimate Member Elementor widgets for login, register, password reset & member directories. AJAX search, live filters. Drag-and-drop. No code. == Description == = Ultimate Member Elementor widgets — style login, register, password reset, and member directories = Ultimate Member powers membership sites on hundreds of thousands of WordPress installs — but the default login page, register form, and member directory rarely match your brand. This plugin is the Elementor addon built specifically for Ultimate Member: drag widgets onto any page, style every element visually, and publish. No CSS files, no shortcodes, no child theme. Use it to design your **Ultimate Member login form in Elementor**, your **register form**, your **password reset page**, and a searchable **member directory** — all with native Elementor controls. Works with free Elementor. Elementor Pro is not required. [Live Demos](https://demo.userelements.com/) | [Go Pro](https://www.userelements.com/ultimate-member-elementor/) | [Documentation](https://www.userelements.com/docs/ultimate-member-widgets-for-elementor/) --- = Style Ultimate Member login, register, and password reset in Elementor — free = Your login page is the first authenticated experience every member has. It should look like your site — not a plain Ultimate Member default. **Member Login & Register Form** — One widget for both form types. Drag the Ultimate Member login or register form into any Elementor page and style inputs, labels, buttons, backgrounds, typography, padding, and shadows. Switch between Login and Register from the Content tab. Editor hints guide you when the widget is not on the recommended UM core page. Supports any UM form. Works with free Elementor. [Tutorial](https://www.userelements.com/ultimate-member-login-page-elementor/) **Member Password Reset** — Style the Ultimate Member password reset page to match your login and register forms. A consistent authentication flow reduces drop-off and builds member trust. --- = Build a member directory in Elementor — free = **Member Directory Grid** — Display Ultimate Member users in a responsive card or list layout. AJAX live search updates results as visitors type. Filter by user role or custom UM meta fields without a page reload. Three pagination modes: numbered pages, Load More, or Infinite Scroll. One to six responsive columns. Sort by display name, registration date, last login, post count, or any custom field. Toggle to show only approved UM users. [Demo](https://demo.userelements.com/user-directory-grid/) | [Tutorial](https://www.userelements.com/create-user-directory-elementor/) **WordPress User Grid** — Display registered WordPress users by role with any user meta field. Ideal for team pages, staff directories, and contributor lists. Works without Ultimate Member. **Member Flip Cards** — Hover-to-flip profile cards that reveal a second set of fields on the back. A memorable layout for team pages and member showcases. [Demo](https://demo.userelements.com/users-flipbox/) --- = Profile field widgets for Ultimate Member pages — free = **Member Avatar** — Standalone avatar widget for profile templates. Control border, radius, size, and CSS filters. **Member Fields** — Display any combination of Ultimate Member profile fields on the currently viewed member's page. Supports text, URL, phone, image, and file field types. [Demo](https://demo.userelements.com/users-meta-fields/) **Member Name** — Output the profile user's name in any format (display name, first name, last name, full name, username, or nickname) with full Elementor typography and color controls. [Demo](https://demo.userelements.com/user-profile-name/) --- = Free feature highlights = * **Style UM login, register, and password reset forms** in Elementor — no CSS, shortcode, or child theme * **AJAX live search** on member directories — results filter as visitors type * **Role and custom field filters** — up to two filter fields in the free Member Directory Grid * **Card grid and list layouts** with full Elementor style controls on every element * **Three pagination modes** — numbered pages, Load More, or Infinite Scroll * **Show only approved Ultimate Member users**, or list all registered WordPress users * **High-performance query engine** enabled by default with smart cache invalidation * **Member Pages screen** — map UM core pages (login, register, account, profile) and open them in Elementor * **Optional Pro widget previews** in the Elementor panel — locked by default; turn on under Advanced to preview Pro upgrades * **Works with free Elementor** — Elementor Pro is not required * **Per-field visibility rules** — show fields to everyone, logged-in users, or specific roles, with value conditions Find widgets under **UM Member Pages** (forms and profile fields) and **UM Member Directories** (directory grids and flip cards) in the Elementor panel. --- = Pro — design every Ultimate Member page = UM Elementor Pro unlocks Profile, Account, and advanced directories: * **[Member Carousel](https://demo.userelements.com/user-carousel-or-slider/)** — Touch-friendly Swiper slider for featured members, alumni spotlights, or testimonials * **[Member Table](https://demo.userelements.com/sortable-user-table/)** — Sortable directory with clickable column headers, global AJAX search, and CSV export. [Tutorial](https://www.userelements.com/ultimate-member-user-table-tutorial/) * **[Member Filter](https://demo.userelements.com/users-list-with-filter-buttons/)** — Standalone filter panel with unlimited fields, dropdowns, checkboxes, and radio buttons * **[Member Card Grid](https://demo.userelements.com/2-column-user-list/)** — Multi-column and [zigzag](https://demo.userelements.com/zigzag-user-list/) directory layouts for editorial-style member pages * **[Member Search](https://demo.userelements.com/user-search-bar/)** — Dedicated AJAX user search bar, independent of the directory grid * **[Faceted Search](https://demo.userelements.com/ultimate-member-faceted-search/)** — Multi-criteria live filtering with real-time AJAX refresh * **Account Page** — Style Ultimate Member account tabs (General, Password, Privacy, Notifications) in Elementor * **Profile Page Builder** — Replace the default UM profile template with a custom Elementor layout (cover photo, header, bio, meta fields, social links, action bar, completion bar, custom tabs, and profile body). [Tutorial](https://www.userelements.com/ultimate-member-profile-templates/) * **UM Directory Styler** — Full Elementor visual control over the native Ultimate Member directory shortcode [See all Pro features and live demos →](https://www.userelements.com/ultimate-member-elementor/) **Pricing:** Free — unlimited sites. Pro — $45/year. --- = What users say = > "I have been seeking sortable user data tables for quite some time. Finally found it." – ★★★★★ *@nikotor · [WordPress.org](https://wordpress.org/support/topic/sortable-user-table/)* > "I am new to Elementor and WP and this plugin has been a real help. Takes a lot of guesswork and effort out of the process." – ★★★★★ *@hawkekeye · [WordPress.org](https://wordpress.org/support/topic/sortable-user-table/)* *[Read all reviews →](https://wordpress.org/support/plugin/ultimate-member-widgets-for-elementor/reviews/?filter=5)* --- = Who is this for? = * **Membership site owners** who want a branded Ultimate Member login page — not the default template * **Community builders** creating searchable, filterable member directories in Elementor * **Agencies** building Ultimate Member client sites with full visual control and no custom code * **Schools and associations** that need staff directories, faculty listings, or member rosters * **Marketplaces** where visitors browse, search, and filter service providers or contributors == Installation == 1. Install and activate [Elementor](https://wordpress.org/plugins/elementor/) — the free version is sufficient. 2. Install and activate [Ultimate Member](https://wordpress.org/plugins/ultimate-member/) for UM-powered widgets. 3. Install this plugin via **Plugins → Add New** or upload the zip file manually. 4. Activate the plugin. 5. On activation, the setup wizard opens automatically (or go to **Settings → Member Pages**, also under **Ultimate Member → Member Pages**). 6. Apply starter templates per page, then fine-tune in Elementor. Widgets are under **UM Member Pages** and **UM Member Directories** in the Elementor panel. See the [plugin documentation](https://www.userelements.com/docs/ultimate-member-widgets-for-elementor/) for widget guides. == Frequently Asked Questions == = How do I style the Ultimate Member login page in Elementor? = Install the plugin, open your login page in the Elementor editor, and add the **UM Login & Register Form** widget. Choose the Login form type in the Content tab. Use the Style tab to change colors, fonts, input borders, button styles, background, padding, and spacing. Every change updates in real time. Publish when done. No CSS, child theme, or shortcodes required. Step-by-step guide: [How to Style the Ultimate Member Login Page with Elementor](https://www.userelements.com/ultimate-member-login-page-elementor/). = How do I style the Ultimate Member register form in Elementor? = Use the same **UM Login & Register Form** widget. Switch the form type to Register in the Content tab, then style field labels, inputs, section headers, submit button, and error messages visually. Both login and register are included free. = Can I style the Ultimate Member password reset page in Elementor? = Yes. The **Password Reset** widget is included free. Style it to match your login and register forms so the full authentication flow looks consistent. = How do I build a member directory in Elementor? = Add the **Member Directory Grid** widget. Choose card or list layout, enable AJAX live search, add role or custom field filters, and configure pagination (numbered, Load More, or Infinite Scroll). Use **WP: User Directory** if you only need native WordPress users without Ultimate Member. Full walkthrough: [Create a WordPress Membership Directory in Elementor](https://www.userelements.com/create-user-directory-elementor/). Widget reference: [User Directory Grid docs](https://www.userelements.com/docs/ultimate-member-widgets-for-elementor/ultimate-member-widgets/user-directory-grid-widget/). = Do I need Elementor Pro? = No. All free widgets work with the free version of Elementor. Pro widgets also work with free Elementor. = Does this work without Ultimate Member? = Ultimate Member is recommended but not required. The **WP: User Directory** widget runs on any WordPress site. Login, register, password reset, directory grid, flip cards, avatar, profile fields, and user name widgets require Ultimate Member. = Can I filter my member directory by custom Ultimate Member fields? = Yes. The free Member Directory Grid supports AJAX meta field filters with no page reload. The free version supports up to two filter fields. Pro adds a standalone **Member Filter** widget with unlimited fields, dropdowns, checkboxes, and radio buttons. = Can I show only approved Ultimate Member users in the directory? = Yes. Enable **Show Only Approved Users** in the Member Directory Grid Content tab to list only members whose UM account status is approved. = Can I sort the member directory by last login or a custom field? = Yes. Sort by display name, first name, last name, registration date, last login, post count, user ID, or any custom meta field — all from the Elementor widget panel. = Can I build a custom Ultimate Member profile page in Elementor? = Yes, with Pro. The **Profile Page Builder** provides dedicated Elementor widgets that replace the default UM profile template: cover photo, header, bio, meta fields, social links, action bar, completion bar, custom tabs, and profile body. See [How to Customize the Ultimate Member Profile Page](https://www.userelements.com/ultimate-member-profile-templates/). = Can I display members in a sortable table with CSV export? = Yes, with Pro. The **Member Table** widget supports clickable column sorting, global AJAX search, and one-click CSV export of the filtered member list. Step-by-step guide: [Display Ultimate Member Users in an Elementor Table](https://www.userelements.com/ultimate-member-user-table-tutorial/). = Can I add a member carousel or slider in Elementor? = Yes, with Pro. The **Member Carousel** uses Swiper.js for smooth, touch-friendly sliding — ideal for homepage featured members and testimonials. = Is this compatible with caching plugins like WP Rocket or LiteSpeed Cache? = Yes. If AJAX or directory scripts fail after minification, exclude `wp-content/plugins/ultimate-member-widgets-for-elementor/assets/js/` from your caching plugin's JavaScript processing. = Does this work on WordPress multisite? = Yes. Each site in the network operates independently with its own user query scope. = Where can I see live demos? = Visit [demo.userelements.com](https://demo.userelements.com/) — interactive demos for every widget. No login required. == Screenshots == 1. Ultimate Member login form styled in Elementor — dark glassmorphism layout with the UM Login & Register Form widget 2. Ultimate Member register form styled in Elementor — custom-branded registration with full visual controls 3. Ultimate Member password reset page styled in Elementor — matching auth flow design 4. Elementor member directory grid with AJAX live search and custom field filters 5. Ultimate Member user flip cards — front and back profile card layout in Elementor 6. Pro: Member Table with sortable columns, AJAX search, and CSV export 7. Pro: Member Carousel — touch-friendly slider for featured members 8. Pro: Profile Page Builder — custom Ultimate Member profile page in Elementor 9. Pro: Account Page styler — Ultimate Member account tabs designed in Elementor == Changelog == = 2.9 = * Added: Custom Template layout on Member Directory Grid and WordPress User Grid — pick an Elementor library template (Loop Item / Container / Section) and render it once per member. UM dynamic tags resolve per card. Card and List layouts are unchanged. * Improved: Elementor 4.2 compatibility — declared “Elementor tested up to: 4.2.0” and enforce a minimum Elementor 3.5.0 version with an admin notice when older. * Improved: Directory list widgets use Elementor’s `elementsHandler.attachHandler` lifecycle (with legacy `element_ready` fallback) and expose pagination/layout settings via `frontend_available` for `data-settings`. * Improved: AJAX directory handlers read saved widget settings through Elementor’s Documents API instead of walking raw `_elementor_data` meta. * Improved: Soft Ultimate Member dependency — WordPress User Grid works without UM; UM widgets and AJAX register only when Ultimate Member is active, with a clear admin notice when it is missing. * Fixed: Profile Photo dynamic tag now uses Elementor `Data_Tag` for Image controls; added a separate Profile Photo URL tag for URL controls. * Fixed: Member Avatar and Member Name widgets used the deprecated `_register_controls()` method — migrated to `register_controls()`. * Fixed: Member and profile widgets mark themselves as dynamic content and respect Elementor’s optimized markup experiment (`has_widget_inner_wrapper`). * Fixed: WordPress User Grid now initializes correctly in the Elementor editor/preview via the frontend handler API. * Added: Lightweight editor `content_template()` placeholders for directory widgets. = 2.8 = * Added: Field Layout for the Login & Register Form widget — arrange UM form fields visually: set widths (full, 2/3, half, 1/3) for multi-column rows, reorder fields, hide labels, and control column gap. Pure CSS on UM's own field wrappers; fields and validation stay managed in Ultimate Member, so nothing can desync. * Added: Setup wizard — a guided 3-step first-run flow (requirements check, per-page starter designs, finish) that launches on activation and stays reachable from the Elementor Setup screen. * Added: Starter templates — one-click Elementor layouts for the Login, Register, Password Reset, and Members Directory pages, applied to the mapped UM core page and opened straight in the editor. * Added: Automatic layout backups — the previous Elementor layout of a page is saved before a starter template is applied and can be restored from the Elementor Setup screen. * Improved: Widgets renamed into one consistent "Member" family (Member Login & Register Form, Member Password Reset, Member Flip Cards, Member Avatar, Member Name, Member Fields, WordPress User Grid, Logout Link) — panel search now finds every widget by natural keywords. * Improved: Every widget links its Elementor "Need Help?" button to the matching tutorial or documentation page. * Improved: The Members Directory page is no longer marked Pro in the wizard and setup dashboard — build it with the free Member Directory Grid; styling UM's native directory shortcode remains a Pro widget. * Improved: Admin menu entries renamed to "Member Pages" (Settings + Ultimate Member) for a single product surface across free and Pro. * Added: Free vs Pro comparison table on the setup screen with per-feature demo links. * Added: Editor guidance when a directory query matches no members on a new site. * Added: "Hide locked Pro widgets" option under Member Pages → Advanced. * Added: One-time success toast after applying a starter template, with next-step guidance. * Removed: Unused bundled image; tightened upgrade-notice copy. * Fixed: Member directory widgets were capped at 100 users regardless of widget settings. Queries now respect Number of Members (up to 1000) and Users Per Page, including AJAX directory requests. = 2.7 = * Fixed: Removed duplicate legacy admin upgrade notice that could not be dismissed on Plugins/Dashboard screens. * Fixed: In-editor Pro placeholder upgrade links now use centralized URLs with UTM attribution instead of a hardcoded price. * Security: AJAX directory endpoints no longer trust client-supplied widget_settings query keys; meta filters are constrained to widget-exposed fields. * Improved: New query engine enabled by default; cache invalidation only runs for directory-relevant meta changes. = 2.6 = * Added: UM Login & Register Form widget — style Ultimate Member login and register forms visually in Elementor. * Added: Password Reset widget — complete your styled authentication flow in Elementor. * Added: Pro widget placeholders in the Elementor editor — free users see upgrade cards for locked Pro widgets on the canvas. = 2.5 = * Security: AJAX filter endpoints now verify nonce before any file I/O or class loading. * Security: meta_query items from widget_settings are sanitized before reaching WP_User_Query. * Security: per_page in the UM AJAX handler clamped to a maximum of 100. * Security: debug output gated behind WP_DEBUG on all error paths. * Security: email address removed from default public meta fields in WP User List handler. * Fixed: sort order control works for all options — ID, first/last name, last login, post count, email. * Fixed: box shadow control uses Group_Control_Box_Shadow. * Fixed: admin notice dismiss nonce mismatch caused silent dismiss failures. * Fixed: PHP fatal when Elementor is inactive — undefined admin notice callbacks. * Fixed: deprecated Elementor Scheme_Color and Scheme_Typography imports in flip card widget. * Fixed: widget category sometimes did not appear due to hook registration timing. * Fixed: meta key selector uncached table scan on every editor load — results cached one hour. * Fixed: Pro layout values in database caused user cards to disappear — now fall back to card layout. * Fixed: widget order_by and order settings not passed to the query engine. * Added: Table and Carousel layout options visible in free widget with upgrade tooltip. * Added: meta cache primed after user queries to avoid N+1 meta fetches. * Added: query result transients invalidated on user profile, meta, or role changes. * Improved: user-processing loop unified into shared static methods across AJAX handlers. * Improved: pro upgrade notice scoped to admin-only roles and screens.