Featured

Elementor Complete Tutorial 2022 - Build a Full Website with Elementor



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

This fictional company is titled 'Passport Travel' and is a company that specializes in vacation packages for tourists. 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.

Download the images & XML file here - https://www.dropbox.com/sh/xudsxc77omtn8ot/AAAdzJuyON79K40slSOC12MYa?dl=0

Buy Elementor Pro - https://trk.elementor.com/2834

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

Buy my Elementor Master Class - https://www.thewebmonkeyacademy.com/product/elementor-2022-master-class/. Use the coupon code 'ELEMEN2022' to get it for just $9.99

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

0:00 - Welcome
7:17 - Introduction to domains & web hosting
14:50 - Buying hosting & domain names
21:53 - Installing WordPress quickly
26:42 - Installing WordPress locally with Local
37:44 - Elementor Tutorial Start
40:07 - Installing Elementor & General Settings
50:04 - Elementor Overview
59:43 - Sections, Columns, Margins & Paddings
1:07:32 - Setting up our Global Values
1:19:13 - Building our Custom Headers
1:32:34 - Building the Global Footer
1:44:55 - Adding the Homepage Banner
1:53:04 - Blending the Homepage banner & Header
1:55:40 - Alternative Video Background
1:58:23 - Building the Homepage Part 1
2:04:46 - Building the Homepage Part 2
2:10:04 - Adding the Homepage Gallery
2:14:54 - Adding the Blog Section
2:24:22 - Adding our Call to Action
2:27:21 - Adding the Testimonials Section
2:32:53 - Homepage Review
2:34:23 - Building the Blog Page
2:46:35 - Building the Contact Page
2:55:36 - Introduction to Responsive Design
2:58:41 - Responsive Header Design Part 1
3:06:13 - Responsive Header Design Part 2
3:16:09 - Responsive Footer Design
3:20:08 - Responsive Homepage Design
3:35:40 - End of Free Elementor
3:36:23 - Introduction to Elementor Pro
3:40:31 - Building the Homepage Header with Elementor Pro
3:53:16 - Building the Contact Page with Elementor Pro
4:02:17 - Building the Single Post Template
4:11:37 - Elementor Pro Tips
4:15:47 - Elementor Documentation
4:16:31 - The End

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

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

For business inquiries, product reviews or partnerships, please send an email to [email protected]

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 [email protected]. Thanks.
Category
Web design
Be the first to comment