2024 Tutorial: Mastering Elementor Pro With Advanced Custom Fields

Learn how to create advanced WordPress websites using Advanced Custom Fields and Elementor Pro.

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.

[anthonyeze]

thank you, this is one of the best ACF tutorials i've watched.

[barboragustafsson]

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!

[ArunkumarS-cxpe]

Wow! What a great tutorial! Its very in-depth and slightly hard to remember steps. Fredy, can you advise me how you remember these methods? thanks!

[RinalitaTutor]

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

[dimschris]

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

[webtappers]

another GREAT tutorial, thanks Ferdy!

[quentin-tarant]

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

[bhushankulkarni]

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

[EdStam-ij]

I have a question on how to be able to see what your doing without opening another page to see what it looks like? My second signal page I can't see what I'm doing unless I open a second page to see the finished product. What isn't turned on?

[Ahmad-yid]

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 💕

[henstradesign]

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

[BKB]

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 :)

[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?

[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 ?

[momustafahmed]

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

[durgavamsi]

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

[glenncohen]

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

[iamshekhu]

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

[zakiamroune]

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