directory-website-with-beaver-themer

How to Make a Directory Site with Beaver Themer

When Beaver Builder released Beaver Themer they changed the world! Well, the Wordpress website building world anyway. This change opened up huge possibilities in how we build and manage sites, especially directory sites that are data driven.

Let’s look at what the essential components are and how they contribute to making a directory website.

We just launched 6 FREE Beaver Builder courses. Learn how to easily build WordPress websites with step-by-step video tutorials. Get started today.

Beaver Themer

Creating a new website with Beaver Themer is really a case of creating just a few templates and applying them across the site. To start with you really only need a header, footer, global site template and a homepage. It’s such an awesome tool and it has really revolutionised my way of looking at Wordpress and website building in general.

Creating a directory website is now a really quite simple thing. You don’t have to scour Code Canyon and find some premium theme filled with bloated features you’ll never use. You can now do it yourself using quality tools, and although it is probably a more expensive option for a single site, these tools can be used on other sites you build so they will more than pay for themselves in that sense.

This approach can be used for directories of all types, but for this example let’s say we are going to make a directly site for book reviews.

Pods

You may like to add a new custom post type called ‘Books’ and additional fields for author, publisher, published date and so on. You can do both of these things very easily with the Pods plugin.

Pods is a free plugin and there is also another free plugin to help it integrate more smoothly with Beaver Themer. Because it’s free, there’s obviously not as much available on the support front as you’d expect from a premium plugin, however it seems robust and good quality, with good ratings and a decent history of continuous development. But there are also paid plugins that are comparable if you want to go that way instead.

WP All Import

So you have your posts and fields setup ready and waiting for your content, how do you get the content in easily, presuming that you have a lots of content?

In one sense you can kind of look at a website as being basically a spreadsheet, with columns for title, content, image url etc. WP All Import takes this approach and allows you to create a site in a spreadsheet and then import the whole thing in one go using WP All Import. It’s a great tool and basically just upload you file, map the columns up against your post (and Pods) fields and import. This will create a new page for each line in your spreadsheet regardless of whether there are 10 lines or 10,000 lines.

Not only can you quickly create a site this way, you can also maintain it by making changes to your spreadsheet and then uploading it again. So if you have a directory of lots of items, then creating pages for these manually would be time consuming, but this approach means you just create a spreadsheet and then it does all the heavy lifting for you.

WP All Import is a premium plugin (although there is a lite version available for free). There is a one-off cost that entitles you to all future updates and allows you to use it on unlimited sites. If you value your time then this can save you literally hours and hours of work. It’s quite brilliant.

FacetWP

So now that you have the content in your website, how do your users filter it and find what they are looking for if you have a large volume of pages?

FacetWP is a sorting tool that allows your users to filter the list of posts to show only those items they are interested in. In the case of our book reviews website, they may like to filter by genre for example.

WP Facet is a premium plugin with a yearly subscription allowing you to use it on a few sites. It seems to be well put together and regularly updated.

In addition to the WP Facet plugin, you’ll need their free addons for Beaver Builder and Pods which help make the integrations work more smoothly.

Go forth and build

It’s really that simple, at least theoretically. In practice, you will obviously have to work through various problems, curse a bit, and go through the inevitable learning curve, but on the whole, it’s surprisingly do-able.

Happy directory-building!

About Julian Rosser

Julian Rosser is a marketer and hobbyist website builder who, when not building websites, can be found enjoying the great outdoors in the land of the long white cloud, Aotearoa New Zealand. www.julianrosser.com

12 Comments

  1. Bernhard (Quasel) on March 22, 2019 at 5:32 am

    Nice article! One Tool which can help after the import is Admin Columns Pro!

    In one point I strongly disagree – Support – Did you ever actually try pods support? My guess you didn’t 😉 – especially if you join slack ( https://pods.io/forums/chat/ ) seen many “pro” Plugins where support wasn’t anywhere close to that 😀 but then I’m biased as author of the pods integration ^^

    Greetings from Austria
    Bernhard



    • Julian on March 26, 2019 at 1:27 pm

      Thanks Bernhard – it’s people with your passion and enthusiasm that make Pods as awesome as it is! I agree that Pods support is better than that available from some premium plugins.



  2. Anthony Lodge on March 23, 2019 at 5:00 am

    Have you got an example site built in this way that you could provide a link to? I would like to see a working theme based on these principles. Thanks.



    • Julian on March 26, 2019 at 1:32 pm

      Hi Anthony – although I’ve used this model on several sites I don’t have a site that I’m able to share sorry.

      If it’s the sorting and displaying of posts that you’re interested in then the end result is basically the same as the example here on the WP Facet site in terms of the front end https://facetwp.com/demo/cars/ And for more BB-specific info they have a good article here which helps explain the approach to layouts https://facetwp.com/documentation/integrations/beaver-builder/

      The Pods and WP All Import stuff is all behind the scenes anyway as I’m sure you’re aware.



  3. Raj Shahi on April 15, 2019 at 7:44 pm

    Hi,

    Glad to see you have an article on it. I am trying to use PODs feild to diplay a map fir individual listing. Also need to use the filter along with facet plugin but that has to do more with pods. Any idea how can it be achieved?



    • Julian on April 17, 2019 at 2:17 pm

      Hi Raj, for an individual listing page you can use the map module in Beaver Themer and set the location based on a Pod. From memory I think you need to ‘Connect’ rather than ‘Insert’. I would guess that you could then also use the location from your Pod with the map facet from WP Facet https://facetwp.com/add-ons/map-facet/ So the individual listing map and the WP Facet map would be separate things. I’m sure the support for all of these products can help you through this 🙂



  4. Ben on July 21, 2019 at 11:45 am

    I’ve never used Pods. I’ve been into ACF Pro. I don’t know enough about it to know right on the top of my head if ACF Pro would be the same fit for a directory style site? Is it?



    • Anthony Tran on July 22, 2019 at 8:48 am

      Hi Ben, I’m not familiar with ACF Pro but I did find an article that compares PODS and ACF in relations to Beaver Themer. https://www.nieuwsmarkt.nl/blog/2017/06/04/advanced-custom-fields-versus-pods-in-combination-with-beaver-themer/ Hope this helps.



    • John on January 5, 2021 at 9:56 pm

      I use PODS and ACF Pro on my directory builds. I use PODS for the post type and I use ACF Pro for all my custom fields. I have had better luck with ACF for connecting fields and have pretty much been able to do anything i throw at it. From car dealership sites to city listing directories you can’t go wrong.



  5. Chantal on August 6, 2019 at 5:58 am

    Any idea how to add Ratings to the directory items (so people can rate the listing)?



  6. Ryan on February 6, 2020 at 12:35 pm

    Any developers want to help me implement this?

    I’m a big fan of Beaver builder and beaver themer, so not looking to try Wordpress themes that do directories out of the box.

    However I have been struggling to create a successful directory (that loads quickly) I can keep updated and display the data in different ways for a few years now.

    I’d love to see if we can implement a directory (with a map… ) that uses Beaver Builder and ACF or Pods.

    Thanks!
    Ryan



Our Newsletter

Our newsletter is personally written and sent out about once a month. It's not the least bit annoying or spammy.
We promise.

Try Beaver Builder Today

It would be totally gnaw-some if you could share this post with your friends.

Related articles

how to create headers and footers using beaver themer

How to Create Headers and Footers with Beaver Themer

Page builders are great for creating beautiful pages, but they often don’t extend customization to headers and footers. This limitation…

Read More...
How to customize WordPress Website Header

How to Customize WordPress Website Header

Many elements make up a well-designed website. Your WordPress website header is particularly important because it’s the first thing visitors…

Read More...
How to use Header Templates in WordPress

How to Use a Header Template in WordPress

Customizing a WordPress header isn’t often an easy process. If you’re not comfortable editing theme files, there aren’t many ways…

Read More...

Join the community

We're here for you

There's a thriving community of builders and we'd love for you to join us. Come by and show off a project, network, or ask a question.

Since 2014

Build Your Website in Minutes, Not Months

Join Over 1 Million+ Websites Powered By Beaver Builder.