How to Use Elementor Advanced Custom Fields and Custom Post Types Tutorial 2024
HTML-код
- Опубликовано: 5 фев 2025
- 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.c...
👉 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...
👉 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!
me too😅😅
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!
You are a true legend dude! this is a complete course on its own not just a normal tutorial ! Thank you so much you saved my life !
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!
Very well explained, to the point, no wastage of time on irrelevant discussion. Thanks
Glad... you think so!
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
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!
you are super. I tried everything and now I find your video. you save my time man. Subscribed 👍.
Thanks for the sub!
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 so much for the tutorial!, truly appreciate it
Glad it was helpful!
This is absolutely amazing! It's helped me understand exactly what I needed, RIGHT NOW!
glad it helped!
One of the best videos on ACF. Straight to the point. 👍
Glad you liked it!
Meu amigo você é muito bom! Eu fiz e deu bem certo! Eu fiz uma plataforma de vagas de emprego, ficou sensacional. Adorei o sotaque. Um abraço do Brasil!
Glad it helped!
This Video Best For ACF, Thanks a lot for this video.
Glad you liked it
Very good tutorial. I like the way you explain everything in detail with no rush. I'm using Elementor for many years but hey, I never saw the Loop Grid which is exactly what I was hoping to find in this tutorial. 🚀 My issue is that one I delete the name of the post from the URL and only the name of the archive remains, it says: The page can’t be found. Any hint how to solve it please?
are u deleting only the name of the post of deleting entire post?Try saving the permalink settings. Go to Settings, Permalink settings. DO not make any changes. Just save and see if that works.
@@ParamFreelance Hi thanks for your answer. Not working. For some reason the archive is not showing up. I changed the approach creating a Page instead of an Archive but it would be nice to understand why it's not showing up.
Thanks a lot. video is very helpfull.
Glad it was helpful!
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
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!
Very useful video for beginners...Thanks a lot man🎉❤️✨
Glad it helped!
Please also make it if you use the *Meta Box* plugin, is it the same method as this?
it will be same.
Great tutorial, very useful. Thanks :)
Glad it was helpful!
Great tutorial!! Too much helpful!! Thank You.
Glad it was helpful!
Thank you very much...Can we add more description after custom fields when creating a new post in the WordPress editor?
yes, you can. you can add as many custom fields as you want.
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.
All Questions Solved ,, Thank you So much
Welcome
Thank you really helped me to customize faster my theme❤
You're welcome 😊
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 man, really helpful tutorial.
glad it helped.
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 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
@@ParamFreelance same issue, in public posts displays the Ymd format, for example 20241807
Even though the field settings use the d/m/Y format
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!
Thank you, this was very helpful
Glad it was helpful!
Very well done and explained! Thanks :)
glad you liked!
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 very easy and well explained
Thank you so much 🙂
Nice Tutorial. Thanks
You are welcome
Great video. I have a client that runs a different special every month on Auto Glass like special discount on windshield installations. I would like to know how to setup expiration at end of month and show that special is expired. Also the new special for the next month will show in its place of old special. Thanks
you can use Display conditions feature in Elementor.
Thank you so much for this video, really helped me.
Glad it helped!
very informative sir,,,thanks for sharing.
Thanks and welcome
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
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.
Thank you. It is very specific and precise..
Glad it was helpful!
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 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
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
Hello, after creating these custom posts, how would you create a theme(from themebuilder) that pulls data from these custom posts? Currently, I can only get theme builder to pull data from regular, standard wordpress posts. Thanks
In the video, I have explained how to create custom post types and advanced custom filed. How you can use dynamic tags to link the custom fields and use theme builder feature to create layout for custom post type.
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.
Is there an alternative to elementor pro with which you can templatize the custom post type post? plz suggest
you can try Jet Engine - However it is also paid plugin - ruclips.net/video/SAaPxS-cCvI/видео.html
Thank you so much, Great help :)
Glad it helped!
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.
wow thank you great video
is it possible to add breadcrumb to car single page too with elementor?
you can add it in the template.
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
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
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)
Thankyou so much sir it was really valuable tutorial
Glad you liked it
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
Thank You So Much You are Great
You're most welcome
Hey, is there a way to add a feature where the user can select the cars and compare them ? I don't want random cars but a user should be able to select.
unfortunately it is not with these plugins.
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
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
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
Nice Tutorial. Thanks
Glad you liked it
Hi i want to remove CPT slag from url like in your case car slaog before post url. how to remove?
you will find it in custom post type settings. I have shown it in the video. How to edit slug
Hey! Thank you for the great video. Now I'm in the implementation phase and encountering the following issue.
I need your advice on a URL problem. My goal is to have a nested URL structure, but I'm having trouble achieving it. Here's an example:
- I've created a CPT "Wiki" and a taxonomy with multiple levels, also in ACF:
- Main category
- Subcategory
I want the permalink for the post to look like this:
/wiki/main-category/subcategory/post
But currently, the permalink looks like this:
/wiki/post
The same for the category archive page:
/wiki/main-category/subcategory
instead of this:
wiki/taxonomy/main-category/subcategory
Thanks in advance!
Best regards,
Open WordPress dashboard - go to wordpress settings option - Go to Permalink - and change the permalink structure for Custom post type as per your requirements.
Thanks for sharing
Thanks for watching!
just wao really like this video
Glad you liked it
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
After creating a page that displays all the products through the Loop Grid, I only see one product shown, even though I created three products. What should I do? I noticed that in your Loop Grid, there are more options available in the settings than I have.
You mentioned that I need to select the cars option in the layout. I tried doing the same process for my product list, but again only one product appears in the Loop Grid. Can you please help me?
I am using the containers method in Elementor, and everything I've tried still displays only one product. I've checked that all the products are published, and if I change the product in the query, it simply shows another product, but still only one. What can I do?
send me email with the details.
I created a field called "Address" Problem is the address is both Text and Number. How is that handled in ACF when a field label is Address > Number?
text field can handle text as well as number. But the number field will let user enter only numbers.
good bro, you are the best
Thank you so much 😀
Thankyou soo much ❤
Welcome!
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.
Thank you so much for this
You're so welcome!
Thank you so much.🥰
You’re welcome 😊
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
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
very good trainer
thanks
Thanks a lot ❤🙏
You're welcome 😊
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.
Sir how to show only specific category related posts only in archive page? Like if someone want to see all the posts related to specific category then how we can display it, we need to developed multiple archive pages for different categories ?
you do not need to create multiple archive pages. You can create one archive template using theme builder in Elementor and add condition to use the same layout for each category. You can add link to category pages in the main menu and it will show the posts from that category only.
@@ParamFreelance what if I use loop grid then what will be the query?
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?
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.
awesome
Thanks
Hello, thanks for your video.
Is it possible to work with the free version of ELEMENTOR?
Unfortunately not. Dynamic links need elementor pro.
sir I have watched most of your videos .,,,All of them are full of knowledge and experience , please keep doing with this spirit. love from Pakistan.
Glad to help. Thanks!
Thank you
You're welcome
Amazing
Thanks
You got new subscriber 😍
Welcome aboard!
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.
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 🤝
Wow, Thank you sir
Welcome!
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.
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?
How to display repeater field values in single post template? Kindly help me
Use dynamic tags as shown in the video.
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
hey, thank for the tuto, but i cant find the plugin in wordpress
which plugin? acf and custom posy types plugins are there in wordpress. you need to install them.
hey, can i use pro elements instead of elementor pro
you can also try jet engine premium plugin - ruclips.net/video/SAaPxS-cCvI/видео.html
thanks you very much
You are welcome
Can u do same thing without elementor pro ?
Dynamic links are in Elementor pro only.
Hello, How to change the slug or URL of the Posts archive?
for custom post types slug, there is option in the custom post type settings.
@@ParamFreelance thank you. what is the reason that the template builded with theme builder broken? only some large icons are showing