Elementor

WATCH THE LATEST ELEMENTOR TUTORIAL FOR 2020 - https://www.youtube.com/watch?v=guUuaArckEw&t=2578s

In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full one page website for a fictional company.

This fictional company is titled 'The White Hat Hackers' and is a company that specializes in cyber security. We are going to build a website promoting this company first by using the free version of Elementor. We will then use Elementor Pro to enhance the design of the website in part 2.

NOTE - That small annoying dash you see above headers is the 2019 theme. Just change the theme and it will disappear.

If you want to use my images and video here is a drop box link for you to download them - https://www.dropbox.com/sh/u6y4xqjpxrit9t8/AACj2g9AvLV3_MtQDdKpSQ5va?dl=0

Buy Elementor Pro - https://elementor.com/pricing/?ref=2834&campaign=YouTubeMasterTutorial

Want to enroll in my Elementor Master Class? - https://www.thewebmonkeyacademy.com/courses/elementor-2019/

Learn how to use the Page Builder Framework Theme - https://www.youtube.com/watch?v=SW677AFO_sI

Follow me on Facebook - https://www.facebook.com/thewebmonkeyonline/

Buy Siteground Web Hosting - https://www.siteground.com/go/you_tube

Visit my blog - https://thewebmonkeyonline.com/tutorials/the-complete-elementor-tutorial/

Follow me on Instagram (If you want to see awesome videos and pictures from my travels around the world) - https://www.instagram.com/travels_of_xander/

Time stamps

3:52 - Initial Setup
5:34 - Elementor Settings
11:42 - Setting up the Home Page
15:38 - Setting up our Global Values
21:42 - Adding our First Section
32:50 - Adding the 'Who We Are' section
40:18 - Working with the Navigator & History Tools
42:30 - Creating Advanced Structures
47:02 - Elementor Challenge
47:58 - Adding the Services Section
56:31 - Adding the 'Why Work with Us' Section
1:06:03 - Adding the 'Meet the Team' Section
1:12:18 - Adding the Clients Section
1:16:17 - Adding the Testimonials Section
1:22:06 - Working with Margins and Paddings
1:28:45 - Working with the Spacer Element
1:32:38 - Adding a Number Counter
1:35:35 - Creating the Contact Us Section
1:42:27 - Creating the Header Part 1
1:53:16 - The Page Builder Framework Theme
1:55:09 - Creating the Header Part 2
1:59:39 - Responsive Design with Elementor
2:07:24 - Page Templates & Blocks
2:12:33 - The Finder Tool
2:14:32 - Introduction to Elementor Pro
2:19:09 - Section 1 Review
2:19:57 - Elementor Pro Section Preview
2:20:21 - Recreating the Header with Elementor Pro
2:31:12 - Adding an Animated Headline
2:35:32 - Adding a Countdown Timer
2:40:58 - Recreating the Services Section with Elementor Pro
2:48:13 - Recreating the Why Work with Us Section
2:56:20 - Recreating the Contact Us Section
3:04:48 - THE END HAHAHAHA

Buy the Elementor Full Course

Udemy - https://www.udemy.com/elementor-101-build-amazing-wordpress-pages-with-no-coding/?couponCode=YOUTUBE9

Skillshare - https://www.skillshare.com/classes/Elementor-Build-Amazing-WordPress-Pages-With-No-Coding/2139262532?via=search-layout-grid

For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com

Did you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.

Learn how to make an awesome WordPress website using the Elementor page builder plugin with this step-by-step tutorial!

30%-60% OFF HostGator Hosting (note - I’ll earn a small commission and you’ll earn a discount when you use this link):
https://createaprowebsite.com/hosting

Or use coupon code at checkout: CREATEAPROWEBSITE

Grab Elementor Pro here (note: I’ll make a small commission at no extra cost to you when you use this link): https://createaprowebsite.com/elementor

Elementor Website Template:
https://drive.google.com/open?id=1IN3eVhA8DNAQq3q-3tGeW58RXIFf7OGN

Follow Along Images:
https://drive.google.com/drive/folders/1-0CzRCMB0rFCf6V1he-PrqKOY5hu5GhQ?usp=sharing

------------------------------------------------------------------------------------------------------

Other helpful videos:

What is Web Hosting? Explained!
https://www.youtube.com/watch?v=H8oAvyqQwew

What is WordPress? Explained!
https://www.youtube.com/watch?v=71EZb94AS1k&t=5s

------------------------------------------------------------------------------------------------------

TIMESTAMPS:

What website are we making? 0:37

Step #1: Secure Your Domain Name and Hosting 5:34
https://createaprowebsite.com/hosting

Step #2: Install WordPress 11:35

Step #3: Activate a New Theme 15:35

Step #4: Activate the Elementor Plugin 17:12

Step #5: Customize Your Website 18:59

Step #6: Add Your Contact Form 1:12:49

Step #7: Create a Header Menu 1:22:02

Step #8: Publish Your Website 1:35:01

Don't forget to LIKE and SUBSCRIBE for more website tutorials!

ELEMENTOR FOR BEGINNERS
This complete Elementor for WordPress tutorial for 2020 covers all the steps needed to create your own Elementor website for free from start to finish with no html, css, javascript, or any other web coding experience. The course shows you how to acquire web hosting, install WordPress for free, install themes for free, then install the best WordPress page builder, Elementor page builder for WordPress plugin. Plus you will create your own professional logo for free. This Elementor tutorial for beginners provides a very detailed and complete step-by-step walk-through of everything you'll need to know to create your own professional Elementor WordPress website from start to finish using the super easy (and free) Elementor page builder WordPress plug-in. We will use most all of the newest Elementor 2.0 widgets as well and some super useful Elementor Pro elements. Below you will also find super discount options, lots of free resources, and timestamps to access specific lessons within this 2020 Elementor WordPress tutorial.


YODA'S TIP JAR 🗑️
https://paypal.me/TipsHere

DISCOUNT HOSTING OFFERS
Host Link: http://hostgator.com/webyoda
Coupon #1 : webyoda (Save up to 75%)
Coupon #2 : webyoda1cent (1st Month is only 1 cent)

WEBSITE MUST HAVES
Backup Website : https://www.youtube.com/watch?v=wGyZvNupHV8
Free Logo : http://designevo.com/webyoda (Coupon WEBYODA30OFF)
Elementor: https://go.elementor.com/webyoda

ROYALTY FREE IMAGES
https://webyoda.com/123RF (professional images)
https://unsplash.com (free)
http://pixabay.com (free)
https://pexels.com (free)

ROYALTY FREE VIDEO CLIPS
https://youtube.com (free)
http://coverr.co (free)
https://www.videvo.net (free)
https://pixabay.com/en/videos (free)
https://www.videezy.com (free)

TIMESTAMPS
00:00:00 Step 01 - Introduction
00:00:52 Step 02 - Website Project Overview
00:06:10 Step 03 - Unavoidable Costs
00:06:36 Step 04 - Please Ask Questions
00:06:53 Step 05 - Please Pay It Forward
00:07:05 Step 06 - Let’s Start Our Website
00:07:24 Step 07 - Choose & Purchase Web Hosting
00:15:14 Step 08 - Login To Your Control Panel
00:16:24 Step 09 - Install WordPress Application
00:19:05 Step 10 - Display Your WordPress Website
00:19:50 Step 11 - Change WordPress Password
00:21:20 Step 12 - How To Login To WordPress
00:21:48 Step 13 - WordPress Tutorial Timestamps
00:22:29 Step 14 - Install WordPress Theme
00:24:15 Step 15 - Install WordPress Plugins
00:29:11 Step 16 - How To Update Plugins
00:29:33 Step 17 - How To Update WordPress
00:31:05 Step 18 - About Your Dashboard
00:31:51 Step 19 - Creating Empty Pages
00:36:10 Step 20 - Access Elementor Plugin
00:37:31 Step 21 - Create A Menu
00:39:12 Step 22 - Set Menu Colors
00:42:24 Step 23 - Build A Free Logo
00:46:56 Step 24 - Make Image Transparent
00:57:14 Step 25 - Add Logo To Menu Bar
00:59:11 Step 26 - Choose A Homepage
01:00:08 Step 27 - Set Website Permalinks
01:01:01 Step 28 - Remove Search Icon
01:01:47 Step 29 - Remove Header Spacing
01:02:51 Step 30 - Set Footer Copyright
01:03:35 Step 31 - Build The Homepage
01:05:12 Step 32 - Collecting Website Content
01:06:07 Step 33 - Royalty Free Images And Videos
01:06:47 Step 34 - Add YouTube Background
01:12:02 Step 35 - Add Image Text Combo
01:16:33 Step 36 - Setting Default Fonts
01:27:54 Step 37 - Make Call To Action Areas
01:33:57 Step 38 - Add Accordion Widget
01:41:54 Step 39 - Add Image Carousel
01:45:32 Step 40 - Build Testimonials Section
01:51:41 Step 41 - Add Parallax Background
01:54:23 Step 42 - Using Contact Form 7
01:59:32 Step 43 - Insert Join Our Email Form
02:02:01 Step 44 - Create Website Footer
02:06:30 Step 45 - Create About Us Page
02:07:11 Step 46 - YouTube Segment Background
02:14:27 Step 47 - Create Destination Page
02:27:41 Step 48 - Using Elementor Templates
02:36:34 Step 49 - Create Photo Gallery
02:37:46 Step 50 - How To Set Color Defaults
02:38:19 Step 51 - Add Gallery Page
02:41:13 Step 52 - Create Travel Tips Page
02:41:44 Step 53 - Create Contact Us Page
02:44:29 Step 54 - Using Icon List Widget
02:46:45 Step 55 - Insert Contact Us Form
02:47:25 Step 56 - Using Google Map Widget
02:48:48 Step 57 - Apply Content Animation
02:51:40 Step 58 - Headline Animation Widget
02:53:53 Step 59 - Mobile Friendly Adjustments
02:59:52 Step 60 - You Finished Well Done!

ABOUT THE AUTHOR
About me (Yoda) – http://webyoda.com/first-certified-we... (First Certified Webmaster)
WebYoda - http://webyoda.com/ (Owner)
WOW Academy - http://webmastercertification.com/ (Online Training Creator)
Web Design Training School - http://webdesigntrainingschool.com/ - (Free Courses)

MUSIC CREDITS
Silent Partner

VIDEO COVER CREDITS
1. Girl Raft - SkyMediaPro
2. Egypt - Explore&Share
3. Havasu - Pavel Losevsky
4. Jamaica - Ron Lane
5. Mt Baker - coverr.co
6. Hawaii - InBoundHorizons
7. PC Beach - Pineapple Properties
8. Rome Italy - Tom Hoffman Jr.
9. Bermuda - www.pond5.com

DRAWING ARTIST CREDITS
https://aubingarfielddunkley.com

In this I will show you the basics of Elementor Pro. This video is the follow up for my Elementor Wordpress Tutorial with the free version. In this Elementor Pro Tutorial I will show you how it works.

→ Get Elementor
Elementor Pro Pricing: https://elementor.com/pricing/?ref=4590&campaign=pro
Elementor Free Download: https://elementor.com/thankyou/?ref=4590&campaign=download
All the software I recommend: https://livingwithpixels.com/links/

Want to get updated when my Elementor Pro course is done? Sign up here: https://livingwithpixels.com/email/

→ Hosting I use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube

→ Hardware that I use for videos
Macbook Pro 13 inch: https://amzn.to/2LUjDbG
Camera: RX100 Mark 3: https://amzn.to/2qQlqag
Microphone: Zoom H1: https://amzn.to/2tgTI7r
Mini Tripod (for the mic): https://amzn.to/2PJiODD

→ Helpful for beginner
How to Install Elementor and Wordpress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8

Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full website blog.This blog is titled 'the lone nomad' and is basically a travel blog highlighting the adventures of a solo traveler around the world.

I am going to first of all show you how to use the free version of Elementor to build the blog and then in the second chapter, I will use the pro version to further enhance the functionality and design of the blog.Even though we built a blog in this tutorial, you can use the same techniques and skills to build ANY type of blog on any other topic.

Buy Elementor Pro - https://elementor.com/?ref=2834&campaign=2020MegaTutorial

Buy Siteground Web Hosting - https://www.siteground.com/go/you_tube

Get your FREE WordPress Course from the Web Monkey Academy - https://thewebmonkeyacademy.com/

Get 2 months FREE access to more than 16,000 courses on SkillShare - https://www.skillshare.com/r/profile/Alexander-Oni/6660110

Follow me on Facebook - https://www.facebook.com/thewebmonkeyonline/

Follow me on Instagram - https://www.instagram.com/travels_of_xander/

Visit my blog - https://thewebmonkeyonline.com/

Buy Siteground Web Hosting - https://www.siteground.com/go/you_tube

TIME STAMPS

5:24 - Intro to Web Hosting
9:05 - Creating a Temporary Domain & Installing WordPress
11:46 - Creating a Sub Domain
14:30 - First Things First
19:46 - Elementor Setup
27:28 - Elements & Structure
32:01 - The History Tool
34:19 - Adding our First Section
48:40 - Displaying the Posts Grid
53:26 - About Us Section & Instagram
1:04:39 - Switching WordPress Themes
1:16:17 - Spacing
1:23:08 - Creating the Header
1:38:34 - Adding the Social Media Icons
1:42:19 - Creating the Footer
1:53:28 - Adding the Subscription Form
2:02:56 - Working with the Slideshow Element
2:09:10 - Building the Blog Page
2:14:55 - Building the About Us Page
2:24:18 - Adding Testimonials
2:28:13 - Quiz
2:34:00 - Elementor & WooCommerce
2:48:33 - Animations
2:51:57 - Responsive Design Part 1
3:02:52 - Responsive Design Part 2
3:09:53 - Recap
3:14:35 - End of Part 1
3:16:00 - Intro to Elementor Pro
3:17:19 - Recreating the Footer
3:21:19 - Recreating the Header
3:27:25 - Creating the Blog Post Template
3:38:15 - Creating the Contact Us Section
3:47:31 - Creating the Archive Template
3:52:47 - Introduction to Pro Elements
3:56:00 - Elementor Popups
3:57:50 - Intro to Pro Animation
4:05:22 - Final Thoughts
4:08:58 - Conclusion

For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.comDid you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.

In this Elementor - WordPress Page Builder Tutorial, I'll show you how to get started using the Elementor WordPress page builder. Perfect for people wanting to get up and running using Elementor fast.

Elementor: https://www.wpcrafter.com/elementor

🔥🔥🔥 WordPress Deals July 2020 🔥🔥🔥
* SiteGround -- https://www.wpcrafter.com/siteground (SAVE 40%)
* KadenceWP -- https://www.wpcrafter.com/kadence (SAVE 25% CODE WPC100OFF)
* WPVivid Backup - https://www.wpcrafter.com/wpvivid (SAVE 40% CODE WPCSAVE40)
* FluentForms - https://www.wpcrafter.com/fluentforms (SAVE 25%)
* BuddyBoss -- https://www.wpcrafter.com/buddyboss (SAVE 10%)
* Divi -- https://www.wpcrafter.com/divi (SAVE 10%)

📮📮📮 IMPORTANT NOTICE 📮📮📮
Want free premium WordPress training? I sell premium WordPress training courses that I want to GIVE you access to for FREE. I much rather give them to you to make them more accessible to everyone. Getting access is easy, when you purchase products or services through my referral links, I say thank you with free courses. Visit for more info 👉https://www.wpcrafter.com/free-courses

😍😍😍 My Top Picks 😍😍😍
* SiteGround -- https://www.wpcrafter.com/siteground (SAVE 40%)
* Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 10%)
* BuddyBoss -- https://www.wpcrafter.com/buddyboss (SAVE 10%)
* LearnDash -- https://www.wpcrafter.com/learndash
* Elementor -- https://www.wpcrafter.com/getelementor

⚙️⚙️⚙️ Best WordPress Page Builders ⚙️⚙️⚙️
* Elementor -- https://www.wpcrafter.com/elementor
* Beaver Builder -- https://www.wpcrafter.com/beaverbuilder
* Brizy -- https://www.wpcrafter.com/brizy
* Divi -- https://www.wpcrafter.com/divi (SAVE 20%)
* Thrive Architect -- https://www.wpcrafter.com/thrive-architect

🖥️🖥️🖥️ Best WordPress Hosting 🖥️🖥️🖥️
* Full List -- https://www.wpcrafter.com/hosting
* SiteGround -- https://www.wpcrafter.com/siteground (SAVE 40%)
* Cloudways -- https://www.wpcrafter.com/cloudways (SAVE 10%)
* A2Hosting -- https://www.wpcrafter.com/a2hosting (SAVE 66%)
* NameHero -- https://www.wpcrafter.com/namehero (SAVE 50%)

📨📨📨 Contact WPCrafter 📨📨📨
☑ Website -- https://www.wpcrafter.com
☑ Facebook -- https://www.facebook.com/wpcrafter
☑ Facebook Group -- https://www.facebook.com/groups/wpcrafter
☑ Twitter -- https://twitter.com/wpcrafter

All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. Of course, when you do click, I like to reward you back with free premium training courses. Visit for more info 👉https://www.wpcrafter.com/free-courses

- DEIXAR SITE RESPONSIVO: http://bit.ly/AulaBonus2
(É só clicar em Começar)

- CURSO ELEMENTOR PRO + LICENÇA (http://bit.ly/Curso-Elementor-Pro)

- Material Didático: http://aescoladesites.com.br/como-criar-um-site-completo-2019/

- TIRE SUAS DÚVIDAS: http://bit.ly/comunidade-aes

-Página não encontrada? (Erro 404): https://youtu.be/_9wWU_E92oE

- COMO FAZER UM SITE DE VENDAS: https://youtu.be/MakdGZdmmCQ

- ELEMENTOR PRO - http://bit.ly/2FRXUis


------------------------------------------------------------------------------------------

Separamos aqui alguns Serviços de Hospedagem que recomendamos:


- Site Ground: http://bit.ly/aes_SiteGround

-Desconto HostGator: http://bit.ly/HospedagemHostGator50OFF

- Domínio Separado: https://aescoladesites.com.br/dominio

------------------------------------------------------------------------------------------


EBOOK Crie seu Site do Zero!
https://m.me/aescoladesites?ref=w7020752


------------------------------------------------------------------------------------------

Acesse: www.aEscoladeSites.com.br para ter acesso a todo o conteúdo escrito 😀

Deixem suas dúvidas e sugestões aqui em baixo nos comentários!

Get Elementor PRO: https://www.darrelwilson.com/elementor

The theme builder for elementor allows you to make custom headers, customer footers, post templates, and much more for your wordpress website. The theme builder for elementor is only available in the pro version so make sure to grab a copy.

Elementor eCommerce Theme Builder Tutorial: Coming In 3 Days

Thanks for watching! i hope this was helpful for you in learning how to use the elementor theme builder!

Want Some Wordpress Deals And Discounts? (Updated For 2020)
 
How About A Discount For Wordpress Products?

Get An EXCLUSIVE 70% OFF Hosting Deal For Namehero: https://www.darrelwilson.com/namehero-discount
Get 70% OFF the Fastest Hosting forWordpress With Siteground: https://www.darrelwilson.com/siteground70
Get 10% OFF The Divi theme HERE: https://darrelwilson.com/divi-discount
Get 10% OFF The AlidropShip Plugin: https://darrelwilson.com/alidropship (use code darrel10)
Get 2 Months Of Skillshare Premium FREE: https://www.skillshare.com/r/user/darrel

Looking for a Wordpress Tutorial To Get Started? (Updated For 2020)

Create An Affiliate Marketing Website: https://www.youtube.com/watch?v=j5EgHukZxpk&t=4s
Create A Website With Elementor: https://www.youtube.com/watch?v=536C08O1AZM&t=2275s
Create A Website With Elementor PRO: https://www.youtube.com/watch?v=d9tcmqJEEu4&t=1108s
Create an eCommerce Website With ELEMENTOR: https://www.youtube.com/watch?v=mDu_WyMABnA&t=567s
Create An ecommerce Website with FLATSOME: https://www.youtube.com/watch?v=TDNGEFd-aEE
Create A Wordpress Website With the DIVI Theme: https://www.youtube.com/watch?v=vY_19T4jCSA&t=7100s
Create A Dropshipping Website With FLATSOME: https://www.youtube.com/watch?v=lUzsbwYJlo0&t=161s


Want The BEST WEB HOSTING? Check out my video where I tested 16 web hosts for 60 days! (Updated For 2020)

Best Web Hosting: https://www.youtube.com/watch?v=-2d0G-ixmG8&t=978s
Best Cloud Web Hosting for 2020: https://www.youtube.com/watch?v=Nm453BguCNo
Best Dedicated Web Hosting For 2020: https://www.youtube.com/watch?v=elFJb5xUJVA&t=651s
 

Wanna connect with Darrel Wilson?


Join the Facebook Group! https://www.facebook.com/groups/1272972036227234/
Follow my Facebook Page! https://www.facebook.com/DarrelWilson03/
Connect With Me On Linkedin: https://www.linkedin.com/in/darrel-wilson-0435166b/
Follow me on Twitter: https://twitter.com/wpDarrel
Stay up to date with wordpress topics, visit my website at https://www.darrelwilson.com

Elementor vs Divi, that is the ultimate question! In this video I compare two of the most popluar page builders in the world to help you decide which one to build your website with. The categories are:

1. Interface and Ease of Use
2. Module Customization
3. Pre-made Templates
4. Price
5. Overall Recommendation

Divi (note: I’ll make a small commission at no extra cost to you when you use this link):
https://createaprowebsite.com/divi

Elementor (note: I’ll make a small commission at no extra cost to you when you use this link):
https://createaprowebsite.com/elementor

How to Make a BEAUTIFUL Parallax Website:
https://www.youtube.com/watch?v=lh8w2upALV8&t=135s

Don't forget to SUBSCRIBE if you want more AWESOME website tips, tricks, and tutorials:
http://youtube.com/createaprowebsite?sub_confirmation=1

What’s the baseline grid and what difference it makes when it comes to typography? Why every page designer should be using the baseline grid? Did you know that the balance and congruity are recognized subconsciously?
The baseline grid is a means to introduce order into a design, especially typography. If every website had a lined paper background, you’d be able to figure it all out instantly.
After watching this tutorial, you’ll change the way you design. The good news is: it’s a progress-wise.


-------------------------------------------------- EXTRAS!


OoohBoi Steroids for Elementor plugin page:
https://wordpress.org/plugins/ooohboi-steroids-for-elementor/


Visit my Gumroad shop for more cool stuff:
https://gumroad.com/ooohboi


Download this tutorial Training File(s):
https://cutt.ly/Ros4RbC