Elementor Pro And Advanced Custom Fields Tutorial 2024

Learn how to create advanced WordPress websites using Advanced Custom Fields and Elementor Pro.
Get Elementor Pro: ferdy.com/elementor
By default, Wordpress comes with Post Types like Posts and Pages. Using Advanced Custom Fields (ACF) you can create Custom Post Types like Team Members, Tutorials, Movies, Portfolio Items etc. And add Custom fields like Address, Time, Square Meters, Bathrooms, Movies Played In, Date of Birth etc.
Using Elementor Pro you can create Templates for those Custom Post Tyoes with Custom Fields to display everything in beautiful design. In this tutorial I will show you step by step how to achieve that usibg the free version of ACF.
00:00 Intro
02:08 What Are Custom Post Types?
03:45 Get Advanced Custom Fields ACF
04:45 Create A Custom Post Type
11:08 Create Custom Fields
15:31 Refer To Other Post Types
20:15 Fill In A Custom Post Type
22:14 Create A Template Using Elementor Pro
35:37 Use A Free plugin That Extends Elementor Pro
1:12:42 Display Conditions
1:13:45 Optimise For All Devices
1:19:13 The Archive Template
#elementorpro #acf #wordpress

[@francisokech]

In my humble opinion, this is the most important module of all, and the one which I, personally, have been waiting for. Ferdy has not only shown breadth of knowledge but also depth. Well done.

[@ferdykorpershoek]

Thank you for your kind words. I agree! This is what makes making website do much better 😁

[@webtappers7863]

another GREAT tutorial, thanks Ferdy!

[@dimschris]

Thank you, exactly what I needed. Cheers from Hamburg.

[@barboragustafsson3451]

Thank you for this video!
I am struggling to embed a spotify player. I use oembed option in ACF. But how do I display it in Elementor? It worked when I used text editor widget but only on some places of the website. When I used the same method within a Loop Grid widget, the player no longer displays. Any idea why? Thanks!

[@quentin-tarant]

Very useful tutorial Ferdy! I don’t use elementor anymore but you can apply most of this to Gutenberg as well 👍

[@ferdykorpershoek]

Yes I know. There are big webdesign agencies that use the WordPress editor. Or Bricks. I hope all those page builders will push each others to make their tool the best so we benefit from it 😊

[@RinalitaTutor]

I like how you smile when you say "hierarchical".. kidding! Great tutorial master..

[@bangladeshpopular1388]

Good tutorial ❤❤❤

[@yourdreams4715]

Thank you

[@henstradesign4802]

Can you use the plugin "Post Types Order" for rearranging posts? Does the "Post Types Order" plugin cause any issues with ACF?

[@MuhammadAhmed-vq4qe]

Amazing

[@moeena]

Hey, good Tutorial. I have the problem that I want to display a different category of blog posts for each field group on the single page template, so each field group has its own blog category, but I can't get it to be individual, I can only specify in the template of the single page that "general" posts are displayed but not the respective customized category. I tried taxonomies, but it doesn't want to show them in the query ID.
Do you have an idea how to solve this?

[@DaHoVla]

wow perfect

[@iamshekhu37]

Is there any way i can create product size chart using acf and elementor pro for my woocommerce store 🤔

[@kaylee1268]

thank youuuuuu!

[@ferdykorpershoek]

You are welcome!

[@Ahmad-yi6d]

Hey Ferdy 👋🏻
I hope you are doing great.
There is one confusion I'm facing.
At 20:32 you created ACF Field Group Named "Featured" for displaying "relationship" but at 37:47 you used ACF Field Group Named "Related" for the very same purpose.
I think i didn't get it right at all, So kindly guide me about it.
Thanks.
Love from Pakistan 💕

[@1010BKB]

I followed your tutorial using Tutor LMS plugin, can use this approach to replace Tutor LMS plugin? Thanks and thanks for all the knowledge sharing :)

[@ferdykorpershoek]

Hey! It would take a lot of effort to rebuild an LMS plugin using this method. I would prefer an LMS plugin.

[@thevideas]

Hi teacher. Can you show me if our title or description is overflow so I just want to show only 1 sentence and other text is show ellipse so how to do in elementor ?

[@PICKANIDEA]

border radius of loop grid? 25 or 20

[@glenncohen4023]

Getting a critical Error with ACF, not getting great response from elementor…. :/

[@zakiamroune2611]

please can you suggest me plugin or theme for real estate announcements website for change apartments just change please !

[@RW_CreativeMedia]

No seacrh bar? 🤔

[@bhushankulkarni6358]

Bro, I m unable to send email via Elementar Pro form widget even I install SMTP still it failed,, could you make depth tutorial in that

[@momustafahmed]

Please create a video using Crocoblocks plugins. This can be achieved without elementor pro or advanced custom queries

[@durgavamsi67]

Hi Fredy
Please make video..for How to get a clients

[@amilamadushan6241]

you are the best teacher ever

[@ferdykorpershoek]

Thanks! That means a lot to me!

[@admirmujcinovic8013]

Affilate marketing course pleasee

[@SwarPaghadal]

you sound like homelander