Elementor Tutorial For Beginners 2021

Elementor is the best free page builder for WordPress websites. Since Elementor is getting better and better all the time it is changing all the time. If you want to start to learn how to make websites using Elementor, this video is for you! In this video, I will go through the Basics of Elementor. In the first 2 minutes of the video, I show you what we will cover.

In this Elementor Tutorial for Beginners, you learn what the difference is between a theme and a page builder. Themes take care of your header and footer. The page builder for the content in your website. When you got that covered we will install the amazing free version of Elementor.

Then we will talk about the structure of building pages with Elementor. Elementor contains Sections, in those sections, you can place one or more columns and in those columns, you can add widgets. Sections, Columns, and Elements can be styled, and that gives you so much freedom to create beautiful pages with Elementor. I will walk you through the basics of styling all areas on your page separately.

We will talk about different background types, like colors, gradients, images, and even videos. We will work with different elements like the heading element, divider, button, image carousel, video, and more. Besides that, I have tutorials about every single element on Youtube.

We will talk about margin and padding and about negative Margin, so you can style your website better. We will talk about animations like these, and about free plugins that give you even more Elements in Elementor. For instance, the blogpost Elements that come from Essential Addons. Of course, we will talk about making your website responsive for all devices so your website looks amazing on any screen.

We will talk about the Elementor Blocks that help you to create websites even faster. We will import complete pre-made templates and change the look and feel to the styling of our website and we will even import external templates, created by the amazing community around Elementor.

We will style our website even further using shape dividers that can be adjusted to our wishes.

Last but not least, we will talk about global fonts and global colors so we can change the look and feel of our website in 2 clicks instead of changing all the fonts and colors on our website one by one.

After watching this tutorial you will be able to create amazing websites using Elementor.

Overview With Timestamps

00:00 Intro
00:13 Overview of the Elementor Tutorial
03:02 The Difference Between Themes and Page Builders
03:53 Get Elementor For Free
05:10 Open Elementor
05:35 What If Elementor Does Not Load?

Elementor Basics
06:18 Sections, Columns, and Elements
08:08 All Elements Explained
08:22 3 Levels Of Editing
09:12 Add Editing Handles
09:48 Create Your First Section in Elementor
11:41 The Section Background
14:54 How To Check The Result In Elementor
15:32 Change The Width Of Your Elementor Page
19:42 The Column Settings
21:05 Advanced Settings Of Elements
23:42 Duplicate in Elementor
24:08 The Navigator

The Homepage
25:30 Create a Hero in Elementor
26:08 Global Styles
29:14 Add Global Fonts
33:42 Add a Button
35:07 Create Shadows
35:42 Create a Second Button
36:53 Negative Margin in Elementor
39:09 Create a Divider
41:24 Add Animations
43:41 Create 3 Columns
46:30 Negative Margin
50:48 Add a Video Element
51:55 Borders and Border Radius

55:10 Mobile Optimization in Elementor
59:50 Download Free External Elements For Elementor
1:06:08 Add a Fill Section
1:09:21 Import and Adjust Pre Made Elementor Templates
1:13:20 Copy and Paste Styles
1:17:52 Add the Contact Form 7 Plugin
1:20:38 Import Elementor Blocks
1:24:10 Use Shape Dividers in Elementor
1:26:51 Duplicate Areas
1:27:32 Save Sections as Templates
1:28:00 Export Templates
1:28:26 Save Pages as Templates
1:29:09 Change the Global Colors

#Elemetnro #ElementorTutorial

[pranshkhubchandani]

i am 20 minutes in the tutorial and earned 50 new things already thanks man for these tutorials

[puriavera]

This is amazing, I have been searching for a full tutorial and this is for sure the most complete elementor that I have ever seen on youtube! amazing channel and your son is the cutest!

[no-page]

This is an amazing tutorial! I used several of the videos by Elementor as I learned to build my first site. But your video reinforced everything I had learned so far and gave me so many more tools to try.I saved this one and the detailed timestamps will ensure I watch it over and over as build my experience with Elementor. I feel like I just took a week-long class in less than 2 hours. I made ample use of the pause button to try out the things you taught.

[tonyb]

Ferdy- Now THIS is the tutorial I have been looking for. As a new user I have stumbled through looking at many videos that covered some parts of Elementor, some that said they were basic for beginners but left out many things, and I like all of you videos but for me at this point in my learning of Elementor, this tutorial is the one to beat all of the ones I have seen!!!... this is the tutorial that For me wins hands down! Thanks for taking the time to make such a great foundation video that now makes all the more advanced things in Elementor easier to grasp and make sense of for me...

[sumitroy]

Every time I watch your videos I learn something new. This video also taught me something new mainly the basics which sometimes I tend to forget. You are an amazing teacher Ferdy. Wish your son will keep your flag flying high some day.

[cpt.varakula]

I have watched 3 long tutorial about the Elementor. Yours is really the best of them. Thank you for this enjoyable training

[apurvapalekar]

Hi Ferdy, I learn a lot by watching your website designing videos. You explain in a very simple and understandable manner. Thank you.

[heartauthenticliving]

Thank you so much for this. This is one of my fav channels for Elementor tutorials. I love the way you explain, really great energy and easy to understand.

[jamesmall]

Thanks Ferdy, I've been building Elementor Pro sites for 2 years, still getting my head around the new Global Styles, Fonts and Colours, I think I get it a lot more after watching this video. Maybe you can do a video just around Global Styles how to use it for a new site build and also on sites you have already built but just want to take advantage of the new Global Styles. Just an idea, thanks for your great tutorial videos, you are my go-to guy for Elementor!

[marmaladoe]

Wow! You made an updated elementor tutorial exactly when I needed one!!

How did you know? Lol!!

I'll be watching it a bit later tonight.

Thank you!

[realrussclarke]

Your upbeat attitude is infectious! So glad I found you Ferdy.

[joshuaking]

Great tutorial. I've started sites with Elementor and switched. I really needed to learn this builder. Thanks for making it come alive and fun. You've got a nice son. Can you make a video of how you got him to stay cooperative all through?

[LaIniestra]

I just started learning about elementor and this guide was SO useful, thank you so much. i'll be sure to watch your other videos.

[JohnMonyjok]

You made me proud. I have to make many websites now easily with the Elementor, and I like the way you pronounce it. Nice free content. Be blessed and stay safe with your son and family.

[kerawelt]

Another smashing tutorial of yours Ferdy ! Your teaching skills are fascinating (and your son is so cute !) God bless you !

[arthurmalunes]

Thank you Ferdy for the hard work you put into this training videos

[B.S]

Oh this boy is so cute and adorable 😍❤.second time i am watching him.thnq for his intro.

[awallastick]

You are The Elementor Guy! Thanks for being so generous with your expertise! Great tutorial!

[jerryjessy]

You are so amazing with your tutorials. I just purchased Elementor pro from your link as a thank you for all the time you put into this.

[jepcorp]

I needed to learn Elementor in a very basic way and and Ferdy, you delivered. I had 0 knowledge about Elementor and Wordpress but now I feel very confident. THANK YOU THANK YOU THANK YOU.