Building A Car Dealership Website With Advanced Custom Fields & Elementor
HTML-код
- Опубликовано: 25 авг 2024
- Building A Car Dealership Website With Advanced Custom Fields & Elementor.
Building listing websites with WordPress, Elementor Pro & ACF is much easier than it used to be and in this detailed tutorial, I'll take you through the process of building a car listing website.
Don't think you're limited to just car sales. The tools & techniques can be ported over to just about any listing website.
Learn the fundamental skills and build upon them to become a much more proficient web designer.
► TIMESTAMPS ◄
00:47 - The plugins
03:31 - Custom Post Types & Taxonomies
09:43 - Meta Fields with ACF
25:48 - Templates - Loop
37:57 - Templates - Archive Page
43:27 - Templates - Vehicle Single
57:34 - Templates - Relationship template
01:03:46 - Search & Filter Pro
01:20:30 - Admin Columns
01:24:41 - In Closing
► THE TOOLS USED ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Advanced Custom Fields Pro: www.advancedcu...
★ CPT UI: en-gb.wordpres...
★ Elementor Custom Skin: wordpress.org/...
★ Dynamic Content for Elementor: jo.my/dynamicoo
★ Hello Theme: elementor.com/...
★ Search & Filter Pro: searchandfilte...
★ Admin Columns: en-gb.wordpres...
ACF Relationship Tutorial: • Advanced Custom Fields...
S&F Pro Tutorial: • Search & Filter Pro Wo...
S&F Pro Help: searchandfilte...
ACF Playlist: • Advanced Custom Fields...
Elementor Theme Builder: • How to Use Elementor P...
Take your WordPress website and skills to the next level!
► 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
This is the diamond standard for tutorials. Amazing work! Thank you, sir!
I hardly post comments but this guy is awesome. I have learnt so much from him.
You're too kind Michael, but it's great to hear you've found my content useful and felt the need to post. :0)
Thanks Paul, as always this was great. Last year I started trying to build a business based on offering vehicles online. I bought several themes and tried to use them. They were very buggy, and old, lacking a lot of information.I used a company to do the site/hosting for me, but it was very limiting on design and ability to react. I began to learn Wordpress, and about six months ago, discovered your tuts. I have watched a lot of your videos and been able to finally develop my site the way that I want it to be. Without you and yours tuts, I would have given up and moved. Thanks Paul. If my plan works, it is in a very large part because of your teaching.
Wow! That's awesome to hear. Super pleased that the tutorials have empowered you to build your own site and good luck with the business venture. :0)
That's the spirit! I hope your business does really well, you deserve it for all the hustle :)
This was the most simple concise Search and Filter tutorial I have seen so far. Thanks!
This is absolutely amazing. I was searching for a theme, ended up watching the whole thing. Well done!
The best all-things web development tutorials
I appreciate the detail you go into with this, each 'element' for list site builds have their own parameters, you don't hold back, which is refreshing.
No point in holding back Michael, much better to create truly useful information that you can take and run with it. :0)
First thing to do in the morning : watch your tutorials everyday
Great way to start your day 😉
@@WPTuts I just have a comment about your pronunciation of 'Tuts', it should be more like 'Tutes' as in Tutorial!
@@Deliquescentinsight I'm afraid we'll have to agree to disagree there. In the UK we say tuts and not tutes.
This was one of the most cleanest and professional tutorial I have ever watched on Wordpress topic. Thank you WPTuts!
Thanks for the content. I follow all of your videos. Greetings from Brazil.🇧🇷
Hello Brazil :0)
I hope you're keeping safe over there. 👍
Perfect! I found what I was looking for.
Love this stuff... I feel guilty for being so excited by it but at the same time, safe in the knowledge others like me are watching this :)
The first rule of the WPCrue - Never feel guilty for enjoying the content! ;)
What a fantastic tutorial! So much valuable information, presented at a great pace.
i think its now the 3rd day im watching this, besides a newborn (takes a lot of attention =) ), but this tutorial is really really helpful. Still need to rethink some of those condition, relations etc. but thank you so much. your entire series is helping me out through these days
Thank you SOOO MUCH for creating this video!
Thank you very much for your informative tutorials. I'm in the salvage and used car business and would love to learn the best and most efficient way to build an auction website.
Thanks Paul. What a great tutorial. You are the best
Thanks very informative...
You helped us i believe..
Perfect !!!
I hope if you can post also a video
with the same type of niche but with free plugins !!!
Thanks you are awsome !!!!
I think you'd struggle finding free plugins to do everything covered in this tutorial I'm afraid.
This was great! I would have loved to see the site that you built during the tutorial work. Thank you for your time!
Awesome video yet again. Thank you!
No problem at all :0)
That is a great tutorial. Thank you for all the hard work and sharing it
My pleasure Irfan :0)
You are the boss 😎
Very useful tutorial as I am a Carbroker who wants to display cars on his website
Thanks that wat i was looking for .thank you and i hope to see more about car dealer
I love these tutorials and this one in particular has given me a way forward with my own sites and client who want to edit their own content. Very well presented and inspiring - thanks again Paul.
Great to hear this has helped open up some future opportunities for you Rob.
Top best video's I've watchted in 2020
and belive me... I've seen a bunch of them cus Covid
Thanks bro, thanks a lot. A LOT!
Awesome to hear that Eduardo :0)
@@WPTuts Hey... for some reason I have another elementor pro interface and the "single post > vehicles" is not available for me... I just have: "page; section; popup; header; single post; single page; archive; archive; search results; 404 error"
So... any advice?
Thanks for such an informative tutorial! I will definitely start following your channel from now on! From my side, it would be also interesting to see how to push your inventory (vehicles) data from the Salesforce CRM to WordPress pages. Therefore, if you could create such a tutorial, that would be just amazing! Or if you could share any article on such integration using plugins that would be much appreciated!
Thanks for another great video
My pleasure Jamal :0)
Really very helpful video
Spookey Paul! Have been recently designing a similar car sales dealership example website myself. This will definitely help me along the way.
You have produced so much quality content lately, Do you sleep at all? Thanks again Paul....
Hopefully there'll be a few nuggets here to help. :)
Sleep is for the weak! 😝😴
@@WPTuts HaHa Del Boy!
Thank you so much this was an amazing tutorial 👍
I would like to see a tutorial on how to make the typical car spec chooser, like Tesla, Ford and every single page like that that has the option to modify the parts of the cars, Thanks
Great channel! Tons of useful information.
Excellent
This is absolutely the best available training on WP! Works like a charm. I missed the place where you created the archive page - vehicles. I have the archive template but not the page itself. I have gone back so many times but can't find it.
Great video Paul! please can you do more videos about that...ex how to load car models from brand into select box and user can select a model . Do you have any reset button(reset all filter options) in search&filter pro?How can I style the forms?
Excelnet! tanks Friend.
Thanks!
Fantastic tutorial! How to add expiring date to each car listing?
Hi Paul, thank u very much for this tutorial video, can you make another tutorial for auto parts?
To be honest, most of the skills you should need to build any type of listing based site should already be covered across my ACF Masterclass Series. It's now more a case of using the tools and skills and modifying to fit the content. 😉
@@WPTuts thank u 😊
Paul, I have to agree with all the accolades you get, your tuts are the best I have ever seen. I need help! I cannot find a video that directly addresses my particular need. This one on the car dealership is close but I have a little different challenge. I have only one product, but, there are hundreds of variations (every car has a different wheel and our product is specific to each wheel) and each one can come in one of 67+ colors. So I need a drop-down/cascading filter/search function (I want to know before I buy if 'Jet Engine' can do this? And I have yet to see a video that applies). The filter needs to select the Make/Model/Year of a vehicle and the color gets selected on the purchase page. So the data is supplied by importing a CSV file. My challenge is getting all these variables and colors set up in WP/WooCommerce. Anything you could do to send me in the right direction would be very much appreciated. I don't expect you would have a need to make a video for this specific issue but maybe you've seen something somewhere that might help. Thanx
Watching in 2024 and I don't have an option for Dynamic Conditions under the advanced tab in Elementor Pro. Am I missing something?
I have a conditional display option, but that doesn't use any ACF fields, so it doesn't work as you're showing here.
Always Amazing
Suggest showing the finished product at the start of the video.
I normally do, but in my haste to render I completely forgot.... wasn't in the mood to wait another hour and a half to edit and re-render. ;)
@@WPTuts More RAM perhaps, it chews up the resources, rendering!
This is amazing work! How beautiful is it you can get info like this on youtube. This is paywall material! I love the admin tools. I do wonder if you do a quick edit on a post can you change the field data? Also, what would be the easiest way to bulk edit 100 listings?
Please create a tutorial video for tour booking using ACF, WooCommerce, Elementor and Loop Builder.
Fantastic tutorial where nothing is overlooked, as always you provide excellent content! Just one question: on the website I'm developing, I should divide the cars between sold and available, what's the best practice for doing this? Thanks a lot!
I'd probably just use a custom taxonomy for ease and then filter on that taxonomy.
You could also just use a custom meta field, but I think using a taxonomy is a bit cleaner.
@@WPTuts Hey! Many thanks for your answer! I spent the whole afternoon yesterday designing the structure of the site. My client requested a dedicated page for sold cars; I should apply the 'sold' taxonomy here. I'll apply your sugested solution today and i let you know!
Great tutorial. Confused about the part where you designate the archive page in the search and filter display results tab. You say to use the page name, and you put vehicles. Am I missing something? Did you create that vehicles page during this video, or are you referring to the name of the archive template? Did you create a page and then apply the archive template to it? I'm stuck at this part.
Is there any video about how to set city base price for dealership website
Hey Paul. Another Fantastic Tutorial!
Question: Is it possible to create a video regarding the current compatibility / feature related issues with using ACF + Custom Post Types & Jet Smart Filters?
There seems to be confusion regarding this question all over the usual facebook groups and some clarification from a professional such as yourself would be helpful.
I know there are other plugins available for Filtering but they don't all have Ajax and or the same or similar features as Jet Smart Filters.
Additionally, any work arounds you have found to get around the issues you know of would be helpful.
I do not know if using ACF + JetEngine would cause issues, and if you have to duplicate data twice in order to have ability to use JSF.
Thanks Paul!
I'd need to go back over JSF and see if they've updated things since I last spoke the to devs (a few weeks ago). I know it had partial support for ACF, but a few key areas were still missing.
I'll see what I can do over the next couple of weeks. :0)
Hi I tried JetSmartFilter and ACF, Ele Custom Skin with 'Post' Widget yesterday. Could not make it work. Seems like you need to be more on JetEngine Side of things. Keep it all on the 'Jet' side, as these are harmonized to work together
@@jean-paulmesserli8269 yeah, the ACF support inside JSF is still limited. Some fields are supported, but many are not.
I spoke to them a short while ago and they are aware of the limitation and will be working on it. But no timescales were mentioned unfortunately.
Hey Paul. Thanks for your referral to this tutorial. In the tutorial, you demonstrated how to set up search using just the 'vehicle' data. My question is can the 'dealers' also be added to that same search section so that you can do a search for a specific dealer? Further, will the search results then display all the vehicles belonging to that dealer? Many thanks again.
I’m wondering if I can pull in multiple dealers or/and let people selling vehicles list them themselves like marketplace.
Hi! Loved the video. Is there any easy way to style the search fields? Like the color and shape of the price slider, the checkboxes, etc.Thanks!
You'd need to target them directly with custom CSS as the plugin doesn't really give you much control over the styling I'm afraid.
@@WPTuts Thanks for the quick response. Subscribed!
I just love your tutorials - I learn so much from them! I was wondering, is there a way to get the values in "features" displayed as a bulleted list?
Hi Paul, I'm not sure the free Dynamic Content For Elementor Plugin is available anymore that works with Elementor Pro Flex Containers - so not sure we can use the ACF Repeater method on the front end as shown. If you know of a workaround, then please let us know. Many thanks.
Is it possible to import data from Excel to advanced custom fields (database) and export ACF data back to computer? If you could do video dealing with this issue that would be awesome. Thanks!
Great video, as usual! In your opinion, what's the best approach for create a singular dealership site: like this with ACF or with Crocoblock plugins? Keep it up mate 👊
I think you should design some course or membership for us, so we can ask our detailed questions there
facebook.com/groups/wpcrue hope over to the Facebook Group and ask away.
Fantastic tutorial thank you very much! This works well but I have a problem with pagination. When I load the archive onto a page and click on the next or previous at the bottom of the page it directs to the exact same content and doesn't go to the new content further down in the pagination.
Right at the 11 minute mark is what I waiting to see and you skipped right past it. I am trying to build a site that has multiple Taxonomies and Child Taxonomies and I can not figure out how to get them to work correctly. I have a 3000 listings import so I need to have it configured correctly so everything flows smooth during the import.
Thanks for another great video, Paul! Quick question for you: does Dynamic Content for Elementor (as used here for the relationship sections) essentially replace the functionality of Anywhere Elementor Pro as used in your masterclass video tutorial on the advanced real estate website? Thanks!
I've not done a full comparison between them, but it certainly covers most of not all of what AE offers. 👍
Thanks, Paul! Appreciate the content and appreciate the response!
hi, brilliant tutorial thank you, however i am looking to incorporate a car dealer website into my current website which has a Flatsome theme and incorporates woocommerce products and UXbuilder can it still be done using alternatives to the elementor plugins that you listed, or can I download elementor and crack on without cocking my existing site up, or can I change to elementor
thanks in advance
HI Again at point 45.11 when you bring in the featured image this also is not pulling in any images, please help 😕
Hi there.
I have been following your tutorial with pleasure, but when i get to the archive template, although i have the "default vehicle loop" saved and default vehicle archive set, when I try to include this as instructed in video, it can not find the "default vehicle archive"
please help :)
😃
Hello Paul, can you add proximity search please? Is there a way search&filter can do this?
I am at time marker 28:50 and have followed everything step by step but I am unable to get it to work
I'm using your video to help me build a motorcycle dealership. I got it all working except in the loop where you anchored the images to the post id I'm not seeing the dynamic icon on my installation. I'm on WP 5.9 with all of the latest plugins and elementor pro 3.5.2, any ideas?
Really enjoy learning from you! Do you ever take on projects?
Hello dear
I thank you so much for this great guide.
May I ask if you can make a video for elementor with crocblocks plugins to do like booking site or rental site .also I have a question is the dynamic templates easier for use like the ones from Jet.
Can this be done in Generate Press & Generate Blocks? I would like to avoid using Elementor if possible. Any advice would be greatly appreciated. Thanks for any help.
Hi Paul at 11minutes you are adding the ACF fields but I noticed you missed going over the TAXONOMY field number 2, do you have a video that covers the taxonomy input into ACF ?
01:16:00 - ADD search and filter shortcode widgets
I hope someone can help me here! I am at 43:45 in the video. I am trying to create a single template with vehicle as the post type, but I do not get vehicle as a choice in the drop down menu. Where did I go wrong?
Thanks Paul What are the settings of manufactures ?
I'm using elementor pro v3.7.7 why can't I see the loop in the theme builder like yours
How about auto parts query search filter , same with this video??
Fantastic video Paul, as always, just one question (which I can't find in any video related to filters). How can it be done so that both in Search & Filter Pro and / or Facetwp you can put the horizontal search bar and not the sidebar? With facetwp what I do is put the shortcodes next to each other but I imagine there will be an easier way to do it ...
And would it be possible to do it with Search & Filter Pro?
Thank you
I'd need to take a look at how S&F Pro organises the form elements and see if they can easily be modified via some CSS. I'm sure it's possible though.
@@WPTuts Thank you very much Paul, I have looked for it and I have not found it. 90% of my clients are real estate agents and request the typical horizontal search engine and, for ACF, the only thing that occurred to me is what I said about putting the Facetwp shortcodes next to each other but it did not end up looking good visually :-(
Hey Paul. What a nice tutorial! I can't find the ACF repeater and i have done everything to the point, but instead of showing the different cars, it shows my different sides, like about us, contact, etc.? Can you help me with that?
Hey Paul, when im trying to create Default Vehicle Single page, it doesn’t give the the option - Select Post Type -> Vehicle. So how can i do it?
Thanks in advance.
Is there anyway to build a site like this where the general public can list vehicles or would that be too much of a nightmare?
Is there a way to add Car Compare features using ACF repeater or JET ENGINE ?
What would be the best way to get a dealership inventory into the site dynamically? What would you recommend if the DMS provides an JSON or XML file every day?
This is brilliant! Thanks for your help. I was wondering if you could do a video (or if you have one) where you can move entries from one custom post to to another. E.g if you had vehicles which had then been sold, can they be moved to a sold vehicles custom post?
or is there a way to view a page by category (I guess you could do it using search and filter plugin) but I rather want physical link? E.g a link to display all the Fords and a different link to display the Mini
How would you do the same for Vehicle Model?
Vehicle Manufacturer is set up as it's own taxonomy, would vehicle model have to be another taxonomy?
The vehicle model list needs to be dependant on what Vehicle Make is selected
I.e
Vehicle Make: Vauxhall
Vehicle Model (select field): Astra, Corsa, Meriva, Insignia
Vehicle Make: Audi
Vehicle Mode (select field): A1, A3, A4, A5, TT
etc
any ideas?
is there any way to import car details from a reg into wordpress easilly?
I followed this tutorial, I'm creating a site that will deal with various types of vehicles. All made with ACF pro and filter&search pro and custom templates with Elementor. The site provides 6 categories of VEHICLES (which will have their own personalized filter in the archive page) therefore for each vehicle create: 1 Template Loop 1 Template Archive 1 Template Single type of vehicle (car, motorcycle, bicycle...) and 1 template for the table (for the characteristics) that I recall within the template loop. All this would involve creating 24 templates. Is there a way to create just one single template medium and call the template associated with it via code in order to have a unique one?
How can i add an Add-to-cart button to this website? or I would need to do this by woocommerce?
What is the difference between Advanced formes and ACF Frontend form? if you can do one video for Advanced formes will be amazing
Hello! thank you for this incredible tutorial! I am working my way through it and I'm having an issue specifically on 43:49. I am not showing an option for selecting the Vehicle Post type under Single Template option. Would you have any ideas why this would be the case? Has something been updated or changed on Elementor since March of this year that would change this? Thank you so much.
Did you manage to resolve this?
Does this tutorial have a second part that goes into making the Car website a Classified style site? Allowing users to submit cars on their own within a user dashboard.
I wonder if you can do the same with dvi
What a perfect video! I've been looking for this since forever. I've got one question, how do you list the Vehicle Features (ACF Selector field) as an array in frontend using elementor? Any help would be appreciated :)
How can I add comparation between two or three cars?
How can we give listing access to users/ subscribers apart from admin
Hi.
How to create in one 3 filters and when click redirect to archive page already filtred?
I follow you as a beginner and if you can help. In the video where you go to Theme Build and select the single, where I go to (Select the type of template you want to work on) in mine there is no Vehicle option do you know way.
Awesome video - will this work with the Divi theme?
Helloo!! This tutorial is amazing! However I couldn't create the SINGLE POST TEMPLATE (Default Vehicle Single). When I tried to create the template and choose "Single" on select the type of template it doesn't give me the option to SINGLE I just can choose SINGLE POST. And it doesn't give the option of Select post type.
Despite this issue, everything looks perfect. Thank you so much for your help!
Did you manage to resolve this? I have the same issue!
This is a very nice guide to follow, but i encountered some issues on the works of the dealership page im making.
im using hello theme with elementor and elementor pro
also i am using all the same plugins as you listed.
The first issue is that the repeater module makes some error at some kind, puts all the text and number data in the first ACF Fields in the repeater and the correct value in the second.
Do you have any idea on how i can get that fixed? so that i can deliver a fine piece of website art made with knowledge and fine information from your video.
i hope for fast reply :)
This is absolutely amazing!!! I was looking for something like this as the existing plugins are downright horrible for creating listings. However I had one question, how would I be able to add a contact form so that customers can contact me regarding my vehicles?
Do a search on the channel for dynamic form and there's a tutorial on exactly that. 👍
@@WPTuts Awesome thanks for the reply! I honestly feel guilty watching these videos for free so please let me know if there's anything I could do to support you!
Thanks, Paul, you can talk for a really long time, haha. Btw, I tried your technique to use the ACF gallery in the loop. When I click on an image, the lightbox shows up with *ALL* the images on that page, so you can scroll from the first image of the first vehicle to the last image of the last vehicle. Is there any way to limit the lightbox to only show the images attached to this gallery? Thanks.