Elementor Pro + Advanced Custom Fields Tutorial 2021

  Рет қаралды 85,386

Ferdy Korpershoek

Ferdy Korpershoek

Күн бұрын

WordPress enables you to create amazing websites. But when you want to take it to the next level by adding different kinds of pages with taxonomies, custom fields, and templates that display that information you need Custom Post Types, Advanced Custom Fields, and Eleementor Pro. In this video I show you how to do that.
I will show you how to create a Custom Post Type that enables you to create a new kind of page for your website. Like a portfolio, or real estate. Movies. People. Etc. For instance, you can create a Custom Post Type called Penthouses. But within those Penthouses Pages, I can only add a title, content, Featured Images, and a category. But I want to add more information. Like the amount of space. Storage. Space. Etc.
That is where ACF comes in. It allows me to create custom fields that enable me to fill in details about Penthouses really easily. When we have done that we can use the Dynamic Content Option within Elementor Pro to gather the information about the Custom Fields and Display them beautifully within our website. So. One more time. We create a new post type. Penthouses. Then we create custom fields. So we can fill in a lot of extra information about our Penthouses. And use Elementor Pro to display the information beautifully on our Penthouse page. This is commonly used on Real Estate Websites. But also websites like IMDB and Booking.com.
0:00 Intro
2:21 Get Elementor Pro
3:14 Create Custom Post Types
5:55 Choose A Custom Icon For Your Custom Post Type
7:00 Get The Free Advanced Custom Fields Plugin
11:09 Create Your First Case Study Post
15:09 Create A Template In Elementor Pro
42:32 Create The Case Study Archive Page
52:06 Create Related Cuse Studies
54:34 Show Case Studies On The Homepage

Пікірлер: 122
@mariansinoaie2303
@mariansinoaie2303 3 жыл бұрын
Duuude I love the way you teach!
@ferdycom
@ferdycom 3 жыл бұрын
Thank you! I also like the way I teach 😇
@JonLombana
@JonLombana 3 жыл бұрын
@@ferdycom me too :)
@monaara7340
@monaara7340 3 жыл бұрын
Just love u brother
@chomzzycute1289
@chomzzycute1289 8 ай бұрын
just want to say i love you so much Ferdy. you've changed my life countless times with your tutorials. i truly appreciate you.
@silverdigit
@silverdigit 3 жыл бұрын
First time watching you Freddy, absolutely brilliant! Who would have thought it, a geek with a sense of humour!! Love the excitement, reminds me of me lol but I will have to watch it again a few times because you go so fast.
@3nails1cross11
@3nails1cross11 3 жыл бұрын
Been looking for acf tuts for awhile. Thanks alot for this man. Thumbs up!
@r.viswanathan9049
@r.viswanathan9049 3 жыл бұрын
Bro, don''t forget to add your links for Elementor pro and ACF in the description. You deserve it :)
@anneythingdotcom4739
@anneythingdotcom4739 2 жыл бұрын
Thank you so much, Ferdy!!! You really are an awesome teacher! You are so inspiring!
@caiogomesfranco6176
@caiogomesfranco6176 3 жыл бұрын
OMG DUDE. I love when you get excited. You're so diferent from others. love u
@rogert1936
@rogert1936 Жыл бұрын
Great stuff. I was developing a serious headache trying to work out how to make ACF fields not look horrible on the output view. You answered my problem in 20 minutes: make a single post template. Very helpful indeed thanks mate.
@filipkrzyzynski
@filipkrzyzynski 3 жыл бұрын
Ferdy THANK YOU SO MUCH for your tutorials! The phone sliding trick is AMAZING :D
@prokassim
@prokassim 3 жыл бұрын
Awesome man , thanks a ton for very useful and detailed tutorials !!
@tillwohlfarth6920
@tillwohlfarth6920 3 жыл бұрын
Thanks Ferdy, love your humor!
@BarakAlmog
@BarakAlmog 3 жыл бұрын
Beautiful - thank you so much for this video. Exactly what I was looking for.
@shakilashukla114
@shakilashukla114 Жыл бұрын
Thanks a Ton!!!! Sooooo helpful! It helped me a lot! You are one of the finnest teachers on youtube!! 😊😊
@anthonyguada
@anthonyguada 3 жыл бұрын
Once again Ferdy I really appreciate your time in making us smarter Wishing You and Your Beautiful Family A Very Merry Christmas and a Happy New Year, May it be Safe and Prosperous. Regards from Montreal, Quebec
@gorruk6764
@gorruk6764 2 жыл бұрын
"You are HALping us" got me xD
@romyvelthuis4787
@romyvelthuis4787 3 жыл бұрын
You are such a lifesaver, thank you for this video!!
@avishekdas4947
@avishekdas4947 3 жыл бұрын
Brother, you are awesome. your tutorials are the best content on youtube. Keep it up. Thanks a lot, brother!
@ferdycom
@ferdycom 3 жыл бұрын
Thank you Avishek, that means a lot to me 😊
@icreative2585
@icreative2585 2 жыл бұрын
Thank you so much for this video... Exactly what I was looking for
@rashedmilon5710
@rashedmilon5710 3 жыл бұрын
hey, Ferdy you are the best online tutor Really love you sir,
@robertb.5429
@robertb.5429 3 жыл бұрын
Good job Ferdy!! 👍👍Merry Christmas!! 🍺🍷
@eytangatt
@eytangatt 3 жыл бұрын
that was a bit overwhelming 8-) .guess i'll watch it again. that was the right lesson at the right time. thanks.
@biffsteel5944
@biffsteel5944 3 жыл бұрын
Thanks just what I was looking for. Cheers
@Simi3800
@Simi3800 3 жыл бұрын
Great tutorial. Thank you, Ferdy.
@ferdycom
@ferdycom 3 жыл бұрын
You are welcome Gary 😊
@ANewEarthInANewEnergy
@ANewEarthInANewEnergy 3 жыл бұрын
I love how you teach, man! And your jokes are cool :)
@ferdycom
@ferdycom 3 жыл бұрын
Thank you! That means a lot to me 😊
@kowshikjoy1590
@kowshikjoy1590 3 жыл бұрын
Very helpful tutorial dear... Love your teaching style.
@optimautic
@optimautic 7 ай бұрын
Thank you a lot Ferdy.
@yzwang5417
@yzwang5417 Жыл бұрын
Thank you for your video! Other youtube videos are too fast and explain unclearly. Yours is very detailed, really step by step
@MarceloMarconcini
@MarceloMarconcini 3 жыл бұрын
Ferdy, tks so much man!
@blagojelukic
@blagojelukic 3 жыл бұрын
Good video as always. Would never criticize our favorite teacher but still maybe a few pieces of advice. It would be great if you just concentrate on one thing ..in this case, Advanced Custom Fields. Like Step 1 -Step 2 -Step 3. For most people, myself included the hardest thing to remember is order when you are making posts and taxonomies. That should be the number 1 priority when making videos.. I would not bother that much with styling... Like colors... That thing with the mobile trick is useful but maybe at the end of the video like a bonus thing... Actually can be video itself how to move elements around ...that is like an advanced skill for most of us. And question..saw someone else making videos like Loops instead of Templates Archive..is there any difference in the method? All the best !
@MaxDobe
@MaxDobe 3 жыл бұрын
You are always amazing
@yuviaalcantara5081
@yuviaalcantara5081 2 жыл бұрын
love your videos!!
@Salama_Hosni
@Salama_Hosni 7 ай бұрын
You are amazing! Thank You)))
@iHEARTamplify
@iHEARTamplify 3 жыл бұрын
this tutorial is amazing
@tylerbuhl
@tylerbuhl 3 жыл бұрын
Ferdy, as always, wonderful tutorial. Can you please tell me what theme you are using? I cannot seem to get the custom post to show up without sidebars! Driving me nuts!
@CR7-r2f2e
@CR7-r2f2e 3 жыл бұрын
Wowww this it is I waited tooo much but dont forget apple website I am so excited about that 😊
@lakhvinderdhillon1882
@lakhvinderdhillon1882 8 ай бұрын
Thank you veryyy much Bro ❤
@AadityaSharmas
@AadityaSharmas 3 жыл бұрын
Great👍 easy understand
@martinmassuh8863
@martinmassuh8863 Жыл бұрын
Great Tutorial, thank you! I wonder if this tutorial still working this way with ACF 2023 changes. Thank you for your Tutorials!!
@ictconsultant7509
@ictconsultant7509 Жыл бұрын
You are amazing Ferdy
@ferdycom
@ferdycom Жыл бұрын
Thanks 😊
@SagorAhmed-uy7oe
@SagorAhmed-uy7oe 3 жыл бұрын
thanks ferdy i have completed at least 6 hour video
@tibautall8658
@tibautall8658 3 жыл бұрын
Nice Tutorial, thank for this doing this, teaching many people all over the world. Is there a way in Elementor pro to click on an image (set in an accordion for example) und let it appears in an other section of the page? just like adding a product in the cart.
@jenniferward6821
@jenniferward6821 2 жыл бұрын
Great tut I am comparing this to jet engine… seems more intuitive
@DevPalliSri
@DevPalliSri 3 жыл бұрын
Thanks for the tutorial. Small query: How can we give access to the client, just to edit or update this particular page not complete website. Thanks.
@absmithun9020
@absmithun9020 4 ай бұрын
@ferdy I am your big fan ❤❤❤
@wspolnezdroweodchudzanie9611
@wspolnezdroweodchudzanie9611 3 жыл бұрын
@bobruis4379
@bobruis4379 3 жыл бұрын
Perfect!!
@wajihaattique6560
@wajihaattique6560 Жыл бұрын
Great 🌸🌸
@ozgurozen1842
@ozgurozen1842 3 жыл бұрын
Thank you very much for important information , but can you shoot video for site security in one ?
@emadhosen
@emadhosen 3 жыл бұрын
Thank you very much Ferdy for your tuts. A question: Advanced Custom Fields vs Crocoblocks, which one do you recommend?
@ferdycom
@ferdycom 3 жыл бұрын
You are welcome. 100% Crocoblock 😊
@alanar2971
@alanar2971 Жыл бұрын
Hi Ferdy!! Thanks for this video, it helped me alot!! I have a question... How would I add a section at the bottom of my single post template to show "related posts or you might enjoy" dynamically. -- Like, so each post will show different "related posts" I created a custom field using post object but then I can't figure out how to get it on the single post template 😢 not sure if that was right or not Are tou able to help? I've been searching for help but can find anything so I figured I'd ask you!! Thanks 😊
@nabilg.weikaemper6096
@nabilg.weikaemper6096 3 жыл бұрын
Is it possible to show something realy advanced ? Like full page vertical scroll into full page horizontal scroll and into a full page vertical scroll again ? Like i realy love the way you explain everything super clean. I would be interested in something like that
@maq13
@maq13 2 жыл бұрын
I like it 😉
@giltchelet3926
@giltchelet3926 3 жыл бұрын
Great video Ferdy. I have one question for you and for the people here in the group. When I add the mobile website image and scroll down, the top part of the image breaches the iphone frame as I scroll down. Any idea on how to make the image stop moving up when the iphone cover image "catches" it?
@johnstra1951
@johnstra1951 3 жыл бұрын
Gil, did you find a resolution to this problem? I'm having it worst as the image is below and also scrolls out the top. Good luck.
@okkolammers5758
@okkolammers5758 3 жыл бұрын
Dag Ferdy, geweldig dit! Een vraag. Kunnen de ACF's altijd worden vertaald in het Nederlands zodat de weergave in het Nederlands is? English: Hi Ferdy, amazing! A question. Could you always translate ACF's to any language, for example Dutch?
@hotvideo7981
@hotvideo7981 3 жыл бұрын
Good bro
@hugomillere4315
@hugomillere4315 2 жыл бұрын
Hi Fredy. Great video. But I have a question: can you insert dynamic content in places other that posts, archives, etc... Can you have a block of content on a homepage, for example, where you can add dynamic content that you'd like to update without make a post our of it???
@alejandrasuzarte
@alejandrasuzarte Жыл бұрын
I want to know this too. Did you figure it that? I’m doing a web page for our golden retriever club and i want display all the adopted golden under an specific page and I’m struggling how to do that. Any advice?
@megalomediastudio1258
@megalomediastudio1258 Жыл бұрын
Hey bro! Great tut. Little heads up. In the descriptions of the video on the timeline you have this typo. "52:06 Create Related Cuse Studies"
@johnstra1951
@johnstra1951 3 жыл бұрын
Is a Step Missing at the 30:00 mark? Ferdy, thank yo for your tutorial videos. I have learned a lot. I have a problem with the mobile website image. The image continues to display beneath the iPhone image, and when scrolling it scrolls out of the top of the iPhone. In the video initially the mobile website is below the iPhone cover and later it only display in the phone and not below. How did you do this?
@romanboiarchuk2048
@romanboiarchuk2048 2 жыл бұрын
have you solved this problem? I have the same
@gaylehilton2698
@gaylehilton2698 2 жыл бұрын
@@romanboiarchuk2048 I also have this problem and cannot figure out how to fix it. I wish someone would reply as I love the effect just can't get it to work properly in the same way you are having the issue.
@gaylehilton2698
@gaylehilton2698 2 жыл бұрын
You also need either a custom widget or css added - I asked for clarification as this will not work with just Elementor Pro no matter what you do - no response!
@gaylehilton2698
@gaylehilton2698 2 жыл бұрын
I have read another comment with the same issue I am having. When you do the iphone frame and then make the mobile website scroll beneath it that works great. The problem is the mobile website scrolls over the top of the iphone frame and when you reach the bottom of the frame the mobile website is still showing beneath the frame. How did you make this work? Is it something to do with the frame image that you used? Cannot make this work and have spent hours trying to figure it out?
@jenniferward6821
@jenniferward6821 2 жыл бұрын
Yes I looked for Elementor to support you. Start that coffee thing. I couldn’t find it. Bummer.
@tsm9704
@tsm9704 2 жыл бұрын
Super veiod
@JoeMagrino
@JoeMagrino 3 жыл бұрын
Is there a way to show the custom fields we create in the category/archive listing?
@imtanuki4106
@imtanuki4106 2 жыл бұрын
All the styling stuff is extraneous to ACF concepts.
@dashakabanova9067
@dashakabanova9067 Жыл бұрын
Hello! Why do we need the plugin CPT UI? Couldn't I just create my ACF and specify which post category I want them to show up in? Then I make a single post template with conditions to a specific post category? Example: I want to have an "Advisors" post category with specific ACF fields that show up only for that category. Then I create the post template within the Elementor theme builder and use my ACF. Shouldn't this work on its own? I am very curious because mine doesn't so I want to understand if it's because I am not using the CPT UI. THANK YOU!
@alejandrolopezmarketing3241
@alejandrolopezmarketing3241 3 жыл бұрын
Hello ferdy I have a doubt.. I have 2 domains and different products. I can use the same stripe API .. on both domains to receive payments ... Or only works with one domain..?????
@paretoid
@paretoid 2 жыл бұрын
I have two custom post types: Articles and Authors. I have a custom field in Articles post type where I have linked the author as a post object. In the article page, I want to show the corresponding author's name. How can I achieve it?
@Football__Junkie
@Football__Junkie 3 жыл бұрын
What was that Google Chrome extension to download the webpage to an image?
@iiamroyyy
@iiamroyyy 2 жыл бұрын
You have any idea on how to make a frontend dashboard for clients with elementor?
@marwanalkhaleel9647
@marwanalkhaleel9647 2 жыл бұрын
Thank you. I have an issue. I added a custom field of type (File). I am unable to get that file to show on the page... I just need to get its name and have it be downloadable. I tried many block types, but I am unable to get it to show. I am able to select other custom fields, such as text types. Any ideas?
@fergo3032
@fergo3032 3 жыл бұрын
At 17:35, I didn't get the "settings" option (only advanced). How am I able to my dynamic content in here?
@ttsec3956
@ttsec3956 2 ай бұрын
Loving the videos! Just had a question, is there an alternative to Dashicons + Custom Post Types? its been removed due to some kind of security issue. Thanks again and keep up the amazing tutorials, you have genuinely helped me so much!
@jkmutaike
@jkmutaike 2 жыл бұрын
I was looking for something that has a different layout and content, this will not work for me. Can these ACF fields be edited on elementor instead of the custom posts area?
@fratersoy9570
@fratersoy9570 2 жыл бұрын
Hi there, I have a problem with the video widget. I create a new post type and add a link field to it. I am adding youtube video links here. Then when I go back to elementor and press the dynamic content key and search for this field, I can't find it under acf. To try another way, I add text to the new post field instead of a link. I am attaching my youtube video link here. I see this field using dynamic content key from Elementor. But the video does not appear on the screen. Thanks for help :)
@martymasar
@martymasar 2 жыл бұрын
24:50 - Adding Category Image with ACF (like you did with Complete Website Image) does not seem to work anymore. I followed all of the steps, even tried changing few settings, and nothing is being displayed. There are also other people reporting it as a bug on the Internet. Is it still working for you? If yes, how have you managed to fix this issue?
@filynz
@filynz 3 жыл бұрын
Hello Ferdy, please I need you to help me, I have a course with video, e-book and audio course for customers to choose from as preferred, but my problem is that how can I create the PDF course separately from the video and the audio courses as 3 different courses on the learndash ? Will be glad if you can put me through or have a general video on this.
@gaylehilton2698
@gaylehilton2698 2 жыл бұрын
It seems the part you missed telling students is that in order to get the iphone frame to work you need to purchase a frame with that has the ability to have a transparent screen and a white background. You then would need to manipulate the image in photoshop to get it to work. Would have been nice if you would have specified this as I spent hours trying to figure it out.
@ferdycom
@ferdycom 2 жыл бұрын
Thank you for your feedback Gayle! I will do so in my next tutorial.
@jackedwards9059
@jackedwards9059 2 жыл бұрын
Have just watched video on Forms and ACF ... do you have a video on how to add calculations to a form? For example, if you were registering for an event that had several activities, it would be useful to calculate the cost of tickets for each activity and then calculate the total of all of the activities for the event. There does not seem to be any way to perform calculations in Elementor Pro.
@deanontheinterwebs
@deanontheinterwebs 2 жыл бұрын
Some of the forms add-ons do that (like Piotnet) and Dynamic Conditions does that too -- most likely several others including other pro forms.
@sarahcaitmusic
@sarahcaitmusic 3 жыл бұрын
I tried this and got it to work in Google Chrome but when I tested this and went to Safari, Edge, and Firefox it did not work?
@dithmarscherwebdesign
@dithmarscherwebdesign 3 жыл бұрын
Hi Ferdy, you usually add time stamps to your tutorials. Will you do that again with this one?
@ferdycom
@ferdycom 3 жыл бұрын
Hey Dirk, yes I will!
@rehmankureshi
@rehmankureshi 2 жыл бұрын
hi sir can you please make the tutorial for an events website with elementor and acf + cpt. please thank you!
@bigtiptony
@bigtiptony 2 жыл бұрын
I don't see the ACF keys in my Elementor Dynamic content/dynamic texts damn what I do wrong
@vincentkhoo791
@vincentkhoo791 3 жыл бұрын
My New post type does not appear in my Menus
@efraimwilliam8560
@efraimwilliam8560 2 жыл бұрын
how do we enter text in text area?
@equaser
@equaser 2 жыл бұрын
you didn't mention what Elementor pro is? So it is not a template but a hosting service? never assume people know
@RaviJhag
@RaviJhag Жыл бұрын
is it still working , i mean can i learn this now in july,2023 please response
@KrishnaThakur-xz6bs
@KrishnaThakur-xz6bs 3 жыл бұрын
Freedie please help me I am facing one issue in my WordPress website whenever I Crete any new page on WordPress and when I enter on that page in word press dashboard I am not able too see my edit with elementor button on wp dashboard I want that button back please help after lots of search KZfaq recommend me you as best word press web designer with elementor u r my last hope please help me
@freddiesmagic6370
@freddiesmagic6370 3 жыл бұрын
Dude I love your videos but please for the love of god add timestamps... it's not hard
@policarpiodigital4729
@policarpiodigital4729 3 жыл бұрын
Do we have timestamps?
@feradmin
@feradmin Жыл бұрын
Dashicons does not exist
@johnwellington269
@johnwellington269 3 жыл бұрын
any time stamP?
@ferdycom
@ferdycom 3 жыл бұрын
I will make them later today!
@ferdycom
@ferdycom 3 жыл бұрын
I just added them! :)
@caparhookah9487
@caparhookah9487 3 жыл бұрын
Kan ik je ergens met jou contact opnemen?
@User-cz6nn
@User-cz6nn 3 жыл бұрын
Wrm altijd wordpress? K vind wix beter
@ferdycom
@ferdycom 3 жыл бұрын
Dit is een Wordpress kanaal 😉
@ncennkinselu6113
@ncennkinselu6113 3 жыл бұрын
2:32 I like that😍💋 💝💖❤️
@azizam1248
@azizam1248 10 ай бұрын
Thanks a lot
@asemabualawer
@asemabualawer 2 жыл бұрын
Hi Ferdy Korpershoek I want to contact you because I want you to tell me can I do something this way or not
@ferdycom
@ferdycom 2 жыл бұрын
Ok, you can ask it over here 😊
@asemabualawer
@asemabualawer 2 жыл бұрын
@@ferdycom I have a lot of similar links embedded inside Elementor Pro and when I want to change them I have to go to them a link link and change them manually Can I make the Advance custom field addon when I change one link they are all changed or is there an add-on that does this work
@ferdycom
@ferdycom 2 жыл бұрын
Yes, that is possible 😊
@asemabualawer
@asemabualawer 2 жыл бұрын
@@ferdycom Can you teach me how to do this, please😊😊
@ferdycom
@ferdycom 2 жыл бұрын
Create a custom post with your donain name url. Refer to thst domain in Elementor Pro with dynamic content.
@KrishnaThakur-xz6bs
@KrishnaThakur-xz6bs 3 жыл бұрын
Freedie please help me I am facing one issue in my WordPress website whenever I Crete any new page on WordPress and when I enter on that page in word press dashboard I am not able too see my edit with elementor button on wp dashboard I want that button back please help after lots of search KZfaq recommend me you as best word press web designer with elementor u r my last hope please help me
@ferdycom
@ferdycom 3 жыл бұрын
Check your hosting or check every step I take in my video.
Elementor Pro And Advanced Custom Fields Tutorial 2024
1:23:29
Ferdy Korpershoek
Рет қаралды 15 М.
Advanced Custom Fields & Elementor Pro
32:53
Ferdy Korpershoek
Рет қаралды 124 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 28 МЛН
Опасность фирменной зарядки Apple
00:57
SuperCrastan
Рет қаралды 12 МЛН
Получилось у Миланы?😂
00:13
ХАБИБ
Рет қаралды 4,9 МЛН
Elementor Pro Header Tutorial
49:03
Ferdy Korpershoek
Рет қаралды 162 М.
Creating Custom Post Types With Advanced Custom Fields
28:46
David McCan
Рет қаралды 41 М.
13 Things To Remove From Your Website Immediately
12:33
Orbit Media Studios
Рет қаралды 301 М.
Why and When you will need Crocoblock - Elementor Pro on steroids
16:04
Improve Advanced Custom Fields With These 5 FREE Plugins
16:45
Advanced Custom Fields & Elementor Pro Beginners Guide
42:26
How I Coded An Entire Website Using ChatGPT
18:22
Nick White
Рет қаралды 1,9 МЛН
You have to stir it good 👌 (ib: tt/michael_bias)
0:21
Samuel Grubbs
Рет қаралды 33 МЛН
Epic Beach Day! Digging a Massive Hole!
0:12
MELIAH & DAD (THE PONTES FAMILY)
Рет қаралды 6 МЛН
路飞太过分了,自己游泳。#海贼王#路飞
0:28
路飞与唐舞桐
Рет қаралды 37 МЛН
Small Act of Kindness is also a charity
1:00
PainCare _Trust
Рет қаралды 49 МЛН
САКЕНДІ ҚАТЫНЫ ҚЫЗҒАНЫП ҚАЛДЫ
0:31
Ән - көңілдің ажары.
Рет қаралды 281 М.