How To Create Business Directory Website With WordPress & JetEngine
HTML-код
- Опубликовано: 24 авг 2024
- How To Create Business Directory Website With WordPress, Elementor, JetEngine & JetSmartFilters.
Learn how to create your own WordPress Business Directory website with Elementor Pro & Crocoblock plugins in this step-by-step tutorial.
wptuts.co.uk/c...
The following skills are covered in detail:
- Custom Post Types
- Meta Fields
- WordPress taxonomies
- Custom search filters
- Archive template
- Single post template
- Business search (with business type filters)
By the end of the tutorial, you'll have a working business directory website built with WordPress and the skills to add more features.
Crocoblock Playlist: bit.ly/2Y99efy
Dynamic Web Design: bit.ly/2JJJEJU
ACF Tutorials: bit.ly/2Ofa6j6
Take your WordPress website and skills to the next level!
AFFILIATE DOWNLOADS
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
- CartFlows Pro: bit.ly/2KuxhCm
- GeneratePress Premium: bit.ly/2Ydn1SE
- Crocoblock: bit.ly/2BD7e6E
- Pre Order Brizy Pro NOW: bit.ly/2Ji97r8
- OCEANWP: bit.ly/2fRHBr0
- ELEMENTOR PRO: jo.my/1s0t2s2
- WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
- DIVI 3 Page Builder: bit.ly/2HiiDcE
- DIVI Theme: bit.ly/2G8JMiA
- SMART SLIDER 3: bit.ly/2G0G1vB
- Astra Pro: bit.ly/2zruoKn
- CSSHERO: bit.ly/2qbrRl6
- SLIDER REVOLUTION 5 - bit.ly/2NYr8NV
- IMPREZA THEME: bit.ly/2mpK9wp
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
![[DOKKAN BATTLE] Worldwide Campaign Announcement Video](http://i.ytimg.com/vi/zxfEiMksZQs/mqdefault.jpg)
![7 Reasons WHY HivePress is the BEST Business Directory Plugin for WordPress [FREE]](/img/1.gif)
Get the low down on how to create a business directory website with WordPress, Elementor Pro and Crocoblock plugins. Become a power designer with these powerful tools!
Great video. Thanks! BTW Any plans on doing one on ListingProWP and Elementor?
What theme did you use to create this website?
This is awesome Paul. I would love to know how to integrate this with payments - and know which is the easiest/best way to do this (eg Woocommerce, Simplepay) for things like setting up paid user accounts
Bonjour. je veux creer une plateforme pour annuaire avec wordpress . j'aimerais savoir comment m'y prendre
@@Cocktails-gr @wptuts even I want to know this, how to differentiate between paid and free listings and how to fave featured listings on top of listing page
I'm from Germany and my English language skills really suck, but I learned more from your English language tutorials than from any German language tutorial !!!
Also, you don't wave your mouse around like someone is chasing you, as many others do.
You have prepared yourself mega professionally and you have the right learning topics. Your Crocoblock and ACF Deep Dive Tutorials are absolutely top class. I can only advise the people at Crocoblock to hire and pay very well for you to produce the Crocoblock video tutorials.
The girls are very nice but they still have a lot to learn from you.
Best greetings from Bavaria
Thank you :-)
Oliver
The fact that you put so much time into these videos is just amazing. Your videos are clear, to the point, elaborate and engaging. It makes the whole learning process much better!
Dude, I'm morally forced to say "THANK YOU SO MUCH!" Awesome tutorial. An immediate new subscriber here.
Another awesome video, Paul. I wish the Crocoblock company would consider hiring you to do their videos. Seriously! They have a great product but do not do a good job of explaining what it can do. Please keep them coming. Thank You!
Now wouldn't that be cool.. 😁
Don't worry John, there are more dynamic WordPress tutorials planned using the Crocoblock tools as well as ACF, etc.
Loving what can be achieved with these tools. 😁
This is AWESOME. I've been into Directory themes lately. They work straight out of the box, but once you need to customize something, that's another story.
What you showed is a lifesaver. Just subscribed.
Keep up with the good work.
curious, can ultimate member accomplish the same thing? Thanks
You said it. I've tried Directory Pro and ListingPro which are fine but if you want to change them up it's an issue.
Wow Paul. You are AMAZING! You make everything so clear. Right now I'm only at 12 minutes but I just had an epiphany and had to make a comment. Thank you very much for this. Really appreciated.
Great to hear this has been an eye-opener for you Larry. :)
I never comment on RUclips, but thank you so much for this tutorial. It was exactly what I needed.
The things you teach keep getting better and better. Thanks so much for your awesome tutorials!!
Thank you very much Katherine, so glad you're finding them useful 😁
Hi Paul
Thanks for another great tutorial from you.
Suggestions for a tutorial following this:
Could you show how to allow users (business owners) to add and correct their own information (create a profile etc). It would be great to hear about best practice on how to approve changes (when a business owner changes his profile etc)
Thanks from Copenhagen
This is fantastic. I'm gonna tweak this to use it for member businesses by location within certain regions of a US State. It's gonna take some work but when done will give all the other member businesses the ability to contact other members. I'll restrict the access to logged in members only and hope it will be able to replace our simple pdf printout for all member businesses that members have to print out and then go through over 200 members to find the one they're looking for. Thanks for this video.
This is probably one of the best video's I've seen that shows manny different Components between Elementor & JetProducts. I've been looking for some tutorials that kind of wrap all of this stuff up together to get my head going in the right direction, and this sure has done it. I've watched it a few times and it's becoming easier as I go. I'm currently applying this to creating a video library based on categories. The styling part is just my challenge now to make it look good. Thanks again Paul, very awesome!
Great to hear this is helping clear things up. Good luck with the new site; I hope it goes smoothly. 😀
I bought a domain 1 year ago to make a website directory for Romanians in UK but was somehow bored or afraid or lazy to make it with advanced custom fields and \i just put the project away. with jet-engine look more user friendly. ty for sharing this :)
Awesome tutorial thanks Paul!!
Appreciate how thorough you were , in the short time you spent, very informative and in simple progression.
Great job! Thank you for this tutorial 🙂
No problem 😁
Sir, you have made the best video! Your comprehensive tutorial is so helpful. Thank you so much! I had started a same site (before find your video) with ACF and smart filters and I coundt understand for days why filters dont recognize ACF fieds. You save me...Please keep making videos using the crocoblock plugins!! I need them so much!
A nice, pretty much complete instructions. Thank you!
Brilliant (said with a Welsh accent) !!! Thanks Paul for sharing your knowledge in a very easy to follow tutorial. I love your tutorials and listening to your accent!
Just wondering how much would be involved in adding "claim your listing" functionality?
Paul, another great tutorial. Any way to upload all the listing from a database? Say, if I have hundreds of listings. Thanks!
WP All Import plugin 🎉
I'm watching most of your videos - congratulations to your work! This here, has come at just the right time as I am also creating a business directory. Thank you very much for the great explanation. Keep up the good work! Best greetings from Austria.
Hey Klaus, thank you for taking the time to comment and for your great feedback.
So glad to hear that this tutorial has come at such an opportune time for you. I hope it makes the process of building your new site easier. :)
Also, hi to Austria 😎
Great Video, I see that I am not the only where is very useful for the business I run. I have hundreds of products all roughly the same, which I re-sell from one supplier. Even a few months, the supplier updates an Excel sheet. It would be beneficial to know the Excel sheet could be used to create the initial listing. I know you might not be inside the remit of WordPress. I am sure this would be very useful as a related subject that would expand our understanding of Wordpress.
Thank You! I've searching for something like this for awhile. This is great!
can you show all buisnesses in a catagory on the same google map with this? I have been looking at using GeoDirectory as my main theme/plug in and it also works with elementor. Woudl be cool to see a tutorial with that as well.
Hey Paul, great tutorial, as usual, thank you :-) May I suggest you also teach us how to show suggested/related/random businesses that can be at the bottom of a business page ... I've struggled with this for a while and cannot get it to work as I want.
Have you checked out this recent video?
ruclips.net/video/_rpGrwwsWX0/видео.html
@@WPTuts That I had missed, just what I was looking for, super thanks :-)
Thanks, I'm looking forward to starting my businesses directory, very helpful.
thanks , do you offer front end submission for the created form ?
Thank you very help full... ! But to be honest is more about Jet search then the rest .,.. What is great because this is very interesting. I hope you gonna make a another one with complexes searching.
Searching and filtering is a topic that I'll be doing more content on for sure.
@@WPTuts I got a question .. do AFC have the same way to styling Listing like Crocoblocks ? or even better ?
did everything like you did, but didn't see anything in the template. Only getting : No data was found
Thanx a million, very helpful. Could you also add some tutorials about Smart Filtering with RANGE filter. It is tricky! Thank you again
Where can i see the demo version of this mockup? Would like to see how this site performs for UI & seo purposes
You are so profesional
Thanks for you time to teach us!
From Monterrey NL México
My pleasure. I hope you found the video useful. 🤘
Hope anyone can help me. I rebuild this tutorial two times. Always the same issue. At 22:47: No Items. %current_id% doesn't work. And what Steps you have done between 32:49 and 32:51?
same here, upvote for the material, but i have the same problem when put the tax_query meta , no items, in settings putting a item page in the field no items to
Same problem with %current_ id% !
I had the same problem and solved it by ticking the "Use as Archive Template
" button to "YES", under the general settings. Hope this helps you as well.
@@aneriekelottering7636 Thank you so much for your contribution !
Fantastic video, as always. A couple of things I'd like to learn on the same lines. A front end entry form for businesses to enter their own information and a large home page map that dynamically changes with filter criteria (something like Air B&B). A follow up would be great, thanks again.
I'm currently looking into options for front-end forms to work with future videos in the same vein as this but working with ACF Pro. I'm also looking into options for advanced search and filtering as well as the possibility of a large overlay map with business listings.
We'll have to see how well they stack up and how easy they are to integrate into the whole design. :)
@@WPTuts Sounds good. I'll be building one sometime in the near future. Basic free listing, upgrade options etc. There are a number of themes that do this (map and front end form) but you limited when it comes to design. I really want to build it from scratch myself with Elementor Pro.
@@adambermingham7661 FacetWP provides map functionality, but no idea how good it actually is in practice or if / how it would integrate with ACF / JetEngine CPT and Taxonomies. I've reached out to them so will hopefully hear back soon and have an idea if it is a viable option.
Building your own can be more of a challenge but at least you are not so limited once you have all the pieces in place.
@@WPTuts There is no to configure the Elementor map to draw content from the search and filter, location tax. you created with WP Engine?
ie. the map on the single business page but drawing on multiple location data.
What a gem of a tutorial as usual Paul.
Could you do a tutorial using Metabox instead of Jet?
Also how would I implement Loco Translate or some other multilingual plugin?
Is it possible to add memberships and frontend dashboard (for submitting their business) for clients, using this method instead of buying a theme? I have bought ListingPro and they have a lot of problems...
Great tutorial, @WPTuts!! Love it. One question: instead of using pre-defined locations, would it be possible to have the user search for a city name or street name and, as the user types, have Google Maps (or Map Box) dinamically show the list of addresses from Google Maps database? I've seen that feature in some Wordpress listing websites, but I'm not sure if it would be possible with JetEngine. If that is possible, do you have a tutorial for that? Thanks a lot!
I have this question also
Thanks for this video. I could not find JetEngine on the wordpress plugin directory, just seeing other jetEngine products (plugins)
Another great tutorial, Paul!
Thanks Frank 😁🤘
inspiring! Thank you very much
Really awesome tutorial!
I got an interesting experience. Thank you very much for this amazing video. 🤘🤘
SAVED MY LIFE! Appreciate a lot
Thanks Paul, this is very helpful. Have you made a video about how to add a paid subscription to a listing site?
Man, you really rock. I would have given you a big hug if you were a woman :)
This is great - followed every step, however got to the point of adding the filters and the front end just 'greys out' when you tick a checkbox and hangs? Any immediate ideas as to why?
Please let us know which template have you used for this excellent tutorial!!
I believe it's using the Hello theme for Elementor. 👍
@@WPTuts nice! Thanks for letting me know! Also it would be a good idea to create a video tutorial of how to make a WordPress template theme translatable. Because there are some themes from envato that are not wpml compatible. Like business listing directory templates :)
Have a nice year buddy!
Hello! Crocoblock said that multilanguage plugins have not been tested with their jetengine and their other plugins..any idea bou it? What can we do?
Great video thank you. I'm using Elementor and Toolset and my issue is that some of our partners have more than one location. When I add multiple locations to the location field, the Elementor Maps just falls apart and shows the entire earth instead of the locations on the map. Is there any way to show multiple locations? Thanks
Thank you for the walk-through! Is there a possibility to bulk-upload listing content through csv or the like? Thank you!
This video and content was amazing. Really enjoyed and enjoy your style as you do not skip the smaller details or clicks as a lot of people do. That is the pure gold. Keep up the good work.
I also had one quick question. You noted about the sub-types (in this case as design then graphic design). You did not go much into parent and children. Is there something unique we can do there as well?
When I go to put %current_id% my business listings do not show up no matter what. I'm not sure exactly why but I tried everything you said in this video.
Amazing tutorial!!!! Very engaging and makes you feel doing it like RIGHT NOW! This project is the exact answer I needed for a client of mine. Thanks a lot!
I exact follow everything, but single listing shows on SINGLE page Template but NOT on live. I did NOT miss anything, only I used KAVA theme to built it.
Any recommendations on plugins to allow a membership component to this? I'd love to have a front-end where we could charge for the ability to be a member with your own 1 or 2 custom posts. Ideally this would allow me to have a portal where I could charge the user for their post and allow them to edit it from their own frontend?
Joshua Dray same question! Any recommendations?
Did you find any solution
This got me here too. I am looking for solutions to push data from frontend (logged in user/member) into custom post types.
Great tutorial ... I can see how I can use this for many applications. You mentioned that there are advantages with using the Jet custom field options compared to Advanced Custim Fields. Can you explain those differences? As I get ready to decide which custom field solution to use I want to make the correct choice to start. Later I can add multiple solutions to my technology stack. But I would like to start with the mose flexible and then add other solutions that work better for specific solutions.
The key difference is that JetEngine has greater integration with Elementor and Elementor Pro and that you have a suite of plugins that are all intended to work together. That makes for a more fluid process of development. ACF on the other hand is a far more robust platform at this point in tie, but you would need additional plugins to do some of the things covered in this video.
For example, the filtering features, which are integral to a site like this, would require third party add-ons that work with CPT and custom Taxonomies to do what is included in the Crocoblock tools.
I will be doing more videos on ACF and some plugins that I'm testing for front end form submission and filtering, so keep an eye out for that if it helps make your mind up which you feel is the best option for you.
@@WPTuts thanks for the feedback. As with almost everything with Wordpress there are tradeoffs with choosing any single solution.
I like what you said about the better integration between Elementor and Jet Engine. But if that comes with more limitations on what you can do it's probably not the pest solution long term for my primary tool set.
I will look forward to you doing some more in depth tutorials on ACF and the needed set of plugins you mentioned. But I see a need for becoming proficient in both approaches to integrating custom fields with Elementor.
I still hope to figure out hoe to integrate Wordpress custom fields with database structured data sources (or other structured data sources) so that all the data for a directory style site like in this tutorial can be loaded into the website without having to enter it all manually.
Great video. can any of this be done with the free elementor option?
I'm afraid not as you need the Dynamic Tags tools and that's only in the Pro version.
I’m a little confused at the beginning with adding a meta tag when creating the Custom Post Type but then also adding it as a taxonomy. E.G. “business type”
What is the plug in for Smart Filters? I thought I had all the required plugins installed but cant see that one
Again a great job. I started planning out a directory site yesterday, great timing! I have just looked at the Jet Engine/Crocobloc and looks good, might purchase using your link of coarse. One thing though the directory I am planning is UK wide so I would need a solution where the search is done by geolocation/postcode/city as well as category. I think that filtering by location would be too cumbersome because the list would be too long. If Jet Engine cannot do this, can you suggest a solution, please?
Maybe look at Advances Custom Fields Pro and FacetWP which includes a map that allows you to list locations and make them clickable and searchable.
@@WPTuts Thank you for the suggestions. I shall have a look.
Great tutorial, but one question. I understand how to make the post image clickable via permalink, but is there to make the post title clickable?
im doing the business directory website right now and have found disadvantages with JetFilters - you can not select AND OR operator.
for example if you want to filter business types to narrow the search. You want to see businesses that are with category Art and category Design - like One Business with two categories, not two separate businesses falling into the selected category. I need to narrow the search by selecting filters. Cause if you select all categories you will have full list of businesses, as you did not select any of the categories.. make sense?
It might be not relevant to the example you are building, but in my case I need to have such functionality...
Hey Paul, this is amazing, except I want to do the same thing with Oxygen, ACF, and CPT UI.
I tried out Listingpro 2.5 but it does way too much. Any ideas?
This is great. Now I just need to apply the 'Front end form' technique to allow businesses to register their details to become part of the listing. What method would you use to allow free listings and paid listings?
How did he create the style for the listing , I want mine to be exactly like how he done the Art shop one ?
It looks all good on desktop view. When switching to mobile view, is there any way to better show the filters? Currently, its all at the top of the page, and when you have a list of filters, the user would need to scroll down quite a bit before reaching the content page. Is there a way to say make the filters slide out instead?
Btw, great video as always Paul.
When previewing the business type on the template archive, it doesn’t show any data?
Excellent Video, fast and well explained, it is possible that you make a video on how to make a service booking listing website? and how to display all services in a single map? Thanks
Thank You! Great Tutorial
I know this may sound nuts but everything works from the backend, but all the fields I've created and filled in using Jetengine don't show up on the frontend! No plugin conflicts/changed themes etc I'm stumped! Any ideas? I have subscribed as you have very clear tutorials that cover what I'm interested in :-)
Is there a working example of this directory? I'd like to see how it looks on mobiles before setting it up. Thanks for the video tutorial, it's so in depth but no waffle 🙂
It’s one thing to be able to create a website with all these awesome functions, but it’s entirely a different story when it comes to reliability. Would it be reliable enough to handle a large traffic? How effective is the customer support team? When we intend to start a business, we don’t want unprofessional issues being painted on our services.
You'll have that potential risk no matter what tools you used. With a platform like WordPress and 3rd party plugins you always run a risk of comparability issues.
That's why you would need to ensure your hosting, backup setup, etc., are all part of your ongoing plan.
As for support, Crocoblock recently introduced video chat support and that's getting positive feedback in the community.
is there a way to populate the taxonomies with listings from a external DB?
Do you prefer using this setup or the ACF setup you cover in the other business listings video?
Are there any method to randomize the query every time we visit the index page?
Is there a way of creating a page that has certain filter already checked. For example, I want a business type page, but the option on the filters for them to go onto another business type using the same page. Thanks
Front end submissions and sell per post?? It is a mandatory
I'm looking for viable ways to include that type of functionality, but it's currently proving a little elusive.
I will find a way to create front end subs and create a guide on it. 🤘
@@WPTuts I've been looking for an option too and haven't found one either.
@@MicktheWPMentor crazy to think something so useful isn't available or isn't being promoted well enough to actually be found. If you do come across a solution, please let me know. :)
@@WPTuts Which would leave you going with the CPT UI, ACF, WP User Frontend Pro route I guess?
Hello,
First of all I want to thank you for all great help. I have learnt a lot from you.
I want ask you if ACF is working with the Jet engine now or it's still the same as mentioned in the video 9 months.
Thank you in advance.
I have a problem, when i want to add an image for the archive, the header image field is shown and the image is uploaded, but the image is not showing.
anyhelp please
Hi Can I get advice how to search for exact match? For example, if the exact searching text is 'vessel' so when I type in 'vess' only in box there is no result in it. I am now making DB searching system in my website which is showing only the exact searching word not including searching word.
Great video @WPTuts thankyou!
One question... I want to create a landing page which is pre-filtered based on business type & location. How should I configure the listing grid?
This is a great video, but everything works fine for me until 29:09 when I add the "%current_id%" term in the terms section , I get "No data was found", even if I change the settings preview to "Business type archive". I can't use the tutorial after that, because afterwards, I always get the "No data was found" message. I followed twice the tutorial from the very beginning and the same thing happened when I reach that point. What could it possibly be?
Hello friend, I have the same problem, "% current id%" does not work as it should. did you find any solution?
@@luizcaparelli1990 hello, I am now stuck at this point, can not figure out how to get pass this, have you guys figure it out? Thanks
Thank you for your help. I just want to know from the people that have watched your video, has anyone built a successful directory? Do you know of any local directories that do well?
At 21:54 how did the dynamic field default to “the art shop?”
Great video! Are you using a basic theme? I have to rebuild my site. I previously used a theme, but I've had too many issues.
I'm pretty sure it's using the Hello theme for Elementor.
I’m working on a website with business listings and membership access to maintain their listing. Do you still recommend the tools and approach in this video, or do you have an updated suggestion?
Thank you so much
Hello,
I would like to know if we want the subscriber to pay with stripe, how we can do it, tanks
Hi, great tutorial. We are wanting to give the option for the Vendors listed on our Directory to edit there own content
Any advice on how we could do this?
If you do a search on the channel for either Profile Builder or frontend dashboard, you'll find several videos on the very topic. 😁👍
You're the best! Thank you so much
Can you show how to add map with all businesses? mayby additional how to show them using geolocations with distance filter
Can this be integrated with Google sheets to auto populate the business directories? If so, what plugins would I need. Thank you!
Hi there, many thanks for this very much helpful video. I am a beginner and trying to build a business registry webpage. The idea is to Automatically generate database of FB pages upon Social Login under certain categories. The Social Login registration should automatically generate some information (field, mob; address etc) they have indicated in their Facebook profiles. Could you share any video tutorials, guidelines, or maybe advice? Many thanks in advance for your attention.
Hello Paul, thank you making it crystal clear. how can we add a Advanced map on business directory Archive page to show all business locations by pins. Even better if pin colours can be changed based on Business type. If there is twick to make visible all the business location on map would be great way to showcase .
thank you again and based on your videos i could gain confidence to buy the crocoblock set.
Thanks for the tutorials Paul, you are a first class educator. This video demonstrates exactly what I want to achieve except I want a form to auto generate the business listings like you demonstrate in one of the ACF vids. Is this possible with the tools you use in this video or will I need something else?
Thanks for share. In looking at some of the directory video's i noticed that things like: business hours, listing stats and booking is missing. Is it possible to create/add that with JetEngine?
Hi, That was a great tutorial. I would like to add some star ratings, user reviews, the number of views, share buttons, like buttons, make an appointment/booking or make an inquiry, etc. can we make through the jet engine.
Hi, first of all, thank you for a very helpful and clear tutorial. i just have a question, or a petition. Can you explain me how you did the menu and add the sections manually. Thank you so much.
Just a question, first of all nice tutorial.. very helpful. But when you select a filter option, does it update the url with the selected filter options? If not, is it possible to do so?
No, it's done through Ajax so no page refresh. You can apply the filters through a submit button instead of Ajax, but not too sure if it displays via the URL I'm afraid.
Can we have a pointer on where to find out how to disable the user addition of categories, please?
Very nice tutorial.. im learning a lot... but im just wondering if the filter function can be used in booking forms to send into email.. (for rent a car reservation forms.)