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.
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!
12 Comments
Related articles
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…
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…
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…
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.
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
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.
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.
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.
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?
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 🙂
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?
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.
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.
Any idea how to add Ratings to the directory items (so people can rate the listing)?
Hi Chantal, yes there are lots of Wordpress plugins that provide the ability to rate items, such as this one https://en-gb.wordpress.org/plugins/rating-widget
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