Elementor Pro Tutorial

4.9 based on 300 reviews

Trusted by 120.000 students and 1 Million+ Subscribers

Home > Elementor Pro Tutorial

4:09 Hours Watch Time
08 Minutes Reading Time

Learn how to create a professional website using Elementor Pro. Elementor Pro is built on top of WordPress and takes care of every aspect of your website.

Featured Tools

In this tutorial you will learn how to create an outstanding WordPress website using Elementor Pro. I will show you how to get your own .com domain name for free, and then we will Install WordPress. WordPress is the most powerful website builder on the web. It powers more than 43% of the websites in the world, and it is free.

Then we will create this website from scratch using Elementor Pro. Elementor Pro is a drag and drop page builder that makes is easier than ever before to create a website. It is a matter of creating a new area, place some elements in it and style them. And I will show you step by step how you can do that.

And if you want to change something in your website: Just click on it and change it. Want to use a different color? Click here. Choose and voila. Want to use another image? Click, select and there you are. Throughout this tutorial we will dive deep into creating beautiful pages using the Elementor Pro page builder. You will get good at this stuff!

I will not just show you which buttons to push, no. We will also talk about the branding of your website. Which colours should you use? Which fonts should you use? And if you don’t have a logo yet I will show you how to create one yourself using a free tool, or outsource it so that you can focus on building your website. And if you just want to follow along and create the same website I create, I will give you all the resources for free. The logo’s, settings, pages, templates. Everything. All that to help you and of course in the hope and expectation that you maybe would give this video a like (wink).

If you take a look at the header. I will show you how to create this header from scratch. We will make this part transparent, add a top header area and display another header when you scroll down. And you can make use of a simple drop down menu like this, or built a Mega Menu using Elementor. And I will show you how! 😊

Create a Webshop Using Elementor Pro

Create Advanced Websites Using ACF (Advanced Custom Fields)

Create The Blog Archive and Single Post Template

Create An Advanced Header Using Elementor Pro

Create A Popup Header Using Elementor Pro

Create A Footer Using Elementor Pro

Create A Mega Menu Using Elementor Pro

Create A Glassmorphism Look On Your Website

Learn More About Building Websites Using Elementor Pro

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 In 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 In 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

Affiliate Marketing Tutorial

In this complete course I show you step by step how to start making money online through Affiliate Marketing. The principles I teach made me over 6 figures in the latest years by taking consistent action.