How to Use Elementor Advanced Custom Fields and Custom Post Types Tutorial 2024
HTML-код
- Опубликовано: 22 авг 2023
- In this video, I will show you How to Use Elementor Advanced Custom Fields and Custom Post Types Tutorial. You can use this to create any kind of listings website. In this tutorial I am going to create Car listings website using Elementor and advanced custom fields plugin. New updated Advanced custom fields plugin has built in Custom post types option. So you do not need to install any other plugin to create custom post types.
I will show you how to create custom post types and add custom fields to the custom post types. Using Elementor Pro dynamic Tags and Theme builder feature, you can create any type of template for single post and archive of the custom post.
Combination of advanced custom fields, custom post types and Elementor pro can be used to create customized listings websites such as car listing, property listings, etc.
👉 Get Elementor Hosting & Pro Plugin : be.elementor.com/visit/?bta=2...
👉 How to use Elementor WordPress Hosting: • Best Hosting For WordP...
I have published many videos on Elementor & Elementor Pro plugins. I have a dedicated RUclips Playlist for learning ELementor basics.
👉 Elementor Tutorial Playlist: • Elementor Tutorials
👉 Create Professional eCommerce website with WordPress, WooCommerce, & Elementor: • Create Professional eC...
👉 Topics covered in this video:
➤ Elementor Advanced custom fields
➤ Elementor custom post types
➤ Advanced custom fields plugin
➤ how to use Advanced custom fields in Elementor
➤ how to use Custom post types in Elementor
➤ Free Advanced custom fields plugin
➤ ACF plugin tutorial
👉 Watch more videos on Elementor Theme Builder:
✅ Customize Header Template With Elementor Theme Builder: • Create Header Template...
✅ Create Footer Template: • Create Footer Template...
✅ Custom Single Post Template: • Create Custom Single P...
✅ Create Custom Blog page with Elementor Theme Builder: • Create Custom Blog pag...
✅ 404 Page Template in WordPress: • Customize 404 Page Tem...
✅ customize WooCommerce Shop Page: • How to customize Shop ...
✅ Custom Single Product page template: • How to Customize WooCo...
Do not forget to subscribe to Quick Tips RUclips channel for upcoming free videos on WordPress website, Elementor Tutorials, WooCommerce, Search Engine optimization, Social Media marketing, Video editing tips and more.
/ @paramfreelance
Social connect:
👉 𝗟𝗜𝗞𝗘 𝗨𝗦 𝗢𝗡 𝗙𝗔𝗖𝗘𝗕𝗢𝗢𝗞:
/ freetrialplans
👉 Tweet on Tweeter:
/ freetrialplans
👉 Website
paramfreelance.com/
👉 RUclips
/ @paramfreelance
I hope that this video about How to Use Elementor Advanced Custom Fields and Custom Post Types Tutorial 2023. 
Наука
Hey thank you very much 😊🙏
After struggling 2 months to create a Loop Grid style website and custom post type using elementor, I got your video. Now My site is ready and published.
Thanks a lot 🙏🙏 to creating amazing content.
Keep it up the Good work.
Glad it helped!
Thank you so much for this insightful video on using ACF. Your detailed and step by step guidance is very helpful. 🙏
Glad it was helpful!
Thank you, this was very helpful
Glad it was helpful!
Very well done and explained! Thanks :)
glad you liked!
Thank you man, really helpful tutorial.
glad it helped.
This is one of the best tut I have ever watched on RUclips. You've got yourself a subscriber, sir. Thank you!
Welcome aboard!
Great tutorial, very useful. Thanks :)
Glad it was helpful!
Thank you so much.🥰
You’re welcome 😊
Nice Tutorial. Thanks
Glad you liked it
Mate, thank you so much! I was looking for the ways to add dynamic infos to the loop grid, and luckily your video popped up. Kudos!
glad it helped!
Awesome Video. Thank you so much. I was wondering if it might be possible for you to do the Pro Version of ACF and dwell on the options that are not included in ACF Free. If this is possible it would certainly be beneficial to me and I am sure many others. Thanks for your direct, to the point teaching style. Enjoy your day. Best, John
Great suggestion!
THAN YOU SO MUCH!!!!!!!!
I wanted to create a mobile specifications website and wanted my mobiles to show almost like you have shown cars this is going to help me a lot.
Welcome!
can you please also show a way to add brands and way to show them in homepage through elementor@@ParamFreelance
@@ParamFreelancecan you please show a way to add brands and how to assign them to products
thanks you very much
You are welcome
All Questions Solved ,, Thank you So much
Welcome
Excellent video. Clearly spoken English, great quality video, smart narrative. In just one sitting I got what I wanted to know all about ACF with Elementor. Thanks!
Glad it was helpful!
Thank you so much for this video, really helped me.
Glad it helped!
Great Video. I did not know about ACF just spent the weekend creating a static page with only 2 pages of listings and post page but had to create each and very individual post page. It wouldn't be a problem as its only a few listing. But when it comes the time of change a single text or color, I Have to go to all individual pages. This helps a lot. thanks
Glad it was helpful!
One of the best videos on ACF. Straight to the point. 👍
Glad you liked it!
This Video Best For ACF, Thanks a lot for this video.
Glad you liked it
Thanks a lot ❤🙏
You're welcome 😊
Wow, Thank you sir
Welcome!
This video is very good in that it is complete. It covers ACF as several others do, but it is the only one I have found to show what you do with the resulting custom posts that you create. So well done! I needed to know how to create a template for my new custom posts and how to make an archive page.
Question reguarding the archive page. Let's say you have tree catagories of Cars - Sedans, SUVs and Trucks so that all Cars are one of those three catagories. How do I make an archive page that only shows all sedans? A seperate archive page for all SUVs? All I can figure out how to make shows all Cars. Thank you.
You can create Taxonomies and use filters to show vehicles in different categories. I have recently published new video on Elementor custom post type using JetEngine plugin. custom posts created using jet engine can be filtered using jet smart plugin. ruclips.net/video/SAaPxS-cCvI/видео.html - Soon I will create new video showing how to create taxonomies and filter using smart filter.
Great tutorial! Would love to see a follow-up about *how to add frontend search filters* for the custom fields.
Coming soon!
hey! Do you have any news about it?@@ParamFreelance
Yes, I would love this as well! 😃
@@cliffordtuffs Already published video for the same - ruclips.net/video/V9FnKdKqytQ/видео.html
Published video - ruclips.net/video/V9FnKdKqytQ/видео.html
Hi there. Thanks for your tutorial on ACF and post types. One last question. I’d like to insert a gallery ( with photos picked dynamically of each corresponding car), in the post type page . How do I go about it ? Thanks very much. Kind regards. Martin
acf has image Gallery field option. you can use it to create image gallery for each custom post.
Thank you
You're welcome
Excellant
Thank you
good bro, you are the best
Thank you so much 😀
Thank you this was very clear and easy to follow. Can you tell me why "DATE" - date picker or "SELECT" do not show in the correct format and need to be typed into the field as text for it to show in the correct output format?
let me check
very good trainer
thanks
Hey man! I would like to thank you first. There is not a single acf video which are clear like yours! So a big thank you! was looking for years! One question, How can I add "add to cart" button in single car page. And do you have any FB group or profile? would love to connect with you.
You want to enable e-commerce feature in Custom post / ACF? If you already have ecommerce feature then you can add the Add to Cart button in the single post layout. Send me mail with detailed information.
Hi. Thanks for the lifesaving tutorial!. is it possible to add a category name in the icon list just like a custom field?
Yes you can!
@@ParamFreelance can you please explain how to?. I could not find any option in dynamic data tab. When used post terms, I am not getting any info on the available terms ( category)
Thanks, this really helped a lot!
I have one problem though, I followed your steps, but when I view the post or archive I only see the cars, but not menu or footer.
My content looks just like yours but my theme isn't showing at all when I browse, even when I design, I only see the cars, no menu or footer like yours has. On yours you can still see "Home" "All Swag", "What's New" etc. Do you have any idea how I can show it? I am using latest WordPress, Elementor and ACF. I tried searching for answers but haven't found any yet.
Which theme is installed?
You may need to Check header & footer settings in your theme builder. The same header should be applied through out the website.
@@ParamFreelance ah ok, didn't know that would be controlled by the theme. I have Vehica theme
Hi there!
Thanks for this helpfull tutorial! I have a question, i use this and it works fine, but when i make more pictures on the single page, how can i open it by a lightbox simaler like popup. Thanks in advance!
have you tried gallery element?
No, this is not on the free use.. so i search for anything what will work for free use
Wow!
Glad you liked it!
Es el unico video que me sirvió, gracias
welcome!
Awesome 👍, I have added the taxonomy filter, but it's listing all cars and not filtering properly. Do you have a video for this?
I have not created Elementor taxonomy filter video. But I have video for elementor taxonomy filters using JetEngine plugin - ruclips.net/video/V9FnKdKqytQ/видео.html
Thank you for a great video :) I'm having a problem with the Icon list. I have made a checkbox list, but it doesn't show up on the site. Hope you can help
are you trying to link dynamic data to the icon list?
Sorry, didn't see the answer until now. Nope @@ParamFreelance I can get some of the content to show, but the picture is not showing up. The archive is not showing any "car" in preview settings. I'm stuck
@@PolefitnessvejleDk send me details in email - freelance.param@gmail.com
I want to create a list on a landing page that contains books, courses, etc. It has the [Resource Type] label that can be editable | ( Image) | Title + Description + [Read More button]. So my questions is do I need to create two post types one for books and one for courses? If yes, then how i can show them on the landing page. I'm using beaver builder. You only have the cars so it's easy. I'm little confused so kindly guide me. Thank you for amazing tutorial
you can create 2 different post types and on the landing page, you can create 2 sections, one for books and other for courses. If you have same layout for books and courses then only 1 custom post type can also work. In this case, you can create 2 categories for custom post type, books & courses.
I have a question related to your video would appreciate it if you could help me. I see that the Cars slug is a static archive page, and BMW is a post page. Is there a way I can add an additional post page to the hierarchy? /cars/bmw/best-bmw-models/
I think you can create a category for BMW cars. Then go to Wp Dashboard - Settings - Permalink settings. Select Custom structure and add category in custom structure.
I am using CPT, how to create a category. Also the category will not have a post page if I am not wrong.@@ParamFreelance
@@jahangirpalan9422 CPT has option to create categories for posts. you can assign categories for each post you add using CPT.
Did not work for me or I am missing something. No worries will figure out. Thanks for your time @@ParamFreelance
Please also make it if you use the *Meta Box* plugin, is it the same method as this?
it will be same.
For the page showing all the car, is there able to add on the feature like pagination on the below there? (If i have more thn 10 cars)
you can do that while creating template. you can define number of cars to show on the page and add pagination.
@@ParamFreelance not really understand. the cars listings on the archive page, it seems all need to add on manually if need more 10 cars, and the pagination not able to add on.hmm
This is a great video. Thanks so much. Is it possible to use an ACF image field as the featured image so it displays on the Archive? It seems to be trying to use the Featured Image.
yes, it can be done. For the featured image, you can use ACF image but you need to edit that in post template. Use dynamic tag to fetch acf image.
@@ParamFreelance Thanks for the quick reply. I hadn't gotten to the end of your video where you show how to use custom templates!
Great video on ACF with Elementor. I would like to know the usage of ACF Repeater Fields In Elementor Pro.Would you please provide it?
Will upload soon
Thanks for the video. What additional changes to be made if we want to update these changes to child theme?
I never used child theme.
@@ParamFreelance thank you. If some updates are done to parent or main theme, the changes we made will be lost. How do we protect them without child theme? I have been hearing that creating child theme and making changes is safest way.
Hi, it's actually exactly what I am looking for. The explanations are well done and I can follow step by step. However.. when it comes to create an Elementor Pro Template for the single post, the post titel does not appear (with the post title widget). And I went 3 x step by step to make sure, that I did not naything wrong... but now after trying again: there is no post titel to selct.. what a pity..
I tried it and it works properly on my side. I can add post title.
@@ParamFreelance yesss, finally.. I went through your video again and I missed your explanation, how to get to the post title when it's not shown by editing the setting... My mistake; now it works! Thanks for this cool video!
Hello, is there a way to add categories? I need to create a list of stores (CARS in your video) but I need that within that list there are categories such as pharmacies, hair salons, sports stores, etc... So users can filter those categories in the store search engine ¿is this possible?
Excellent video!
It is possible to create Taxonomies for custom post types in which you can create different categories and also filter the posts using taxonomies. I have published videos on custom field and taxonomies using JetEngine plugin - watch these videos - ruclips.net/video/SAaPxS-cCvI/видео.html AND ruclips.net/video/V9FnKdKqytQ/видео.html
Great informative video, however, I'm using Salient so its a bit tricky for me, any idea how to access dynamic tags in salient? I've looked for other names but just can't seem to find it.
My end goal is to get custom posts showing for a cottage website, I can do that, but there's no extra options showing such as pets allowed, pricing, availability, so I need these features to appear on main pages where I show the posts, but its tricky as I can't see the dynamic tags.
Any help would be appreciated, thank you :)
I have not used Salient so I am not sure if there is option. In this video, I have used CPT UI plugin along with elementor pro. Are you trying to create a website like booking for resort / cottage?
Yes that's right, so I want the cottage to show on the post grid, along with pricing / how many bedrooms and little icons etc
@@ParamFreelance
Hello, thanks for your video.
Is it possible to work with the free version of ELEMENTOR?
Unfortunately not. Dynamic links need elementor pro.
is it possible to create a audio player button using ACF method to appear from a post using this option
I have never tried it!
It fascinates me how no one has when so many people use playlist based web design I want to make a DJ pool with all my new post data to go into a list with an audio clip but it seems a function WordPress and elementor have neglected to incorporate
i have one question i want to show all my custom post in elementor template how can i do that? if you can asnwer really helpful for me
yes, elementor pro loop builder feature. i have shown this in the video already.
I have a question Can I link the CPT to any link instead of opening post I want all the CPTs to open a specific page when clicked ?
if the link is going to be common for all the posts, then yes, you can use any link instead of post link.
Excellent. Can you show us how to search car archives by custom fields?
you can use filter options.
@@ParamFreelance where are these options? Do I need another plug-in? Thanks
What if we want to add filters and based on category of cars we need to build filters
You can create Taxonomies and filter the cars using Taxonomies. I have published video on how to filter posts using Taxonomies but I used JetEngine Plugin for custom post and taxonomies - watch this - ruclips.net/video/V9FnKdKqytQ/видео.html
Hi, do you have a video where a client could add posts about his cars and edit an ad about cars himself? If there are such videos, please drop the url
this video shows how to create custom post to add cars or other custom products to wordpress.
Bro it seems like Elemantor and ACF both together not working well for me , i cannot use Loopgrid with AFC, any solution to resolve this conflice?
it really works good. However if you are facing issues then you can also try JetEnging plugin for custom post. It is a paid plugin though - ruclips.net/video/SAaPxS-cCvI/видео.html
How do i get this pagebuilder with clicking ‘add new’ (car)? I only get the titel field and the details but not a new website pagebuilder
when you create custom post, you will see the option in the dashboard to add new post / car. follow this video tutorial properly, you will see the custom fields on the post type.
hi sir, can i get a tutorial on how to set button color based on availability from acf elementor. let say when the status is available, the button will be blue and not available will be red. need some help on this. thank you
I will need to see if that is possible with conditional logic feature in elementor pro.
Can anyone explain how to get the pagebuilder with the titel and a field for description? I only get the pagetitle but no field with description/text above the details field.
do you want it as custom field? there are limited options in custom fields.
I don't get the option, like in the video (explanation), to place text below the page title. I also don't get the option to create a page and then the custom fields. Is there an explanation for this?
I can't see loom grid in my elementor pro. It’s there an alternative to this?
loop option is there in pro plugin. You can also try paid croco block plugin - ruclips.net/video/SAaPxS-cCvI/видео.html
Thanks but what if i want the user to add a custom field? like i want the user when he registers in my website, i want him to add the professor and university and I will review it.
You want to collect the data from users? Or you want to create show the data on website?
I have an idea that I would like to discuss with you. I would like to make the posts a series or it be more like a collection of a topic so users can easily find information. There are two solutions: one is to use a post series plugin, and the other is to create a separate page. Then call the post of the corresponding page. Finally, when publishing a post, you can directly select the corresponding series page without conflicting with the currently used post template. How to solve this problem?
email me.
Can u do same thing without elementor pro ?
Dynamic links are in Elementor pro only.
Is this video about custom post types???
You have mentioned custom post fields... is this for custom post type.. can i go through this ?
It includes custom post types and advanced custom fields combined
@@ParamFreelanceI hope this video clear my doubts about custom post types 🤝
When I try to do the "Loop Grid" I click on "save" and it dissapears, what am I doing wrong? :(
What data source is selected? Post , product?
@@ParamFreelance I already fixed it but now I can't use the custom fields on the loop template. It works on the normal grid of the posts but not on the loop :(
I want users should be able to save or add different numbers in their account. Can you help me with that
What type of numbers?
@@ParamFreelance I want regustered users should be able to see see 7 numbers jn their account and they should be able to select ant 6 numbers
@@ParamFreelance Can you please guide me about this. How i can do this
So there will be login logout feature too
Hi Dear,
You have created 8 fields. Can you please tell me how many feilds we can create and show in a post.
You can create as many fields as required.
@@ParamFreelance but it is not appeared in elementor single post page builder . I have created 13 field but only 10 field are showing Please help me how can I diagnosed it and find the solution.
send me details in email.
I have send the email to you which was mentioned in your RUclips channel.
What if I want to place a gallery of the car? to have different views?
Try Elementor Loop builder.
@@ParamFreelance is there a tutorial to create a gallery view with elementor loop builder? because I'm very confused about how to create a gallery display with ACF but using the free version
13:24 I can't see the option "Car", can you help me please?
you mean the custom post type Car?
yes, I follow every step @@ParamFreelance
Great Work, BUT it would have been great to have the Tutorial Assets like car images etc Downloadable from somewhere as well :)
you can get as many as images as you want from many websites such as pexels, etc.
@@ParamFreelance most of us would like to go with the same images to have a very similar look and feel before starting with their own customisations?
is this possible other than Elementor Pro
yes - ruclips.net/video/SAaPxS-cCvI/видео.html
@@ParamFreelance please give me free plugin jet engine is premium plugin
there is no option in preview settings
check custom post settings
Its not showing cars in query, stucked here and 24 hours gone
send me details in mail
Nice Tutorial. Thanks
You are welcome
Off to-pic, but I am using the Kadence Pro Theme, Shop kit 3, woocommerce, and ACF. I'd like to post a video on the product pages above the About This Product section (not in the Gallery) Could you possibly make a tutorial about the proper way to accomplish this... ? Thank you
do you have videos for all the products or only for few products. If for all products then you can customize the single product page template using customizer option.