How To Make A Website With Elementor Pro

599,393
0
Published 2020-12-11
In this Elementor Pro tutorial, I will show you step by step how you can create a professional WordPress website from scratch. You will not only create an amazing WordPress website, but you will become a pro in Elementor Pro. After watching this tutorial you are able to create websites for clients. I did my best to show you as much as possible without making this a 7-hour tutorial.

Elementor Pro is in my opinion the best premium page builder there is. It gives you the ability to create every single aspect of your website. That is why you don't need a theme for it. Normally you use a page builder in combination with a theme. That can cause problems since they can have overlapping settings.

With Elementor Pro and the empty theme Hello (made by Elementor), you can create everything from scratch. And that is what I will show you in this video. How to create your own header, footer, blogpost template, blog archive template. We will cover a lot! We also talk about importing pre-made optimized templates so you can save yourself a ton of time!

After watching this tutorial you do not only have a website, but you will have a ton of knowledge about creating websites with Elementor Pro. You can decide to become a Web Design Agency after watching this tutorial.

00:00 Intro
10:42 Get A Domain name and Webhosting
19:10 Install WordPress

WordPress
21:45 The Front End and Backend
22:38 Clean Up Your WordPress Website
25:04 Clean Up The Dashboard
26:37 Optimise Your Permalinks
27:24 Configure Your User Account

Elementor Pro
29:48 Get Elementor Pro
32:43 Install Elementor (Pro)
33:38 Activate Your License
34:27 Install The Hello Theme

Create Your Website
35:56 Add A Few Pages
38:31 Change The Homepage Display
39:49 Create And Add Your Logo
41:14 Create A Site title With Keywords

Elementor Pro Templates
42:46 Create a Header
45:09 Display Conditions
47:31 Active The Editing Handles
48:05 Change To A Dark Elementor Interface
50:50 Configure The Navigation Menu In Elementor Pro
53:38 Global Colors
1:04:17 Optimise The Header For All Devices

Elementor Templates
1:07:39 Import Pre Made Elementor Templates
1:14:10 The Elementor Navigator

The Homepage
1:15:20 Create The Homepage
1:19:09 Get Inspiration For Your Homepage
1:22:31 Motion Effects Entrance Animation
1:27:44 Add a Button
1:31:33 Inline Positioning in Elementor
1:33:38 The Shape Divider
1:35:29 Add a Youtube Video To Your Elementor Section Background
1:39:09 The Animated Headline
1:42:05 Professional Images

1:44:51 Create A Second Section
1:47:08 Copy and Paste Elements
1:53:33 Create A Section With A Quote
2:00:11 The Power Of The Flip Box
2:04:59 Negative Margin
2:17:11 Optimise The Page For All Devices

Free Elementor (Pro) Templates
2:26:51 Import The Complete Homepage, About Page and Services Page
2:34:17 Import And Adjust A Page Using Elementor Pro Templates
2:37:28 Change The Look And Feel Of An Element

The Blog Page
2:41:51 Create Blogposts
2:43:10 Create A Blogpost Template
3:13:21 Create A Second Template For The Header
3:18:30 Create The Blog Archive Template
3:27:35 Display Conditions
3:28:08 Create Multiple Templates For Blogposts Based On The Category

3:35:39 Add A Footer
3:46:02 Custom Post Types and Advanced Custom Fields
3:47:22 Global Elements
3:52:29 Thank You

All Comments (21)
  • This channel is going places, it's great being able to learn from someone this obsesibly organiced yet relaxed and relatable. =) Congratulations on your great content.
  • @andrewmoran3177
    I loved this tutorial. I love how long and in depth it is. I wish it was even longer! Def a Ferdy fan now! Thank you
  • @ericz5945
    Thank you so much for this tutorial! I followed along, learned a lot, and had a blast! I can't wait to continue my journey with Elementor!
  • @whportal
    If I had a teacher like you before, I wouldn´t be creating a site, I would be creating a ROCKET! Thank you for releasing this for free, you´re awesome!
  • Hej Ferdy, I and am sure others can't THANK YOU ENOUGH for the time and your whole-hearted tutorial. We all LOVE YOU so MUCH! You are a kind of human being who is in short supply in our current world! THANKS
  • @thepriest5081
    A pure heart that's what you have. Your courses are helping people all over the world because there is so much information free someone in a third-world country who doesn't have money to pay for courses has an opportunity because of you. Thank You and don't let people talk you out of who you are. There is no greater joy than making people successful.
  • @katehill380
    Where would we be without you Ferdy ... thank you for all the amazing, amazing content !! You rock our world ....
  • Mr Korpershoek, thank you for the time and attention to detail that you, put into your craft. I have learned so much from your efforts. Thank you.
  • @MatthewFurman
    Hi Ferdy, I have spent days on this video, and still not done. There is so much unbelievable info here, it is super exciting. I am building and learning along with you as I go. You are a terrific teacher and a wonderful web designer. Your work speaks for itself. Thank you for being so amazing and creating these videos. I plan on watching all your Elementor videos :)
  • Absolutely incredible content, thank you for the dedicated time, clear detail, organised beyond measure, and such enthusiasm in sharing your wealth of knowledge with us. You make us feel you truly care and want us to be great. I am very new to this business and I am learning to pivot which is a much-needed mindset for these times. Your video was exactly what I needed to start and feel confident about the quality I present to my clients, which represents their needs and also showcases my ever-developing creativity. Ferdy Student - Subscriber - all notifications on - you are now my mentor.
  • @wasabi167
    Wow there was so much good information. I started watching 3 or 4 other tutorials on Elemntor Pro and as I got into each video I stopped, because I knew it was not the kind of training I was looking for. It took me just minutes into your video that I knew I would watch it all the way to the end and it was just the training I was looking for. I learned so much from watching and so much more that I did not even know about the Elementor capabilites. Years ago I started on Front Page, then used Coffee Cup and tried various other programs to build websites and I just want to say the Wordpress along with Elementor Pro offers so much more and just blows the other programs out of the water. I am so happy I decided to watch this video to the end. Now I am going to start at 35 minutes in and start building my website going along with your tutorial. Ferdy I just want to say Thank You for taking the time to put this together in such detail with your awesome expertise!!! I will be watching other videos that you have made as well and I know the quality that you put in this video will carry over to your other videos. NICE JOB MAN!!! ~Rob
  • @youmuflihi
    Hey Ferdy. I have just started to build my own website I was lost but thanks to you, I learned a lot following your tutorial thank you.
  • @HaroonWahidi
    Love your dry Dutch sense of humour!! It is hilarious. Makes the whole 4 hours worth watching apart from the amazing knowledge we get to learn.
  • This is really really great . I literally love this. You are a great teacher. You have taught us so much. Thank you so much for such a valuable lecture.
  • You are making me save precious hours of time and bringing me to the next level with Elementor! Thank you so much and all the best from Italy
  • LOL. You made a 4-hour video so entertaining. Thank you for the Valuuuuuuuuuuueeeeeeeeeeee
  • @aikasal5214
    I'm in first half of the tutorial and I gotta say MAN, I LOVE WHAT YOU DO. I have tried to watch many courses but they weren't direct to the point. I love the fact that you don't waste the time or point to any bullshit. You just mention the needed context and teach very well. Thanks mate, I'm happy I finally met your channel. Hope you greatest ✌❤‍🔥
  • @beyblade90125
    Thank You Master Fredy I am just a Beginner. God Bless you for being so good teacher !!!!
  • @swietie
    Thank you Ferdy. Your tutorial was the first that got me to a fully functional website launch. 👍🏼
  • @rekhabaghel5843
    I am just in the process to create my website and Salute your patience and thoughtfulness for providing free long detailed value. Gratitude Brother from India. Millions of Blessings.