How To Create a User Directory Using Ultimate Member & Elementor

In this post, we’ll show you how to use Elementor and Ultimate Member together to achieve a better-customized WordPress membership site.

Plugins Required:

  1. Ultimate Member
  2. Elementor
  3. Ultimate Member Widgets for Elementor

Ultimate Member is one of the best & complete user profile & Membership plugins for WordPress. The free version of Ultimate Member is enough to compete with most of the premium plugins available in this registration and membership plugin category.

There are lots of membership plugins that will help you build a community website using WordPress but Ultimate Member tops the chart. According to WordPress veteran & renowned Product Strategist Chris Lema “the developers behind Ultimate Member clearly “get it.”

List of WordPress membership plugin that focuses on developing & creating community websites:

PluginActive InstallFreePremium
Ultimate Member200,000+YesUSD 249 per year
BuddyPress100,000+Yes
WP User Manager10,000+YesUSD 299 per year
UsersWP10,000+YesUSD 199 per year
ProfileGrid 8,000+YesUSD 79 per year
PeepSo 4,000+YesUSD 180 per year

Install Ultimate Member

Log into your site and go to WordPress Dashboard > Plugins > Add New. Search for “ultimate member”. Click on Install Now. Once the process is complete, activate the plugin on your site.

Setting up Ultimate Member

When you activate Ultimate Member, it will install 7 default pages ( Login, Register, User, Account, Member, Logout  & Password Reset pages).

PageWhat It DoesShortcode
Account PageAllows users to change the setting[ultimatemember_account]
Password Reset PageAllows users to reset password [[ultimatemember_password]
Logout PageAllows logged-in users to log out of the website.N/A
Register PageAllows visitors to registerShortcode found on Ultimate Member > Forms
Login PageAllows members to logShortcode found on Ultimate Member > Forms
User PageOutputs user profile with avatar, profile cover, and other custom fields.Shortcode found on Ultimate Member > Forms
Members PageDisplays list of usersShortcode found on Ultimate Member > Member Directory.

Install Elementor

Log into your site and go to WordPress Dashboard > Plugins > Add New. In the Search field, enter Elementor and choose Elementor website builder. Click on Install Now. Once the process is complete, activate the plugin on your site.

Install Ultimate Member Widgets for Elementor

Ultimate Member Widgets for Elementor help you add dynamic, customizable user listings using Elementor widgets. 

We’ll show you how to start using Ultimate Member Widgets for Elementor and Elementor together on your site. But first, let’s take a look at an example of what you can accomplish.

How to Use Ultimate Member Alongside the Elementor Page Builder

Step 1:  open up any page or post, and make sure you’re using the Elementor editor. If you see the traditional WordPress interface, hit the Edit with Elementor button to switch over.

Step 2: On the left, there’s a list of ‘widgets’

Step 3: If you just want to display a list of Ultimate Member users then drag & drop the “User Listings” widget.

Step 4: customize the looks using Elementor. 

Step 5: Once done customizing and setting the user query, color & font to suit your needs, save the settings, and you’re good to go!

Conclusion

If you want your user directory to stand out, you’ll need to put some serious thought into its design. For example, you’ll want to find the best method for displaying your members, ideally in a way that’s both user-friendly and nice to look at.