A complete tutorial on how to add location search in WordPress.
A member directory is a searchable database containing detailed profiles of your website users, with custom fields and search filters specific to your website niche.
Whether you have a small team of board members or have thousands of active members in your organization, a member directory is a hassle-free way to compile them. By using a member directory, your organization makes the essential contact information open and available so that members can seamlessly contact one another.
In this tutorial, we’ll show you how to create a searchable member directory using WordPress for free. We’ll explain bit by bit how to launch your website, set up its functionality, customize it and finally how to make money with the member directory.
In this guide, we’ll use HivePress, a WordPress directory plugin alongside ListingHive, a free WordPress directory theme with all the necessary features for building a member directory website. Both plugin and theme are handcrafted by the same developers, so they are fully compatible and intended to work hand in hand.
So, let’s move to the first step!
Installing WordPress Theme
Firstly, you need to install the directory theme for your website. As far as ListingHive is a free theme, you can find it at the WordPress repository and install it for free. Simply navigate to the Appearance > Themes section and use the search bar to find it. Then proceed by installing and activating the theme.
When ListingHive is activated, there will be a suggestion to install HivePress, a plugin that will power directory features on your website. You need to install and activate it by clicking on the recommended plugin’s link.
If you have any issues with installing ListingHive, you can follow the screencast below in order to install it properly.
Once you installed ListingHive, it’s time to add some additional features to your member directory. You can add extra features for your website in the HivePress > Extensions section. There you’ll find a list of the available ListingHive add-ons that you can purchase or install for free.
For example, you can install the Messages extension to allow users to communicate with each other via messages. It’s an essential feature for any member directory since it turns your website into a communications hub.
You can also install the Social Login add-on to allow your members to sign in via Google or Facebook. It’s a simple and handy option that positively affects the user experience on your website. Additionally, you may want to install the Social Links extension to allow members to add social links to their profile pages (like Twitter, LinkedIn, Pinterest, and so on).
In order to install the extension, simply click on the Install button and activate the extension once it’s installed. Bear in mind that you can build a directory website with unique functionality simply by mixing different add-ons.
Setting up the Front-end Registration
Now we need to disable the listing submission on your directory and allow new members to register their profiles directly from the homepage. To do that, navigate to the HivePress > Settings > Listings section. There you need to uncheck the “Submission” option and save changes. Now go to the HivePress > Settings > Vendors section and allow direct registration. Then save changes.
The next step is to add the registration link to the main menu so it appears on the homepage. In order to add a new menu item, navigate to the Appearance > Menus section. Firstly, you need to add a new menu if it’s not created yet. Simply enter the menu name and select its display location, then click on the Create Menu button.
Then, let’s add a custom link item. Simply enter your website’s URL and add the “/register-vendor” path at the end. Then fill in the link text, let it be “List a Profile,” and click on the Add to Menu button. Finally, save the menu.
Alright, once you are done with menus, it’s time to add some custom profile fields and search filters.
Adding Custom Fields
Custom fields help you store additional information about each individual member that isn’t possible within standard WordPress fields. This probably includes things like job title, phone number, email, website, etc. You can add custom fields in the Vendors > Attributes section.
For example, let’s add a “Profession” attribute to allow users to specify their profession when filling a registration form. You can customize your attribute within 3 different contexts, so let’s check each of them to get a better idea of the available settings:
- Editing. In this section, you need to allow front-end editing to allow new members to indicate their profession during profile registration. Then you have to set the field type. For this attribute, it’s better to set the “Select” field type.
- Search. Here you can turn your custom field into the search filter. Mark it as filterable, so users will be able to filter members by their profession and indexable, to make the attribute value in the keyword search. Then select the search field type. We’ll use the “Select” field type.
- Display. In the last section, you can define how the attribute appears on members’ pages. For example, you can assign it to certain template areas or set a custom display format.
Once you are done, click on the Publish button.
Now it’s better to make this field required. We also recommend enabling the multiple selection option, so members will be able to select several professions during registration, as well as search for multiple options at once. Once you are done, click on the Update button.
Your next step is to add the attribute options. Click on the Edit options button and add several professions, let it be “Lawyer,” “Engineer,” and “Electrician.” Similarly, you can add as many options as you need.
In the same way, you can add more custom attributes, like contact information, location, work experience, and so on, depending on your member directory niche and requirements.
Registering New Member
Okay, let’s try to register a new member profile and do it from the front-end to get a better idea of how it works for new members. To do this, go to your website and sign out from your admin account. Then, click on the List a Profile link (the link that we previously added) and provide the basic details required for user registration.
Next, fill in the profile fields, including the custom fields we previously added. Once you fill in all the details, save changes.
Bear in mind that as a website owner, you can add to the registration form as many custom fields as you want and make them required or optional, according to your needs.
Now let’s move to the next step and set up a front page for your member directory. Since HivePress is compatible with such popular block editors as Elementor and Gutenberg, it won’t be an issue for you to customize your page using blocks.
Customizing the Front Page
In order to add a new page, log out and sign in again as an admin. Then go to the WordPress dashboard > Pages section and click on the Add New button. Firstly enter the page title, let it be “Home.” Then you can add some layout blocks. For example, let’s add the member search form by clicking on the ➕ icon and selecting a block you want to add. Similarly, you can add a block that displays members. Once you are done with setting up blocks, you can publish the page.
To use this page as a front page, go to the Settings > Reading section and select your newly created page from the drop-down list, then save changes. That’s it! Now you can navigate to your website and check the new layout you’ve just designed.
Monetizing Directory Website
As you can see, it’s a pretty straightforward process to create a WordPress member directory, and you can also easily monetize it. For example, you can turn your directory into a member-only website via the HivePress Memberships extension. With this extension, you can charge users for contacting members or viewing specific profile details.
Additionally, if you allow members to list their services, then you can also charge them for submitting and renewing listings or even turn your website into a service marketplace and charge a commission fee on every transaction.
There are many ways to monetize your directory website, and you are not limited to a particular monetization model.
That’s it! As you can see, no technical knowledge is required, and you only need a directory plugin and a theme to create a searchable member directory using WordPress. With these few simple pieces in place, you can make your website up and running in no time.
If you want to create a WordPress member directory, you need the right tools to do it. With the HivePress plugin and its ListingHive theme, you can easily create a customizable directory to showcase team members, clients, sponsors, or any other type of member. Moreover, you can do it even without a budget since they can be installed via the WP dashboard for free.
Launch your own appointment booking platform using WordPress.
A walkthrough on how to create a peer-to-peer service marketplace similar to Thumbtack or TaskRabbit.