How do you create the Directory site using WordPress (Full Guide)

Jun 30, 2022
The Ultimate Step-By-Step Guide to Creating a Directory Website on WordPress

There are some of the most well-known directories. eBay, Yahoo, Facebook, Bing, Foursquare, and Yelp are just some of the sites that offer details about the various products and services for our eyes. Simple method to create directories sites that list nearly anything. You can find many instances of real estate residential, local business, as well as cars. No matter what, there is a method to add it.

What is a directory site?

Directory sites are website that present products and other services available for browsing. For the purpose of creating one, you need to utilize WordPress:

  1. Choose a niche
  2. Discover a method to earn money from your work
  3. Make sure you are conscious of the image your company has created
  4. Create your directory's site
  5. Utilize the primary features to assist

But as with any complex undertaking, you need to make sure you're following the proper path to ensure a smooth experience. In this blog we'll walk you through the fundamental steps to take in order to build the ideal directories site:

Picking the right niche to build Your Directory Website

If you've made the decision to develop a website one of the things you should consider is:

What do you plan to include in your directories?

These are the steps you should follow to evaluate the area the directory you are recommending is specialist in.

Imagine what you'd want to market:

It is essential to determine what types of products as well as sectors and services you're looking for. If you start by thinking about this prior to the moment, it's easier to be more excited regarding the task, and it'll hopefully come more easily to determine at minimum four or five businesses and verticals you could utilize as the basis to continue your research.

As an example, if you enjoy dining out and enjoying dinner with your loved ones, you'll be in a position to have an understanding of the most popular restaurants within your town or city and the kinds of food they offer and their most well-known dishes.

This provides you with the exact information you could use to begin with specific places to eatthat you have a good idea of rather than wasting the time in other places.

Find out what others are seeking to find:

It's exactly what I'm discussing. Imagine you've considered developing an online directory that allows customers to search for local builders. I've utilized Ahrefs to discover the keywords which are frequently used (above 200 times each month) and aren't extremely popular (a hard rating for keywords which have scores below 50). Below is a listof the keywords that are used frequently:

Ahrefs result page for a given query
Ahrefs result page for a given query
  • Builders in my area
  • Fence builders have been within my neighborhood.
  • My neighborhood has home builders.
  • Builders' homes for sale in my vicinity
  • Custom built home builders
  • Homes to be built by builders
  • Garage Builders
  • The Christmas builders season
  • Builders of pools near me

You'll know which keywords to focus on in order to rank your site better. Additionally, by doing this research and analysis, you'll determine the types of builders searched for by users. As an example, you can use the search phrase "pool builders near my location" is one of the most popular searches which you may want to include an entire section of your directory website.

Discover if there are sites that are catering to your specific niche.

The list that tops the list of longer-tail keyword is a factor. It will however be more useless if there are directories that provide the same. Tools for optimizing search engines help you identify which keywords are the best performing in these types of searches. You can also assess how popular each term is. If your keyword isn't surrounded by many competitors, you've found the perfect market.

As per the builders directory , as an example. These are websites that rank highly on Google search results in the search term "fence building."

Serp overview for directory website
Ahrefs serp overview

It's evident that there aren't many builders' directory sites. In addition, the sites that appear in the top 10 don't boast a spectacular Ahrefs score, so we'll likely be able beat them to the punch. sites , if we're vigilant in regards to SEO.

Find businesses that will be able to Use Your Directory Website:

Once you've realized there's demand in the area you specialize in, contact firms to determine whether they are willing to pay for your services. If you're creating an online listing of real estate properties in New York, will real firms that are interested in real estate make benefit of your website in order to advertise their houses?

There'll be an opportunity to get in touch with them in the future, once your directory website is running well, but it's an excellent idea to keep them in mind to ensure that they know whom you're from in the event that you need to contact them.


How to Make Money With Your Directory Website

Two strategies to make money through your directory site in a only a couple of minutes

1. Prices for Listings

The moment you do this is when you can make a charge for the privilege. You can offer Premium listings that are in the top positions of search outcomes (similar to Google results) that will not expire.

It is possible to set up an annual fee for those who regularly post their material or pay one-time charges for those not expecting to submit large amounts of content.

2. Sell Advertising Space

Thanks to the (hopefully) large number of people who visit your website, you'll be able to increase the amount of money you earn by offering relevant ads.

3. A subscription or a membership-based website

If your directory website is well-known for its source of information in the field that you're looking for , it's possible for listers and users to have access to your data.

Listers are interested in having access to the vast number of prospective customers who visit your website. So, they'll offer features such as listing dates that indicate expiration, or listings on the results on the page first.

Similarly, customers may prefer to purchase a subscription to browse the latest deals on your site. You can also allow customers to browse your entire catalog, but only provide access to the contact information for those who have become a subscribed member.

Branding

Before you begin making your website It is crucial to create the strategy of branding.

It is your goal to draw the attention of two different types of customers who are looking for listings, as well as people who want marketplace listings. Therefore, you must be thinking about ways you can appeal to both types of users.

Branding is the most important aspect of every company. It has to include:

Install Your Directory Website

Prior to creating features or adding information to your directory website There are four main elements you'll need to set in your site.

1. Picking the appropriate website platform

There are a variety of reasons why WordPress.org is the best choice for directory websites.

  • A lot of well-known sites like CNN make use of WordPress
  • Thanks to its success due to its popularity, you can enjoy the most extensive Open Source communities of developers editors, designers and creators of content.
  • WordPress provides hundreds of plug-ins and themes which allow you to personalize your directory site
  • There are a variety of ways to incorporate complex functions with absolutely no PHP code (we'll detail the methods in a moment)

2. Pick a Reliable Web Host

As you're operating your own directory site that attempts to earn money and is seeing a continuous increase in visitors, you'll need a reliable website host for your security.

Web hosting is the real property that websites can point at. In the "house," your web hosting service will host all your website's information.

If you decide to select a hosting provider to host your directory site you'll need a host that will handle the high volume of traffic. It will also improve the speed of your website, and is a proven track record of reliability during outages.

My dashboard
My dashboard
  • Service is offered all hours of the day with an average response time that is less than five minutes.
  • Speedier page loading time
 load time comparison
Comparative load-time comparison

3. Customize Your Website's Look by selecting a gorgeous theme

When you've got the WordPress site up and running, you must determine how it will appear. First thing you need to do is choose your design.

  • What is the frequency at which the theme is kept up to date?
  • Are you sure it is multi-lingual?
  • Will it be able to make you appear on the first page of Google searches?
  • Do you think it'll integrate with plugins?
WordPress plugins directory website
WordPress plugins directory homepage

4. Choose the plugin you'd like to build Your Directory Website

The internet search engine for directory plugins will be sure to give you a wide range of possibilities. Which one is the best? The plugin you choose should be able to assist with the development of the features you will need quickly and efficiently to help your website shine.

I used Toolset Directory for the creation of the directory for my website for vehicles from the past to use as an example for the rest of the article. I decided to go with Astra as the theme.

Example of a directory website built on WordPress
A sample directory website that was created with the aid of WordPress

I chose Toolset due to:

  • It provides all of the features that I want to make a directory without the need for additional plugins
  • It's not necessary to utilize PHP to include these features.
  • It could be utilized together with other plugins, such as WooCommerce, Elementor, and WPML
  • It is a great method to tackle the most important topics.

Before we start going through the different options available, make sure you follow the steps in installing the Toolset plugins, as well as building the directory site.

At the time of design in the process of design, we define elements to be included for a Directory Website

The following is a listing of the features I'll take a look at that I created to my old websites for cars:

  • Custom-designed types of post
  • Custom fields
  • Custom taxonomies
  • A great way to showcase your various items (classic automobiles in our example)
  • Look for individuals to peruse our cars
  • The form on the front end allows customers to add their listing

There are numerous options that you could add to your directory site, but according to the opinion of others I've spoken with I believe that these are the best ones for getting your site working.

Let's get started!

Customize and design Post Types

Custom post types let you design different sections on your website. WordPress comes with two default sections: pages and posts. Of course, we'll have to add a section specifically for vintage cars, and it will be available soon.

I've created a new post type called Listings it is where I showcase all my classic automobiles.

Custom post types in Toolset
Post types that are custom-designed can be found inside Toolset

1. If you're currently on your administrator page for WordPress, go to the Toolset page then click to add a new type of blog.

2. Include the following details in the Name and Description section:

Adding new post type in WorPress Toolset settings
The post types have been updated to Toolset

3. Click on "Save Type of Post" and the type of post is now available.

Design Fields, which include Custom Fields

Custom fields are used to keep all the information concerning our listings. As an example, if we were to list vintage cars, we'd like to provide our clients with every detail they'd like to know about each one of them.

It's crucial to be aware of the production year, the cost and the model, mileage and lots of other details. For the purpose of filling each piece of information it's necessary to create the fields that are unique. Therefore, we'll only be required to fill out each line when we update our list and it'll appear up in the upper right corner of the screen (once you've created the template, that's exactly what we'll be doing within the next few days).

Here are the steps to follow that you can take to make a field custom The Year of the production:

Are you curious about the ways we have increased the number of visitors to our website by 1000%?

Join over 20,000 people that receive our email every week. It is packed with tips and insider WordPress tips!

Production year as an example of custom field in Toolset
The year of manufacturing provides an illustration of custom field within Toolset

1. On the Toolset dashboard, select "Create" Field Group in the middle of your Listings Custom Post Type.

2. The next page must provide a name for the specific field that you work in , and also provide a short explanation if it's required. I've named mine field group that is used for listing.

How to edit post field group in Toolset
What do I need to do to edit my Post field in the Toolset

3. Choose the Add New Field option. There will be various kinds of fields you can create. As an example, if you wanted to add the URL of an online website, you can select URL or to include an address, you'll use Address or for a telephone number, you could choose phone. To show the year that the production took place. The year will always be displayed in order that it's ideal to pick the number.

How to add a new field in Toolset
What could I do to start an an entirely new field in Toolset

4. Input the necessary details to the field you have created, which includes the field's name along with the Field Slug. The field I have created is called the Year of Production. The other fields do not matter for this field.

How to add details to custom fields
What details can I include to fields I've created

5. Select to save the entire group of fields and the customized field will show when you make edits to your blog post in accordance with the post's type.

How custom fields are displayed on backend
Custom fields that are displayed on the backend

Create Custom Taxonomies

In my classic car directories I've developed taxonomies to represent the various kinds of vehicles I am listing. Below are the categories which are displayed when I make changes to an existing Listings page:

Custom taxonomies
Custom taxonomies

The way I came up with it:

1. On the the Dashboard on the toolbar Click on the Add Custom Taxonomy button.

2. You can enter the name of the taxonomy in the title and the description:

How to add custom taxonomy
What could I do to add my chosen taxonomy in my selection which is distinctive?

3. The second part is taxonomy type. decide if you'd prefer to employ a taxonomy that is hierarchical or a one-sided taxonomy. Hierarchical taxonomy is a type of taxonomy that can be Hierarchical taxonomy is an all-inclusive taxonomy that is employed by parents (such like Italian food) and a collection of taxonomies for children associated to the taxonomy of their parents (such like pizza, pasta and pizza and ice cream other such things). ).). In contrast, there is the Flat taxonomy is merely the name of a variety of categories.

4. Pick the post type that you want to categorize the taxonomies. For this example, I've allocated these taxonomies to those posting posts that are custom.

Taxonomy settings
Taxonomy set-up

5. Click to save the taxonomy

6. You can go back to the list type of the post. If you modify the type of posts or design a new one, then you are able to begin adding your taxonomy-related definitions.

7. Under the category [Taxonomy NameIn the Taxonomy Name category, Select the the Create New Taxonomy name] category.

8. You can input your name for the newly created category. You can select the category you'd like to have as a parent in the event that the taxonomies you select to apply are more than hierarchical.

Taxonomy terms assigned to listings
Taxonomy terms that are that are assigned to listings

Use the checkboxes in order to add taxonomy words to your listing.

The Example for Displaying All of our Products

After we've developed our customized design, the next step is how to present it in the front end? To accomplish this we'll create templates for each of our listings.

This is how my model appears at the top of all my listings of old automobiles:

Website listings template example
Website listings template example

1. To access the Toolset Dashboard and click the Toolset Dashboard. Make Template within the middle of the article you have created. It will launch the drag-and-drop editor of Toolset for Layouts which lets us choose how we would like to display the information.

Before we move on, let us give we'll explain the Layouts system and also what are certain cells that are required.

Toolset Layout is based on the Grid developed by Bootstrap which displays your site's pages with twelve rows and columns. For pages that need to show images in the left hand side of your site, you need to select the first six columns from the left.

How to set up layouts
How can you create designs?

Add the + symbol to add rows to the template.

If you select those cells that you wish to display content in There are two kinds of cells that can be utilized for this specific job.

  • The contents of your blog article to add any content which is part of the body of your article. For the blog article I wrote about my past cars, I'll add this section to display the specifics of each vehicle which I have included in the editing screen.
Layout cells types
Layout cells and Types

We can now resume. We will continue to show how I created the custom field for Production year that is in the image below from my template

How to display custom fields with the Visual Editor
Custom fields are shown using the Visual Editor

2. Pick the column you'd like your cell's cell to be able to fill. In my case I selected four columns.

3. In the next step, you'll be able view the Layout cell types that you are already comfortable with. Select to launch the visually editor.

4. Click on the view and the field where you will be led to the list shortcodes we can use. Find the title of the custom fields list (in my example , Field Group for listing) and click Year of production.

Fields and views shortcodes
Shortcodes to access fields and views

5. Click to insert a shortcode.

6. The editor's editor includes a shortcode inside the cell. Users now see the year of the production of the vehicle they've picked. But now we need to include a brief description of the year to ensure that users know of what year it refers to. I entered the year of the production and a little HTML in order to appear. I've put the shortcode in the image below, so you know exactly what it looks like:

Production year being added with shortcode and some HTML
Production year is included in the shortcode along together with HTML

7. Simply click for the button to insert and the cell is completed.

Here's how it appears at the front, after having some CSS layout:

How the custom field is displayed on the frontend
The manner in which the custom field will be displayed in the frontend

Find a way to look up

It is possible to create the tool for searching that includes multiple filters to assist users to find exactly what they're looking for.

This is the search I have added to my site to find classic car directories. I've added six filters which you can see above in the search bar

Search feature with filters
Search function with filters

In the first place, which is the ideal location where your search results can be displayed? It can be displayed in a widget that you can place on your homepage or directly on the website of your company as an embedded widget or even in an archive.

I've added my own personal search option to the homepage. This is how I accomplished it:

1. On the Toolset tab, click Layouts. Create a new layout and then press the button to allow you to insert cells.

2. Choose one cell in view cell. cell view cell

Search results page layout
Layout of the page to display results of a web search

3. Select to present your results in the form of a customized Search option. Then, click Create.

4. On the content selector Pick the blog you'd like to browse through. In my example I'll choose the sorting type of posts.

5. Within the Custom Search settings Custom Search settings Choose the method you would like to use for updating your results. In this case, for example, you could select AJAX update (update the results of your search without the requirement to refresh the webpage) along with other options.

Custom search settings
Custom search settings

6. The area that is called "Search tab" along with Pagination under Search and Pagination in the section referred to as Search tab, you have the possibility of adding filtering options to the search. These users may use to limit their outcomes. These can be customized fields, taxonomies and post-relationships. For instance was a custom field, which I applied to the Price custom field to create an minimum price along with the highest price option for my research. Click on the filter you want to add and then search for the field you'd like select (in my example the Price field, which is). For example, this is the price).

Add new custom search filters as shortcodes
Design new search filters specific to your specific needs using shortcodes

7. The page that follows will be changed to the following page and then the options will appear similar to the image below and click to add your shortcode. This is how the Search and Pagination looks after I've added my filters. The filters appear good straight out of the box, however I've added some CSS and HTML to modify it.

Search and pagination with filters and HTML
Filters, search and filter as well as HTML

8. Enter to submit to create the button that people are capable of clicking for results.

9. Click on Reset to add an option that allows users to reset their filters.

The research we are conducting is set to begin. Only thing left to do this moment is to plan the research results.

Create the Search Results

It's possible that we have created our own customized search. However, it's still important to choose how the search results will be presented. It is possible to do this on the web page that you designed for the search.

Below the search function and pagination It is possible to find an area named Loop Editor that lets us create the output from the results.

The loop editor
The loop editor

1. Use to use the Loop Wizard. Use the Loop Wizard and select how you want to display the loop. In the Classic Cars Directory website, I chose to use my own Grid from Bootstrap with four columns as what I would like to display as the end result.

The loop wizard window
The window for the loop wizard

2. In the next section, it will allow us to apply filters in the results as an element of the results. The following are filters that I added on my vintage automotive directory website.

Setting up filters for the search results
Results of a search that are filterable

3. Click to close. After that, you'll be able to see the area in the edit loop.

How the loop editor looks with fields
The person who edits the loop seems to be akin to the fields

4. Click to save the view near the bottom of this page.

5. Simply click Save the Layout and it's available for use on the front-end.

Here's how mine appears:

Search layout example
A search layout example

Create a Front-End Form

Forms for front-end use are an excellent method for users to post their listings in the format and style they prefer. The only thing they have to do is fill out the form and then show the listings on the front end.

Here's an example design I created to create my classic car directory website:

Front-end form example
Front-end Form Example

In the event that a user has the ability to complete their application, here is the method that appears on the front-end:

Cars listing template example
Cars listing template example

Here's how I did this:

1. Go to Toolset > add Formulas. Then click "Add new".

2. A Toolset Wizard appears. A Toolset Wizard appears. for Continue and then choose a name for the arrangement.

3. In the setting section, users will be allowed to complete the data required for form submission. It is possible to choose the site visitors will see after they've completed the form. It is also possible to choose whether the listing is quickly published or published in an unfinished draft. You can also choose when your listing is due to expire. This is what I chose for my default choice:

Display options for your front-end form
Optional display for front-end Form
Form editor fields
Formula editor fields

5. The final step allows users alter the emails that administrators and users who have registered on the directory website receive when they register. This is an example that I developed to inform the directory administrator about the reality that the article has been examined and declared active.

Email notifications settings page
Email notifications settings page

It is also possible to send an additional email to multiple people if you want.

6. The next step is to display your form to the user on the front end. Similar to others, this page will place the form within a cell in one of my Layouts. Click on the tab Layouts within Toolset to create a completely new Layout and then follow the link to insert cells.

7. Choose the Formula cell and click to start. Formula cell and then click to start a cell..

save your Layout and you'll now be able view your forms on the front end.

Summary

There are many features including membership sections, maps as well as similar listings you can include on your directory website. They are, however, the ones you must start using in the least period of time you can.

What do you think about the best way to build directories? Tweet us @ @ @We'll provide you with suggestions that are insightful! Also, you can share your suggestions with us in the remarks.

Save time, money and improve site performance

  • Support and assistance are available 24/7 by WordPress experts in hosting, 24 hours a day.
  • Cloudflare Enterprise integration.
  • Global reach with 34 data centers across the world.
  • Optimization through our app Performance Monitoring.

The article was first posted on this site

Article was first seen on here