Advanced Custom Fields & Elementor Pro Tutorial

[@mckinleyp]

02:26 Custom post types 18:26 Custom taxonomies 22:44 Archive pages template 39:06 Single post template

[@ValentinaDiehl]

I watched at least 5 different tutorials to create an Archive page with custom fields and this by far the best. Thank you!!!!

[@LindsayJo-Crenshaw]

I know when I'm ever looking for a tutorial, you are going to have exactly what I need. Thank you as always for breaking down this process for us. You are a truly amazing teacher!

[@bobruis4073]

I just love Elementor PRO and ACF integration. The PRO variant offers so much!

[@sabarimuthuarulappan]

The is the best video I have found for learning ACF. Great work

[@maresolaris]

Exellent tutorial with lots of (needed!) background information on the HOW of some of the WordPress issues. Thank you very much for posting!

[@RichardWadeUK]

Excellent tutorial mate. I haven't used ACF for a very long time, but this is good to know. It would be good to see more for other builders and CPT tools (METABOX, Crocoblock etc) and different builders (Bricks, GutenTurd/Kadence/Blocksy etc

[@mofodm]

Fantastic tutorial video. No BS, doesn't assume knowledge, very clear and easy to follow. Helped me easily build a jobs page for a client. I'll be sure to use your free & paid tutorial courses in future.

[@simplysumalatha]

very well explained. very helpful. thank you so much

[@peteraziz]

You are a great instructor! Thank you! 🙏👏

[@MohamedBOUZID00]

Thanks for such perfect explanation

[@andr3alau]

Great tutorial, exactly what I was looking for in order to improve my skills. Thank you!

[@mikewatson1670]

Just exactly what I needed right now!

[@ChristophSam]

Thanks for the video. It comes on cue. I am currently familiarizing myself with ACF Pro. A tutorial on how to create calculated fields in ACF would be cool!

[@susangemayel-tapper3794]

Thanks Paul for sharing.

[@whitneylee33]

This was so helpful. Thank you!!

[@maddy1mymk]

Excellent video Paul🎉

[@RaheelPatel_WP]

Thanks a lot 100 times for this wonderful tutorial. Just exactly what I needed right now!

[@WPTuts]

Glad you found it helpful. :)

[@marketingscarborough]

Best tutorial on ACF - I even turn Paul to a slow talking 0.75 and it was more digestible for me. My better half is from your side of the country and I'm still looking for a similar switch to slow her talking but hey we can't have great content from Paul and everything else we want. Thanks again Paul - really well decribed - worth 2M Parmos. Can you do a video on top of this to show the way to menutise the page you created to go between categories. Al

[@WPTuts]

I think we'd all love one of those switches for our nearest and dearest. ;)

[@Hyperlink60]

Thanks, Paul. This was very helpful

[@maazdev9000]

This has really simplified ACF to a very granular form, Greate Video

[@WPTuts]

Glad it was helpful!

[@JGCreativeConcepts]

Thanks, great tutorial as always.

[@sauzalitoweb6560]

Great tutorial!

[@GrowToGive]

Great! Can you please tell me how you created the search bar with the custom fields?

[@10xmili]

great tutorials.thank you

[@WIThEMaN2]

AWESOME job like always!

[@MarkPowerPhoto]

Fantastic. And very timely for me too! So thank you. I'm building a community site that requires this very thing -- a jobs board. The next layer on top of this is that I have to set it up so that certain members can add new jobs via the frontend, as members won't have access to the admin dashboard. I think this is where the video you did on that topic (using the property website) comes into play. Am I right in that? Do you have any tips and pointers? This is going to save me having to get a 3rd party jobs plugin, that then requires extra costs in the form of adding (geolocation being the key one, I think) Thanks again for all your damn fine work on here -- consistently excellent.

[@Christophe_Vervoort]

Hello Paul, great tutorial you're creating. Thanks for this. Very clear, it has already helped me a lot. Thanks for that. I have another question. I would like to add a link and/or an embed field to a personal page meant only for the user. However, I want to ensure that Customer A cannot see what Customer B has in it. How can I set that up? Thanks for your answer.😅

[@rafiolio]

Hi! Great tut! Just wondering if its possible to incorporate woocommerce to allow users to create/edit their own listing on Bricks?

[@MusicJunkieVideos]

Would love to see more ACF content

[@WPTuts]

I have lots more lined up for this year for sure. :)

[@Melielementoracf]

Awesome tutorial, thank you! One remaining question: How do I use the hierarchical part of those ACF? I am trying to display them hierarchically (employees). How can I manage this in elemenor pro? i created the loop item and the template, but would like to add that the hirarchy goes from CEO down...

[@17ecouffes]

Thank you, I love your tutorials. A couple of years ago I followed your tutorials to create CPT with ACF an that time I installed not only ACF, but also CPT UI. Whereas, now you're creating CPT using just ACF. What's the best way of working? For example currently I have both plugins ACF and CPT UI.

[@WPTuts]

You can use the option in ACF tools menu to convert the old CPTs to the ACF versions. Just backup the site first to be sure everything works okay.

[@nickpage9138]

Great work as usual !

[@hkntrgy]

Çok faydalı oldu teşekkür ederim. Bu cpt ekleme ve sunma işlemlerini hiçbir eklenti kullanmadan yapabilir miyiz. Bu konuda bir tutorial hazırlarsanız çok memnun olurum.

[@hancokamper]

Thank you! This really opend up my mind to the possibilities of ACF! Excelent Tutorial, one question though... is there any way to sort the Loop Grid based on a numeral in an ACF field? Again much appreciated!

[@vayvon21]

Thank you for detailed explanation. I learned a lot. There is one more thing that I'd like to know. How can we edit post types in elementor like for WP's post items?

[@WPTuts]

@@vayvon21 go into the Elementor setting and there is an option to enable where Elementor can be used. By default its pages, but you can enable it for posts, etc. Use that to enable it on your custom post type.

[@mohamadhamsho7232]

What is the type of font on your t-shirt? This is awesome Thanks for tuts ❤

[@anthonyeze5816]

Fantastic! Thank you very much for this. I wanted to ask if you have a course on this, from beginners to advanced. Also, is it possible to put a custom post type behind a top level service page, basically creating supporting content for a silo?

[@Manos-G]

Hi Paul. Great tutorial, as always. Could you please consider making a video on how we can display custom fields from another CPT on a the template of another CPT?

[@WPTuts]

I'm not sure what you mean. Could you give me an example?

[@Manos-G]

@WPTuts Hey Paul, thanks for your quick reply. Here is how you can reproduce this. Create a custom post type with ACF named "Portfolio". Add some custom fields to it as usual (e.g. Client name, Date, location). Create a template in Elementor and assign it to the "Portfolio" CPT. Add the Portfolio custom fields to the template. This should work and render OK on the frontend since, by default, the custom fields available are the ones that exist under the Portfolio CPT. In my case, I wanted to show custom fields that exist in another CPT (e.g. "Testimonials") inside the "Portfolio" page template. Unfortunately, the Testimonials custom fields are not displayed because it pulls data only from the assigned CPT (the "Portfolio" in this case). To test this yourself, go back to ACF, add another CPT, name it e.g. "Testimonials" and add some custom fields to it (e.g. Name, Role in company, Testimonial text). Then go back to the "Portfolio" template, create a testimonial section and try to add the custom fields of the "Testimonials" CPT to it. In my environment, Elementor is not outputting them to the frontend even though I can see and select the Testimonials custom fields in the backend. Is this just me? I have tried the relationship, post object, clone but nothing seems to work. I am relying to your expertise, my ACF wizard 😊

[@WPTuts]

@@Manos-G you’ll need to setup a relationship in ACF to join the Portfolio with the Testimonial CPT before you can pull the relevant data in. You’ll need a one to one relationship unless there can be multiple testimonials attached to a single project and then you’d need a one to many.

[@Manos-G]

@@WPTuts That is what I've been trying but I haven't been able to sort it out. I will give it another go and let you know. To be honest, the "Relationship" , "Post Object" and "Clone" custom fields are a bit too difficult to grasp. Hope you create a video sometime in the future and shine some light to all this. Thank you for everything.

[@WPTuts]

@@Manos-G have a look at my real estate video as I cover a similar technique in that for properties to vendors.

[@fschnidi]

Such a comprehensive vid! Question, I am on the elementor "basic" paid plan. and it does not allow me to fetch my ACF Fields inside a loop grid template. is it possible that its only accessible to a business plan?

[@WPTuts]

@@fschnidi the basic Elementor Pro doesn’t support dynamic data, so you’d need to move up to the next plan ($99) to get access to that.

[@dennisdunleavy5690]

Hi Paul. Excellent tutorial. I have a client that runs a special every month not ecom so no coupon code needed. But how would I use acf to achieve this. Thanks

[@iliaabbasi]

I have a question here , how we can filter the jobs we show in archives for example you go to the page are dedicated to one type job

[@milzamsz]

Thank you!

[@WPTuts]

You're welcome!

[@johnvanzuilen]

Thanks again Paul! could you also show us how to display information in a listing grid that is extracted from different custom post types? (using crocoblock) thanks a lot man!

[@Releasly]

How do you set up the ajax search bar in the heading? Basically make it filter the cpts

[@smnurulislam]

Awesome video!!

[@WPTuts]

Glad you enjoyed it

[@gpm79]

If one of the content groups in the ACF plugin is of the Checkbox type, used to list different services offered by a business, how can I use Elementor to list those services, with each item having an icon? It can be displayed either vertically or horizontally, and it doesn't matter if the same icon is used for all services.

[@oloruntobaadegboye539]

Lovely tutorial, very helpful. Can you please just tip me on how you created those text animation at the beginning of the video sections? (The one that looks like Doctor Strange's super powers 😂) I love it and would love to create something like that in videos

[@evandrestanta]

Hi, is it posible to show the taxonomy post on the archive page? like if I want to show the job categories on the archive page

[@bentech_ds]

Thank you. I post lots WordPress fixes and Telemeter Tutorials too. Please for more further updates and tuts

[@Islam-ng1sq]

Thank you for your great tutorial. I have one problem. I created a custom post list in elementor pro and it works well but I want to add taxonomy icon without the title to my post. If it's possible with ACF free version please guide me

[@Chapper123]

Great tutorial Paul. I have been working with ACF for a while now, and I have always wondered if it's possible to add an end date to the individual posts in your new custom post type? So it dissapears from the loop at a certain date?

[@chris_doeseverything]

i want to use Elementor to display a POST LIST and use a media player button to display from the post list. how would i go about that using acf. i have been driving myself crazy trying to figure out how to create said list, and give it custom values such as track name, artist, genre, and a button to click from the list to play the audio track.

[@kekuleh1]

How can we take a number field or range in ACF, and output them in elementor like the star rating widget, but with a different icons? or maybe in square boxes etc? I'm trying to create a food taste rating with spiciness, saltiness scale

[@SylensGaming]

Excellent tutorial

[@WPTuts]

Glad you think so!

[@alexoliveiranorton8615]

Is it possible to dynamically hide a section and its header if there is no text in the respective ACF field? For example, I have a created a post template that I utilize for Professor profiles for a university. Some professors do not provide information for some fields (like "Academic Awards", for example), in which case I want the header text of the section not to appear in the template on the front-end.

[@charlottepanes4651]

How do you link a custom post type to a button for example? On my homepage I want to link to my "our work" page which is a custom post type

[@MrPayamrazavi]

I have question how we can show the custom taxonomies we made like Marketing manager on our pages?

[@andiisyahrir]

Thank you...

[@rozthalassa]

Hello, I'd like to ask you if you are aware of a problem appearing when ACF and taxonomy widget are combined in elementor pro loop grid. Ater clicking any filter button in the taxonomy widget, the oEmbed field with KZbin video just dissapears (without been restored at the "all" taxonomy button...) Same happens also with Vimeo... So, is it compatible the oEmbed field with Loop Grid and Taxonomy filters? Could you just give my a hint? (I also don't yet use any caching plugin) Thank you in advance...!

[@DiegoOliveira-yn3wj]

Excellent content. Unfortunately the pagination of the loop grid is having problems =/

[@markusklimek]

How can i set a query to taxonomie in the loop?

[@homelandsecuritytoday]

Great tutorial as always. Please Paul, or can anyone guide me on how to add a simple field for an end user to enter free text box on a product page before ordering? So basic I cant see it... thks

[@MrAashish24]

This is nice! But how can we search for job profile and show results in tabs? Can you make video and continue this tutorial?

[@amirnadji5427]

Hi, i am very interested in this feature, but it's a pro feature. I have a question about the elementor pro pricing. Do i have to renew every year the licence ? If i dont renew will i loose the custom post type feauture? Thanks

[@WPTuts]

Yes, you need to pay every year but you won’t lose access, you’ll just not get any more updates if you don’t renew.

[@TechnicalGauhar]

Nice Tutorial but i did not find my problem solution i already use image in our post but i also want use logo as featured image because of i need to display inage, logo and content on hone page in card so should guide us if it us possible

[@oloruntobaadegboye539]

Your text is a little hard to understand, try correcting them more properly... However if what you are saying is to also display company logo on top of the featured image in the homepage, it is definitely possible. If my answer is wrong, try typing out your comment again in a clearer format. I might be able to help out...

[@chethankumarc]

pls meake video about repeater with relational post display for example movie is relation to person who is actor/producer/any department how to display repeater field with connection to 2 post type like imdb website hear movie and person are 2 different post type and how to interact 2 different post type - how to make bi relationship on 2 different post type

[@Pocketsocket]

How I add tags in custom post

[@WPTuts]

Either choose to associate Tags when you create the CPT from the Taxonomies available or create a new custom taxonomy and associate it with your CPT.

[@uncleanggi]

Thanks Paul! I just earn 100 USD for helping client build simple loop and ACF exactly like your Tutorial. :D

[@WPTuts]

Fantastic!

[@blagojelukic]

why. First usred free ACF but then premium Elementor. Why not free elementor version first ?

[@WPTuts]

Sorry, I don't understand the question. Are you asking why I used Elementor Pro and not Elementor free in this video? If that is the question, it is because Elementor free has no support for dynamic data or dynamic tags - you need the Pro version for that.

[@the4090gaming]

why would you need acf when you already have elementor...

[@WPTuts]

They are totally different tools. ACF allows you to expand WordPress by adding custom post types, custom meta fields, taxonomies, etc. Elementor can’t do any of that. It just lets you display the new information created with ACF.

[@trishaahamed9650]

need advanced option

[@teamvigod]

This is a good tutorial but I would not say it is "relatively simple"

[@peacelove3828]

dude keep cutting to himself talkin instead of shuwin the page his workin on. we dont need to keep seeing u talkin. u can talk n still show the page ur workin on. we dont gotta keep seeing u swithch back and forth u talkin. we see u more than the damn page u workin lol. but thanks man

[@byheart-org]

Wonderfully thorough and clear, Paul. I have enjoyed your videos over the last few years. I hope that you can answer one small question: I would like to have a field that is populated with a calculation. It would be something like "=word-count * 0.4". It's a simple multiplication. I see that there are some form extension plugins but they all seem over-the-top for accomplishing this simple calculation. Do you know if this calculation can be done with Elementor Pro or ACF?

[@toglannestor400]

2 years i am searching this! thanks very much! before your tutorial i used the code source but it very difficult to loop with acf in a big project! 🥲