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

source

30 thoughts on “How To Make A Website With Elementor Pro”
  1. 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.

  2. Elementor prices have shot up 1 pro site is still $49 – 10 sites $199 – 25 sites $499 – 1000 sites $999 – per year, they don’t even have a lifetime offer and For $999 that’s even more expensive than some others for a lifetime offer, really are milking are milking it.

  3. Thanks for your videos. I’m learning a lot. Just need to find clients 🙂 say what are your thoughts on the new M2 Mac book air for what you do. I’m looking for a new Lapp top as currently this on my iOS 2018 iPad Pro .

  4. 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.

  5. This is amazing, teaching style is awesome. Exactly what I was looking for to learn to how to do, I am learning so much. Thank you for sharing your talent and passion!

  6. Dear Freddy,

    I hope this email finds you well. I am writing to request your assistance with a problem that I am experiencing with my tool website. Unfortunately, I am unable to publish the website and I am not sure what the issue is.

    Would it be possible for you to help me troubleshoot the problem and get the website up and running? I would greatly appreciate any help you can offer.

    Thank you in advance for your assistance.

    Best regards,

    [N V S]

  7. You are amazing. I wish that I had found your youtube channel earlier, so that had saved the money that I wasted on my institute to learn web designing
    By The Love Your Work Ferdy And Lots Of Love From Pakistan

Leave a Reply

Your email address will not be published. Required fields are marked *