Create an eCommerce Website Using Elementor Pro

In this video, I show you how you can create an eCommerce website using WordPress, WooCommerce, and Elementor Pro. With Elementor Pro you can create every single aspect of your website, and I will show you how, so you don't need third-party plugins or themes with a lot of settings in order to create your WooCommerce website. You can do it all with Elementor Pro.

First, we will get a domain and Webhosting, if you don't have that yet. Then we will install WordPress, get Elementor Pro, create pages, install WooCommerce, create a simple product in WooCommerce, create a variable product, import products in WooCommerce, create a template for the product page, and create a template for the archive pages.

Then we will talk about the WooCommerce Settings like currency, countries to sell to, and more. We will talk about coupon codes, shipping, taxes, and payment methods.

Of course, we will create an amazing homepage using Elementor Pro Elements and make use of pre made templates so you can save yourself some time in creating your webshop. After watching this video you are able to create an amazing webshop for yourself or for clients.

Overview With Timestamps
00:00 Intro
00:06 Overview Of The Tutorial
09:13 The 4 Steps We Will Take
10:18 Get A Domain And Webhosting
13:32 Choose A Domain name

WordPress
17:58 Install WordPress
19:03 Make Your Website Secure
20:18 The Frontend and Backend Of WordPress
21:43 Clean Up Your WordPress Website
22:48 Configure Your Username/Account
24:03 Date and Time Format
24:41 Permalinks
25:49 Make Your Website Secure

Elementor Pro
26:02 Get Elementor Pro
29:02 Install Elementor Pro
30:45 Install The Hello Theme
32:14 Create Pages
35:14 Assign A Homepage

35:53 Create a Logo In Photoshop
38:50 Create a Favicon
40:16 Add a Site Title and Tagline

WooCommerce
40:56 Install WooCommerce
41:32 The WooCommerce Wizard
43:28 Create a Simple Header Template
45:13 Create a Simple Product
45:32 Download Images On The Internet

Your First Product
48:47 The Product Title
49:07 Long Description
50:24 The Price and Sales
51:07 Inventory (Stock)
52:45 Sell Products Individually
53:42 Shipping
55:25 Add WooCommerce Product Categories
56:26 Product Tags
56:56 Add An Image
57:37 Product Gallery

58:54 Add Pages To The Menu
59:57 Create A Variable Product
59:57 Create Variables
1:11:14 Add Categories To Your Menu

Basic WooCommerce Settings
1:12:03 To Which Country Do You Sell
1:12:57 Change the Currency In
WooCommerce
1:12:57 Add Different Kind Of Products
1:14:59 My Workflow In Adding Products
1:17:55 Import Products In WooCommerce
1:19:50 Add Reviews

Elementor Pro
1:25:28 Create A Single Product Template
1:30:53 Import Pre Made Temples For Free
1:32:35 Use Global Colors
1:43:23 Use Some Custom CSS
1:53:33 Make Your Template Responsive

1:57:52 Create A Product Archive Template
2:04:32 Change The Amount Of Columns
2:13:13 Add A Sticky Navigation Menu
2:19:49 Duplicate A Template
2:26:16 Style The Cart Layout
2:29:19 Change A Button Color With CSS
2:34:26 Edit The Checkout Page
2:36:17 Privacy Policy, Terms, and Conditions, etc.
2:39:30 Change WooCommerce Colors

WooCommerce Settings
2:45:21 WooCommerce Settings
2:46:59 GEOLocate
2:48:29 Products Settings
2:50:07 Inventory Settings
2:54:01 Accounts And Privacy
2:56:10 Email Settings

3:01:22 Coupon Codes In Percentage
3:07:02 Coupon Codes In Currency
3:08:53 Coupon Codes For Specific Products
3:10:25 Taxes
3:20:09 Automatic Taxes
3:21:41 Shipping
3:24:31 Table Rate Shipping
3:29:33 Create a Stripe Account
3:39:54 What Happens When People Buy Things

The Homepage
3:41:47 Get Inspired By Other Websites
3:46:33 Create The Homepage With Elementor Pro
3:54:27 Add Entrance Animations
3:58:48 Create A Section With 2 Columns
4:08:07 Show Products On The Homepage

The Footer
4:15:30 Add A Footer
4:23:31 Optimise The Footer For All Devices
4:24:23 What We Have Created
4:26:27 Optimise The Homepage For All Devices
4:27:58 The Final Result

[andyreid]

Finished the video and I have to say this is ta great video that covers more than any other videos that Ive watched so far. very happy with the look and feel of the completed site by following your instructions. Thanks

[BilalAhmad-ieui]

Great video as always, following Ferdy for almost a year and I have learned so much about WordPress, I recommended Ferdy to most of my friend who wants WordPress tutorials.
❤️

[zubairhossain]

Ferdy is the best instructor on Job Bro... and i really appreciate your dedication...Thanks a lot

[jazzy]

Ferdy is the best wordpress Experienced person in the world. Love your work

[shabbythimblebycarolyn]

Ferdy you are so fun! To alleviate future confusion the woman vs women is like men vs man. Woman is one lady, women is more than one😊 Enjoy your videos, thanks for sharing.

[pumuklib]

One womAn. Many womEn. Usually on American web shops the shop buttons are in plural which is "Women" and "Men". Ferdy you are great!!! Thank you for all your help!

[aventureentrepreneurial]

Thank you Ferdy, i have been practicing while watching your videos and i learned many things due to your effort. Be you and your family be blessed by the almighty God.

[christofferpawirodinomo]

Hey Ferdy,

I work for a web development company and I came across your tutorial.

I was astonished what features Elementor have and after watching this my skill got boosted.

Thank you for sharing your knowledge with us, it help me through a lot of improvement.

[panafricangriot]

bought elementor pro with your link. Thanks for the tutorial

[jannatnisa]

Although that video is really really long but it's worth watching. You have given a lot of information which is so helpful. Thanks a lot Ferdy. From Bangladesh.

[yohannesabraham]

Hey Ferdy, i am speechless . I really appreciate your kindness in sharing such a valuable information for FREE. May God help you and your family!!

[sarimhasan]

You know why I love your Tutorials
Because you make things from scratch

[SBTechnotive]

thank you so much bro for this amazing tutorial because of you i completed my entire website so much love from INDIA

[dbnz]

Thank you so much For Sharing your Knowledge. Amazing Videos

[Yoolify]

Thank you very much. I really appreciate your effort and thankful to have such brilliant people like you.

[TheNarancia]

It seems so easy when you do things, but I work with Elementor from 2 years and still I need to learn new things, especially for woocommerce's functions

[ClubCreative]

Wow! I'm starting a new site just to go from beginning to end with this video! Thanks, Ferdy. You're fantastic, as always.

[m.waseem]

Rocked again Ferdy....My favorite WordPress website is here (e-commerce) Love from Pakistan.... 💞💞💞.... 💖💖💖

[greenelda]

the greatest video.. you so much for refreshing my memory and teaching me more things.

[LowziPersian]

4 hours?! I created 2 hours course about WordPress, but damn, Fredy is doing a great job!