How To Make A WordPress Website With Elementor Pro 2024

In this in-depth Elementor Pro tutorial, you will learn step-by-step how to create a professional WordPress website from scratch.
Get Web Hosting and a free domain:
webhosting41.com
Get Elementor Pro:
ferdy.com/elementor
Besides creating a stunning website, you will learn more about branding, colors, fonts, web design, and the ins and outs of Elementor Pro.
Elementor Pro is not just a page builder. It is a complete site builder. With Elementor Pro, you can create the homepage, header, footer, blog archive page, single post pages, contact page, and 404 page. Elementor Pro takes care of the complete web-building process.
You can even use Elementor Pro in combination with Custom Post Types (Like Team Members, Tutorials, Movies etc.) and use Advanced Custom Fields (like address, URL, Gallery, Square Feet, Recommended Tools etc.) to gather more information about those post types. Using Elementor Pro you can display the information beautifully in your website.
With Conditional Logic and Display Conditions, you can decide which part of your website should be displayed on any part of your website.
There are advanced backgrounds and popups that can be triggered by clicking a button or scrolling through a certain amount of percentage of your page. The form builder is super advanced. And I am happy and thankful that I was able to create a tutorial that covers all those features!
There is so much to cover about Elementor Pro. That is why I created an outline with timestamps. So you can go to a specific part in the tutorial:
00:00 Intro
06:57 Get Web Hosting
12:21 Get A Free Domain And Install WordPress
WordPress
17:46 Clean Up And Configure Your Website
22:16 Create A SEO Optimised Site Title
25:13 Themes And Page Builders
27:58 Get Elementor Pro
32:40 Branding Colors
37:10 Create A Logo And Download The Tutorial Images
41:39 Create The Menu
Elementor Pro
47:45 Configure Elementor Pro
01:06:02 Use Global Colors
01:08:47 Choose And Download Local Fonts
01:23:20 Export Your Configure Elementor Pro Website As Template
The Elementor Pro Page Builder
01:26:13 The Basics Of Containers And Elements
01:33:56 The Basics Of Positioning In Elementor Pro
01:54:43 The Website That We Will Create
Building Your Website Using Elementor Pro
01:57:09 Create The Hero
02:16:14 Create A Background For Your Heading Using CSS
02:27:15 Make Your Hero Mobile Responsive
02:33:33 Display Your Unique Selling Points
02:53:21 The Power Of Wrap & Grow
03:11:03 Create Animations On Your Website
03:17:33 Create Hover Animations On Any Element
03:24:26 Create An About Me Container
03:34:21 Display The Latest Posts
Backgrounds In Elementor Pro
03:36:45 Create Background Gradients
03:40:27 Create Background Overlays With SVG’s
03:45:39 Image Backgrounds, Video Backgrounds, Sliders and Overlay Backgrounds
03:51:02 Create An FAQ Container
04:03:27 Create An Opt-In And Link It With Your Email List
More Awesome Elementor Pro Features
04:16:43 Create A Custom Header
04:18:14 Create A Popup Menu
04:18:31 Use Glassmorphism On Your Website
04:19:13 Revisions And History
04:22:28 Create A Custom Footer
04:23:27 Create A Mega Menu
04:23:48 Create Blog Posts Templates
04:25:53 Create Advanced Websites Custom Post Types And Advanced Custom Fields
04:29:54 Create The 404 Page
04:34:20 Thank You For Watching
#WordPress #ElementorPro #Elementor

[@mhaseebsajid]

Finally! A well-needed tutorial. I wish I had found you before. After this tutorial Elementor Pro Is child's play for me. Congrats! You've got 1 Subscriber.

[@unclelukedigitals]

How dare you make such great quality tutorials? 4+ hours of pure gold. Thanks Ferdy👏

[@donnaspakes2861]

Thanks, Ferdy! I've been away for a long time, due to a devastating family loss and decided today is the day to get back to web design. Your videos never disappoint. I feel like I never left and love this quick start using your free website. :)

[@73Filmworks]

Best tutorial on youtube.

[@ManozTechOne]

Best teacher ever!! You make this 4 hour long video feel like 40 mins!! And kudos to your thoroughness and patience on making this tutorial 🎉

[@ferdykorpershoek]

Thanks Manoz, that means a lot to me! 😊

[@samsoorkhan0]

​@@ferdykorpershoek I want to work with you did you run any agency 🌹❓❓

[@jacobakpan334]

You are a great teacher Mr. Ferdy. You teach me anything faster and better. I respect what you bring for free. Thanks a lot and I mean it.

[@dinatekno]

Been following you for a few years now and the quality of your turorials never ceases to amaze me. Thank you so much for all of the time and dedication you put into creating these videos.

[@surinbinko2452]

You are selfless in explaining WordPress. Thank you so much again.

[@ferdykorpershoek]

You are welcome ❤️

[@mohanamuralifx]

Thank you, Freddy, for your dedication and excellent contributions in sharing knowledge with WordPress learners worldwide. Your hard work is greatly appreciated.😀👍

[@MaxVenous]

Man you have Grown so much, this is like my third You tube account, I used to watch your videos when you use to put thumbnail of yourself in Blue Shirt like 4-5 years ago. And Best Thing about you ? no matter what video it is, pro level, of Newbie You always explain What is Domain, Hosting, what are plugin, you're best man

[@CrniCerakDarkSide]

Thank you so much for this man. I just started building websites and this video has helped me a ton. I will reward your effort by purchasing Elementor Pro through your affiliate link.

[@Harris-os3od]

Very well done tutorial! Nicely organized, high quality resolution, and an easy to understand teaching style. Thank you Ferdy. A++

[@amalyah9984]

I had a crew build my website and they used elementor, now I can improve my website watching your tutorial, hence knowing nothing about elementor, only wordpress.

[@elitestyle7es]

You are a great teacher Ferdy, my man. You teach me anything faster than anyone. I respect what you bring for free. Thanks a lot and I mean it. ❤

[@RajendraSingh-ut4lr]

Thanks, I have learnt a lot from your videos.

[@nadeem.openai]

I am also working on it and will make a full checklist for a website (360+) Like design and development site with 4 plugin only. And responsive tricks and more. You are my inspiration

[@codyf3419]

Dude, you SAVED me with this. SAVED ME. Thank you so much man.

[@The_Man_Chidi]

This training saved me, and thank God I came across it the right time. Thanks for all you do.

[@Webbsy]

I have quite bad adhd and find it difficult to sit through educational videos and give it my full attention. But this video has been very captivating and it's helped me an awful lot. Thanks for sharing your knowledge in an easy to digest demonstration! 🙂

[@davorbosnjakovic4871]

This is probably the best tutorial on any theme I've ever watched. Great job! Subscribed.

[@ALEX73BY]

Thanks. I will watch it completely. This will be amazing.

[@AminFateh]

You are amazing, Ferdy!

[@FahadNazirRyk]

Ferdy❤ Lots of Respect and Love From Pakistan.

[@gydeng8340]

Am using Elementor to build a website, very useful this video!😘😘😘🥰🥰🥰

[@stefanopapa6453]

You are a lifesaver. Thank you so much for this tutorial, making Elementor and Wordpress feel easy.

[@ferdykorpershoek]

Thanks Stefano! That is exactly my goal! Explaining WordPress and Elementor Pro in a way that everyone can learn how to use it 😁

[@moqeetsaleem6226]

Fantastic Pro

[@ikmshortss]

You'r the real guru Love from Pakistan... Pakistan Zindabad😍

[@ferdykorpershoek]

Thank you 😊

[@over50media]

DUDE.....THANK YOU for this. You did an amazing job.

[@joshuac.adumchimma5774]

Another great resources from Ferdy 🎉

[@webtappers7863]

AMAZING tutorial Ferdy! Thank you for taking the time to create great content.

[@mikecharles6767]

Thank you Ferdy! I have paid tutorials by you on Udemy but this was enlightening. Thank you!

[@shashankdubey3431]

Awesome Elementor pro tutorial 😊 thank you sir 😊 I learned something New

[@beyblade90125]

Thank you 😇 Fredy Elementor Super💥 Star Craftsmen Brother !!!! God Bless !!!

[@ashf8960]

Best video on this topic! I don't Pro version, but I'll get it with your affiliate link! I suggest everyone do the same so we can have more videos like this

[@ashf8960]

The password does not work; I tried it multiple times: User: Subscriber Pass:changethisasap123

[@ladydia3928]

Loved this tutorial. can't wait to go to your new site and watch the others. THANK YOU!

[@Michal_kulik]

Amazing - it helps me soooo much! Thanks! You are the best!

[@aliatabani]

Thank you so much again. i have learnt from u a lot about Elementor

[@MbonisiM]

The Transition is Dope 😮

[@Paola05]

Gracias por tu trabajo. Thanks por your work . Very Nice image also! Greetins from 🇬🇹 (GT)

[@ferdykorpershoek]

Thank you and you are welcome 😊😊

[@titan1969]

Thank you Ferdy

[@johnmichaelgorgonia8324]

Hey Ferdy, alvast bedankt. I am just starting my first ever website and my journey to be like you in the future. Much love 👊

[@aranchin-yo6wy]

Awesome this is great! Thank you for the hard work!! I will watch this thanks!

[@thepurpleufo]

I can''t wait!!!

[@RichardHodgsonGuildford]

You must have worked really hard on this tutorial. It was so useful. Thanks so much, Ferdy.

[@forexmagician1946]

jesss there's no video tutorial like this one been searching for something that covers everything you also just got 1 subscriber

[@dnrhossain]

Awesome Brother!

[@zahidamumtaz1166]

Hi ferdy, i would simply say, your videos are amazing.

[@ferdykorpershoek]

Thank you for saying that ❤️

[@learnwhispering]

Ferdy you are just a divine gift from the internet god to us. You are always my goto along with Rino - the best of the bestest. 💞💞

[@dadmultimedia]

Amazing, THANKs, really THANKs

[@livingahumanlife2651]

I'm new to designing web pages... I would NEVER have understood all of this if it wasn't for you Ferdy K.... no chance... the learning curve is a bit steep on WP if you want to get down to some details... Thank you so much!

[@phuketeventplanner]

Thank you very much for your great work, always

[@fscubetech7219]

The great live content.

[@rafiqulislam2646]

Elementor pro +generatePress Pro blog website and Earn money website Please next tutorial Upload sir 2024

[@stephanschmidt2182]

Hallo aus Deutschland. Vielen Dank für eine Mega Videos.

[@Rodusuite]

Thank I will watch the whole video

[@ThePopularCult7]

Thanks for all the information. Really big help.

[@romanoivanpedro8727]

Thanks for one more amazing source of knowledge

[@KevinValen-zy7bl]

dankjewel Ferdy. je doet het geweldig!

[@ferdykorpershoek]

Thanks Kevin! Succes met je Elekentor Pro website!

[@OryxVoyages]

You're the best

[@akmbalo6992]

❤ cool job

[@capsules_imania]

you are amazing bro i learn a lot from you thank you so much

[@hippostohorsesmarketing5761]

Great Job ! . The content is actionable

[@Worldsearchmaster]

best teacher for beginners thanks sir

[@RonnieGeyerChmuraDotCom]

Thanks!

[@user-xh1im5ro3z]

So amazing

[@azfandak9719]

❤love you thank you

[@thegamerthatdoestsuff]

Awesome man (Elementor is een stuk overzichtelijker nu) You have a subscriber!

[@sehanhasan]

Would love to see marketing/SEO , A/B testing, etc

[@jamleonard9000]

Imposible to miss this

[@rafiqulislam2646]

Elementor Pro + generatepress pro theme 1000000000% Best Next Tutorial Upload sir

[@luminous_luke]

36:20 I clapped my hands! 👏

[@forexmagician1946]

and you so good i dont know where you learned to do an intro like that

[@jenniferwentworth5329]

Question for you about hosting, looking to build my first Elementor and the fee is $240/yr for business plan - biggest bonus is image optimizer but most fees are the hosting environment. Why not keep everything under Elementor and use their hosting? Thank you for the video tutorial! So helpful.

[@aypproject]

Awesome

[@francisokech]

Thank you very kindly for this long awaited video, Ferdy. You said in the community page that you have recorded 10 hours of video for Elementor Pro. Please, since this video is 4 hours, should we expect a Part 2 of 5 or 6 hours? I can't find comprehensive coverage of advanced custom fields?

[@ferdykorpershoek]

You should expect 5 more parts 😁. In the coming 7 days they will be uploaded 😊

[@francisokech]

@@ferdykorpershoek OK. Thank you and well done.

[@kamilprokopowicz]

Ferdy your guide is the best, you are an excellent teacher!

[@AtlMaximus]

Fredy, I recently completed one of your 5 hrs+ tutorial on Elementor that you had previously posted. Good Stuff! By any chance, have you done any tutorials on integrating google reviews on wordpress websites? If so, please share link. This would be useful.

[@mariadutoit7933]

Hi Ferdy, thank you for the very good teaching videos. I have build a website for a local community art gallery, and it looks great and works well. There is just one more thing I need to do and I hope you can tell me how. When a painting is sold, I want it to show the word SOLD on the category page as well as the single product page. It only shows OUT OF STOCK on the single product page. Can you please tell me how I can do that?

[@itsLarryAlright]

This tutorial is the best I have seen so far on elementor. How did you get to this area in elementor 1:26:54?

[@ferdykorpershoek]

Thank you Larry ❤️. You need to go to the Elementor settings, features and turn of Nested Elements. If you do use nested elements you can use the accordion element instead 😊

[@chaunguyenbao8662]

How to download images according to the instructions, I filled in the form but when confirming the email there was an error

[@NhaQuynh-114]

Yes mine is the same, at minute 38:11 there is a download link, Register but when confirming it doesn't work, it redirects to Convertkit login

[@ferdykorpershoek]

ferdykorp.com/images

[@NhaQuynh-114]

@@ferdykorpershoek Thank you very much 🙏

[@Ahmad-yi6d]

Hey Ferdy 👋🏻 There is a slight issue. My Font style specifically the one on hero section (Bold font style) is showing when I am working on elementor while I am editing but it's not showing up on my website.... What should I do?

[@mohammadmuttiullahlakho2815]

Wow

[@lukaszkubicki4721]

Great tutorial!! I'm new to this. I have questions: Did Elementor change something in the Hello theme? I followed your tutorial step by step, but after 45:00, my page had only Archives, no logos, and no menus. Nothing else was shown except “Archives.” When I switch to a different theme, for example, “Twenty Twenty-Four,” logos and menus are displayed. Is there any solution to this issue? Should I change something somewhere in the configuration? Thank you for any help!

[@tmediaonline615]

Let's go

[@true12122]

Can you make a video on how to make a webshop in Wordpress?

[@dwayneoliver2685]

Hi Ferdy, The ACF class that you mentioned in your video has a creation date of 2021, however, in this video it has a 2024 year. Are they both the same or have you not released the 2024 version yet? Oh Yeah... Great Video BTW!!!

[@ferdykorpershoek]

Hey Dwayne, every day I will upload another tutorial the coming days. One of the tutorials is the ACF tutorial. It is the only video that I yet have to edit and export 😊. I expect to upload it this Tuesday 🔥🚀 ACF has inproved greatly over the years. I can't wait to share how easy it has become to work with ACF and Elementor Pro 😊

[@deenval]

how did you do the transparent header, i can't find where you do it in the video, please someone let me know

[@wingsluxe]

Thank you once again Ferdy. May I please ask where and how I can automatically link the promised 'Receive 11 Webiste Tips' when people submit their name and email address. It appears from the video that I do this manually. How would this be done automatically upon sign up.

[@TheStrategist314]

1:54:57 is where things ramp up.

[@lisam.bender5515]

Hi Ferdy, when I click edit with Elementor from the homepage, it gives me 2 choices, 1st choicee is "Go Back", 2nd choice is "Edit Template", what do I do to change that please, Thank You!

[@zahidamumtaz1166]

I feel problem in add Template section in elementor pro. I will be so thankful. If you guide when and where these add new Templates are used

[@Lialilium]

Hi! Maybe someone can help me 🙏🏻 today I install on my new web site Elemento and Elementor pro (all clean) and want to create a menu BUT I haven't the "customing > menu". How can I solve this? 😢 (I don't want to install a theme I want to start from 0) Thank you in advice

[@GijsHendrix-wo5nx]

Hi Ferdy, als ik mijn logo upload komt deze niet in de hoek te staan. Ik kan nergens vinden hoe ik de layout hiervan kan aanpassen. Kan jij me hier misschien bij helpen?

[@peroron2000]

I downloaded the zip file which contains the practice images. It all seemed to download just fine, but then when I try to open the image files it says that the file type is not supported. I'm not sure what is wrong. I did just try to import the images into wordpress but I receive an error when I try to do the import and the import fails.

[@babakjahed]

So if you don't have a company, you can't download Elementor pro, right?

[@marcusang2363]

i don't know why my icon list same as 2:02:30 is Super big when i watch my public website...

[@tonybp]

I've watched this 2 times already 😂

[@dadpreneurchris6853]

Hi Ferdy, do you have tutorials on how to make a high-converting lead generation real estate website? Thank you so much in advance, 😊

[@Kimberlylauren-dj5fj]

Can I help with that

[@dadpreneurchris6853]

@@Kimberlylauren-dj5fj 😊

[@gamingwithkichan9626]

where did you find the menu option for creating header page like about us ,contact ..... i can"t find the option

[@ferdykorpershoek]

You need to go to the homepage of your WordPress website and click on the 'Customize' option in the black topbar when you are logged in. Then click on "Menu"

[@EmilianoPinera-lo4vl]

Does anybody else have trouble with the site identity? Every time I change the logo, site icon, site title, etc. it goes back to the first ones I used. I’ve done it like 10 times and it keeps going back.

[@samsoorkhan0]

How We can work with you or internship. Did you have any agency. ❓❓❓ I am from Pakistan