Advanced Custom Fields Pro & Elementor Pro - Advanced Real Estate Website
Vložit
- čas přidán 6. 01. 2020
- Advanced Custom Fields Pro & Elementor Pro - Advanced Real Estate Website
This detailed and comprehensive guide will show you how to take Advanced Custom Fields Pro & Elementor Pro combined with a range of powerful plugins to build your own real estate website.
You'll learn how to use Custom Post Types using CPT UI, create your own WordPress loop to display your properties in a truly unique way.
You'll also learn how to create fully custom single post templates, archive templates, build ACF relationships to link your sales agents to your properties, integrate dynamic contact forms, multi-pin Google maps and soooo much more.
Not interested in building a real estate website? No problem, the skills you'll learn in this tutorial will help you build all manner of custom WordPress websites with the skills you'll learn from this tutorial.
► THE TOOLS USED ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Advanced Custom Fields Pro: www.advancedcustomfields.com/...
★ CPT UI: en-gb.wordpress.org/plugins/c...
★ Elementor Custom Skin: www.eletemplator.com/ele-cust...
★ Dynamic Content for Elementor: jo.my/dynamicoo
★ Anywhere Elementor Pro: www.elementoraddons.com/anywh...
★ Hello Theme: elementor.com/hello-theme/
★ SearchWP: bit.ly/2ONP62U
★ FacetWP: facetwp.com/
★ WP User Frontend Pro: swiy.io/wptuts
★ Admin Columns: wordpress.org/plugins/codepre...
► USEFUL TUTORIALS ◄
★ Beginners Guide to ACF: • Advanced Custom Fields...
★ Beginners Guide to CPT UI/ACF: • How To Display Custom ...
★ Multi-Pin Google Maps: • Multi-Location Dynamic...
★ Elementor Pro Theme Builder: • How to Use Elementor P...
► GOOGLE MAPS ACF INFO ◄
★ www.advancedcustomfields.com/...
► TIMESTAMPS ◄
2:00 - The Tools Used
5:51 - CPT UI
12:31 - ACF Setup
27:05 - Anywhere Elementor Pro Templates
1:04:58 - Custom Loop with Elementor Custom Skin
1:12:38 - Elementor Pro Templates
1:17:33 - Search & Filter setup
1:41:23 - Front End Form Submission
2:09:11 - Homepage & Multi-Pin Google Map
2:25:31 - Admin Columns
2:30:40 - In Closing
► THE TOOLS I LOVE ◄
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.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - Jak na to + styl
Thank you so much Paul for this wonderful tuts. Love it so much. Keep doing the great works for the WordPress community. Have a good day from down under.
I have watched many tutorials about WordPress, and I can say that the way you explain things is the best way. You tone, speed, content everything is just perfect. I never feel bored while watching your videos.
I watched tons of your tutorials and they helped me immensely in building my WordPress website. If it wasn't for your videos, I honestly don't know how I would acquire the skills needed to reach a point now when I have a decent website. Thank you so much Paul C! Your work has a great positive impact on people's lives
This was one of the greatest tutorials I’ve ever seen. Thank you. Absolutely brilliant. Keep up the great work! Sadly I had to stop building due to not having the PRO version of the plugins but the lessons were great
What a brilliant, comprehensive tutorial; thank you Paul. You're a great communicator and I love how succinct your instruction is. Have ing watched a few of your videos now I've finally smashed the bell and am going to work through your back catalogue as well as look forward to new content. Having just started some work for a property developer I'm really looking forward to employing these new skills in a production site. Keep up the great work.
Thank you David, it's great to hear you're finding this type of content useful and great to hear you've subscribed. 😁🤘
Tank's Paul .. a lot more helpful than most other content on both ACF and Elementor!
Wow, thank you. I have never hit the pause & play button so many times in one video before. Again, thank you, your knowledge is helping me understand this beast of a program.
Due to time issues I have missed a lot of your videos in the last months. Now I am trying to catch up and although all your tutorials are really great this is one of the most helpful you made so far. Thank you so much!
This is the best tutorial on the subject I have ever seen! Despite the fact that the tutorial is 3 years old, I have learnt more in 2.5 hours than I have learnt through a multitude of online courses containing many hours of useless information. This tutorial beats everything else I have ever seen. Concise, to the point without unnecessary fluff while focusing one everything essential, well explained by an exceedingly knowledgeable teacher! Well done Paul, you are the man!! You have gained a dedicated disciple.
Thank you very much for the great feedback and it’s awesome to hear it’s helped. 😁
Great tutorial as always, I am building your business listing tutorial and one this I need to learn Urgently is adding payment element when clients are added their listing, I was hoping you would has show this in this video. So I will wait to see your next video to help me with this section, thanks for all of your hard work.
Thank you !! you are an amazing teacher. I could not have done this without your tutorials and your teaching abilities.
That was fantastic! I've learnt a whole lot more about extending WP and using Elementor
Thank you very much!
Today, I learn lots of stuff in elementor by watching your videos. Keep going ;)
I can watch dozens of your videos about ACF and CPT, always getting lods of information.
Same here!
Your minimalist design style is lovely
You are my saviour ! Excellent video!
two great tips for you all about using gallery acf:
1. choose the elementor widget of: gallery >> not the 'basic gallery'! :)
2. when making custom field of gallery choose as shown in this great video: array images (important) it took me hours to figure it out :)
i tried using paid plugins that caused my site problems and than delete it to found out it is working without any plugins.
again thanks for all videos series i am learning a lot
thank to you.
Thank you Paul , such long explainer video with live manip. are greatest and extremly useful to learn , now and further to your explanations I definitly love ACF , please much more long videos like this one , thank you =:)
Apartment of Doom :) :) Love this tutorial, so helpful. Your style of teaching is great. Thank you so much!
Thank you Tracy, great to hear you like the new tut. 🤗
Brilliant and inspiring! Great work as always!
Congrats for your hard work! I keep seeing your vids in my feed but never commented here before and just realised I wasn't even subscribed. Which I am now :-) Love your videos.
Thank's Kay! The irony is I was just watching your 1 page website with Elementor video after Verdi posted it on Facebook.
What's the chances? lol
@@WPTuts Haha niiiiiice! It's great to be in touch :)
Thanks you Paul for a very informative and in-depth tutorial. Your professional and clear approach to imparting information meant that watching a 2.5h video was easy.
I learned a lot from this and as I have a project coming up, I hope to use a lot of the tips and techniques you outlined here.
One aspect that I thought could do with a little more explanation is the relationships section. I am very clear on database relationships, but I thought this needed a little more detail. I would like to see if there is another approach. Your examples are dealing with a small number of properties, I understand. But when lots of properties are being added, the currently logged in user is probably the agent in your example and it would be good to see the relationship populated with that.
I am really looking forward to your next video, thanks again
Pete
Pete Harrison I’ll definitely look into relationships in more detail in the future as it’s such a powerful option. 👍
Sincere thanks for this comprehensive guide.
I love the attention to details you provide .. keep up the good work.. we want to see you with million subscriber soon enough in future
Would definitely like to see an advanced tutorial on WP Front End User Pro. Thanks! Great Tutorials!
Awesome Tuts!
Thanks and keep the fire burning. Really learning a lot.
As usual, no-nonsense - only to the point. Love the videos for the same reason. I am curious whether Beaver themer and builder related videos on the radar!
To be honest, I'm not really familiar with Beaver Builder, but never say never. :)
Great video, thank you! Would love to see another advanced edition of this showing how to filter the listings map based on search criteria (like price).
Paul, Priceless content!!
Thank you
Thank you so much Mr. Paul, you make me "Developer"
Well appreciated. It was well designed tutorial any one learn professional web design at short time. Thanks a lot. Keep it up 👍.
Man you are amazing, i learned so many things from you which i couldn't find anywhere else. Just one thing you talk very fast but your content is amazing
I have tried to slow the pace in more recent videos. I hope that'll help make them easier to follow along. 👍
Hi, thank you for the great tutorial, I followed the steps of your tutorial in developing my website and it's really useful, one more thing I want to know if I need to show only the number of property associated to each agent, in your example you have Betty Loop as an agent what if I want to display the number of property in the agent profile without displaying the property itself.
Echoing requests here for an in-depth tutorial on WP User Frontend Pro! Thanks for your great lessons!
Now the main question how to build advanced search bar based on customized fields? Like the one you see in Real estate websites with advanced search bar and Search Results page? That would be amazing part for this tutorial. And thank you so much for your continuation. These are an amazing tutorials.
Hi, great tutorial, quick question, what would you recommend to bulk import existing products say with CSV files?
Hello Paul, and thank you for another great tutorial. I have a question for you. Is there a way to connect the map with facetWP (or some other filtering system) so it will only show the properties on the map that meet the person's search criteria? This is something that you see on other sites displaying listings and having that feature added in would make doing searches a lot easier.
Tthat's my evenings over. Nicely done!
I hope you found it time well spent :0)
Really awesome tutorial. Where else did you use the Dynamic Content for Elementor plugin besides the Google map? Is that necessary to read the CPT addresses into Google Maps?
Hey, that was a great tutorial Paul. Thank you.
My pleasure, great to hear you found it useful. 😁
@@WPTuts Just an off-topic question. I was trying to accomplish an events module using ACF+CPT UI but could not figure out how to sort the events based on event_date. I would like to sort the rapidly upcoming events to show first but the elementor allows to sort based on published_date. Any idea how can we do that? Thanks in advance.
@@prasaddiwan8808off the top of my head, I think Shabti's free plugin allows for more advanced sorting by custom fields.
wordpress.org/plugins/advanced-post-queries/
Let me know if that works for you. ;)
When I ask in the forums what is the best plugins to do something no one replay, they dont want to help so thanks for your tutorials.
A great tutorial that is going to let me do some great things with my NFP clients
Great Tutorial. Is there anyway to pull in individual features in WPALLIMPORT PRO into the ACF Checkbox element?
Excellent video!. Clear and enlighten. Thank you very much. As Elementor Pro new version has just being released (I am talking about the newest version with step forms) I was wondering it included the features used from Anywhere Elementor Pro or Dynamic content.
Paul this is a great tutorial. I'm building this out as we speak. I did install anywhere elementor plugin however I don't see where you edit the settings. I wonder if they changed that since you did the video.
Great tutorial. Really helped me to learn ACF/Elementor, et al. Quick question, is there an easy way to add a Checkbox to each property result? So the end-user could then select a few properties from the results to print, save, email, etc. and get rid of the rest of the search results? Seems simple, but not able to make it work.
Firstly, thank you for your amazing tutorials. For more friendly experience, I wonder if there is a way to make the taxonomy selection in the front-end submission form looks like the hierarchy selection which is shown at 1:28:27 ?
LOVE THIS! Thank you so much..
One question for property price : could you help me how to change default currency thousand separation from comma (1,000) into dot (1.000) ?
Great video! Thank you Paul! Just a question, how can I add the functionality of compare & PDF (print) properties? Similar like compare woocommerce products side by side to see the difference?
This is an absolutely fantastic tutorial and I have spent a good couple of hours going through it and the other stuff you have posted. It's great! One thing I'm really stuck on though is how to only show pins on Google maps in elementor for just the posts that appear in the search results. I just can't figure it out - it always shows all! Is this covered in any of your videos, and if not so would you consider making a video of it?
MERCi pour ce travail BRAVO...
This is an amazing tutorial. Thank you so much. I have a question. On the flat archive page, I have built a custom skin loop and each card says Available, Reserved or Booked. Is here any way the word can be red if it's Booked and blue if it says Available? Thanksss
Thanks! Very interesting tutorial! How would you create pages for property developments too? Like if it was not just a real estate but a property developer?
Great video!!. A recreation of this video in Bricks with the new filtering and grid options would be awesome. Just a thought lol...
Great video! Lots of great info. Would you be able to do one on customising FacetWP? I have found doing any styling on this plugin to be a complete nightmare and it is certainly lacking in this area. Their documentation doesn't really do much to explain the "how to" of this. Very very frustrating to find a good filter plugin that works with Elementor that isn't nasty to style. You'd be surprised how difficult it is to get one that you can change checkboxes from ghastly grey boxes to a button with text kind of arrangement. Thanks!
Thanks, your tutorials are very helpful, in my opinion the best tutorials on this topic available now!!! I have one question about the real estate example: Do you think it would be possible to filter with FacetWP based the relationship post's custom fields? For example, in the real estate example, would it be possible to filter Properties based on the Agents' custom fields, such as the age of the agents? Thank you so much!
Fantastic tutorial. I don't quite understand what Anywhere Elementor Pro is adding to the stack - it seems like I can pull this off only using the rest of the recommended plugins. Am I missing something? Thanks!
Hello and Thank you so much for this post. Now I have a question, what if I want to display multiple agents for a single property?
Excellent tutorial. Just one question. When adding the recent posts widget to display the latest 4 or however many in the sidebar, is it possible to include any of the meta data from the ACF? The widget used for this is the standard WordPress posts widget. That's fine in this example as each post relates to a house that is for sale. If however the listings were for either a house for sale or a house To Let, it would be useful to add the meta data for this of "For Sale" or "To Let" not just in the recent posts widget but also on the single post or archive pages also. The WP posts widget only seems to allow for standard meta data such as Author, Date, Time and Comments with no option for dynamic data. I couldn't see that AE Pro offers a similar widget. Thanks.
Hi Paul this is a great video and I've been watching it very carefully. My question is what's the difference between using -for example- "AE - Custom Field" versus "AE - ACF Custom Field"?
Hello, thank you for this excellent video 👏
Can you tell me the impact on the speed of the site built with extensions vs a site built with a directory theme?
Thank you very much for your time help and advice
Thank you so much Paul, Great tutorials! I have a question I do like to have a payments option for some fields and i like to integrate Mollie payments plugin is this possible.
Hello, amazing content, how do you insert code into ACF through elementor ? I tried several techniques but it's not working fine yet, thanks
hi Paul, love your tutorials. quick question, why are you using anywhere elementor in this case and not dynamic content acf relationships to show the agent details? currently setting up a site with lots of relationships and curious to know if one way is better than the other? Many thanks.
top quality content. thank you!
Glad you enjoy it!
Hi Paul, Great video thats VERY easy to follow. However, FacetWP doesn't appear in the WordPress plugin list. Do you have any other plugins you would recommend to do the filtering?
GREAT video!
Paul, can we use Fluent Form Pro to replace ACF Frontend? or its different?
Thank you for these helpful tutorials. Can you please add video how to compare two custom post types and show them as table .
Hi Paul - thanks for your great tutorials. One question: (writing as of Oct 2020) Am I correct in assuming that I don't really need the Anywhere Elementor plugin, as I can just make a template and choose which Conditional Logic that ties it to a Custom Post Type? I'm a little fuzzy on the logic here...
Thank you for the tutorial. I have a question. Why did you include the Form in the Agent template? Why isn't it designed on the Property template?
Great tutorial. I am working on building a property management website. The buildings have many units; how can I display which apartment is available to rent and for how much in a particular property?
Thx a lot! You are the best!
Thank You so much for this video, its really helpful. Will you please expand it more by allowing end user to become an agent like if someone post a property to be sold he/she also act as an agent and when the admin is about to publish the property he/she knows that which agent upload that specific property. Thanks
Hi Paul, another excellent tutorial. It really is an eye opener for me.
I have a question pls: at 54:33 you're using ACF as a stand-alone widget and you add the Property Features as an icons kind of list. Is this ability coming from ACF Pro, (both as a stand-alone widget and features with icons)?
Thank you for letting me know!!!
thank you so such paul. Your video is a lifesaver. It would be very useful if you could do a video for the paid listings.
one question' In the field group --> Field label, when Field type "taxonomy" is selected, when calling this selected field type on template, number is returned rather than name of the taxonomy. thank you always for helping out.
Hello Paul, thanks for this amazing tutorial. It's always good to learn a few new tricks.
Is there a reason you used for the loop template Ele Custom Skin instead of using AEP's block template?
Just personal preference to be honest.
Please star-making videos on the membership website using the paid membership pro plugin, I am very thankful to you for making these kinds of tutorial .
Hi Paul With the new elementor template system, combined with Dynamic Content for Elementor would you still need that Anywhere Elementor Pro? Not really grasping what the use of that plugin is.
Thank you very much Paul this video is super usefull and was exactly what i need for my usecase... As you have asked about any wishes, i would love to have a WPUF tutorial i use this plugin for frontend posts as well, but i think i have missed a lot of features or dont understand thier usecase.
Maybe you could do a detailed video for WPUF. I would be so thankfull about that i would even pay you something, because i think WPUF is very powerfull.
Kind regards
Liam
Thank you so much for this tutorial! I'm setting up my site now with it step by step. I've run into a problem with AnyWhere Elementor Pro. My widgets don't show up when I got to setting up the agent template. I isolated it to pro by deactivating it. I know there are several versions, I tried the newest version 2.15.3 and the oldest version 2.14.1 and neither worked. Any advice? Thanks!
This is gold worth you got a new subscriber
Welcome to the WPCrue. 🤘
Thank you for this detailed resource, Paul. I am currently designing the architecture of a web project using CPT UI and ACF Pro and will appreciate any help from you and other users here.
I'm working on a "School/Courses/Scholars Finder" project that will have the following features:
1. Listing of schools based on types (uni, college, etc), ownership (private, public, etc), and a few other grouping fields. These schools are located in different regions (or states) in a country (region 1, region 2, etc).
2. Courses: each may be offered by more than 1 school
3. Scholarships: May be offered in/by many schools or no school at all.
I have a challenge designing the relationships in a reasonable manner that will be easy to retrieve data from. Like, which should be custom post type/taxonomy. And how to link things.
Any help with be appreciated. Thanks guys!
How did you later solve this?
Amazing tutorial.
I'm having problem with loading a video on the background instead of feature image . I created a field in property menu to add property video link eighter vimeo or youtube . Then in the elementor style section I chose video link as background and dynamic link to the property. But nothing shows. Is there any other way ?
thank you so much paul. Your videos are so great! Also, I have two questions. 1. I need to put the property archive onto another page which I build with elementor pro. then place it in my menu. I have noticed that the search and other bars dont show up? what i am doing wrong. 2. When the archive is displayed it is not perfect. Some of the spacing is off. I have tried to edit my loop. still I cant seem to get it right Any suggestions. thanks your biggest fan!
@WPTuts Another fantastic tutorial Paul. Thank you so much for the incredible content. Is it possible to use JetSmartFilters in place of FacetWP ? TIA
No problem at all.
I don't believe so. As far as I am aware, JetSmartFilters will only work with JetEngine meta fields and not ACF.
I will be doing a guide to using Search and Filter Pro which is a lot cheaper than the 2 plugins used in this video, but need to fully test it out to see how it stacks up against FacetWP and SearchWP. :)
Hi!!! I love your tuts!!! Thanks for share :) I need to do something similar but with a Search Properties with different queries. Do you have any tuts for that? Thanks!
Hello Paul, I'm curious to know if the following can be accomplished through Elementor. When you look at featured posts for a directory site, this is something that is usually charged for. It would be great to know how to set something like that up. I believe this is usually something that is charge for over a period of time (days, weeks, months). What would be nice is knowing how to integrate this and have it as an option in the dashboard, in this case, of the Realtor so if he or she wanted to to make a particular listing they have into a featured listing, they could do so whether it was a new listing or one they are editing. The second thing would be giving the Realtors the ability to mark the status of their listing (new, pending, sold and so on). This could display in the listing somewhere (both in the post grid and the single post) so people can see its current status.
Truly appreciate all the hard work that's been invested into this video. 😆
If you don't mind me asking, could you provide links to the image files being used and things of such sort so that we could follow along while watching the video?
I'm pretty sure they are all from Unsplash: Some can be found here: unsplash.com/s/photos/house
It was a long time ago that I grabbed some of the others, so I'm not too sure where they came from to be honest.
Hi Thanks for the Tuts, It seems that FacetWp is no longer on the plugin section. Did it change the name or is it only pro now?
thank you so much for the incredible information, as usual. I am trying to use a membership plugin such as ultimate member or WP User Frontend and show the custom post added by each user on their profiles... I haven't found a single video about that, can you please do a tutorial about it!
Hi, U have luck with that?
Thank you for the tuts, extremely useful. However, I would like to know if the plugins used are compatible with WP Job Manager, or if you know one that might be. I would like to add a Company Registration form that will go to a Directory after submitting it. Thank you, really appreciate it.
great tut like always Paul! It's been over 7 months since this video, any updates to plugins for a real estate site? Is AE still required in this stack with the current version of Elementor Pro?
I have the same question here. Will need to check.
Hello Paul, I love your videos. They are fantastic and very educative. Can you do a full video Tutorials on wp user frontend pro. I would be very grateful. Thank you
Hi, really enjoyed this. How could you add a claim listing feature to this method?
great tutorial. Have you run into any elementor friendly maps widgets that allow filtering of the pins/locations? I wish filterwp worked with dynamic. they're both great plugins.
Take a look at the Map addon for FacetWP. That may do what you need it too. :0)
Amazing tutorial Paul, thx so much. I want to know, whta happen with SEO, i see in the video that u created a lot of taxonomies n pages, it is healthy for google? n u have some videos where u can teach some kind of design?
Srry for my poor englihs :). Great video again
Great tutorial thanks! Any chance you could post the info in the description you mentioned regarding the Google API process and the Google API code required to make the ACF maps functional?
Bugger, I thought I'd added that.
Leave it with me and I'll drop it in when I get in front of the PC. 🤘
Link is now in the description and for ease, here it is too: www.advancedcustomfields.com/blog/google-maps-api-settings/
@@WPTuts Perfect Paul, thank you!
Hey there this is been very help-full I would like to know how posible its to make a post to redirect to a custom url when creating it in the front end. I mean create a custom field for the custom url and make the post redirect to it so every time someone click on the feature image or title it will redirect them to the custom URL?