How To Make an eCommerce Website With WordPress and Elementor 2022 (Complete WooCommerce Tutorial)

by | Nov 14, 2022 | 0 comments

How To Make an eCommerce Website With WordPress and Elementor 2022 (Complete WooCommerce Tutorial)

by | Nov 14, 2022 | Free Wordpress Plugins | 0 comments



Learn how to Build an e-commerce store, step by step without any code by using drag and drop Elementor Website Builder, WordPress and WooCommerce. Also learn how to design cart page, checkout page, thank you page and my account page, add payment gateway and everything you need to run an online store.

Get Domain (Step 1):

Get Hosting (Step 2 ) $100 Credit :

Get Elementor Pro(Step 7):

Custom DNS to be pasted in Namecheap(Step 3):
ns1.digitalocean.com
ns2.digitalocean.com
ns3.digitalocean.com

Get Envato Elements:

Get UpdraftPlus :

Get Adobe CC:

How to generate SSH keys on Mac:

Table of Contents
0:00 Introduction
01:03 Get A Domain
03:11 Create DigitalOcean Droplet
08:32 Change DNS records
09:40 Connect Droplet and Domain
11:01 Install WordPress
16:16 Important Settings
23:08 Install Elementor
26:15 Install WoooCommerce
29:11 Configure WooCommerce
34:00 Configure Taxes
36:41 Accounts & Privacy
41:18 Configure WooCommerce Shipping
44:07 Settings
47:38 Add WooCommerce Products
48:02 Add Simple Product
53:47 Add A variable product
57:32 Add a Downloadable Product
59:53 Add a Grouped Product
1:00:54 Add Product Categories & Tags
1:08:04 Edit Important Pages
1:14:30 Create a WordPress Menu
1:15:25 Design Website
1:16:02 Install a Template Kit
1:18:46 Custom WordPress header
1:26:54 Custom WordPress Footer
1:30:34 Custom 404 Page
1:34:40 Custom search results template
1:37:05 Single Product design
1:43:31 Custom Shop Page design
1:47:14 Custom Cart Page
1:54:17 Custom Checkout Page
1:58:50 Custom My Account Page
2:02:15 Add Stripe payment
2:06:51 Create Thank You Page
2:12:49 Design Home Page
2:16:14 GDPR
2:17:39 Conclusions

Master CSS Basics for Elementor with my Udemy Course
🛑 Course Link —

Unlock Elementor’s full potential
🛑 Get Elementor Pro —

Signup with DigitalOcean below and get $100 credit
🛑 DigitalOcean —

Get Code Snippet Template discussed in the tutorial
🛑 Snippet source code Free Template—

Elementor Flexbox tutorials
🛑Elementor Flexbox basics –
🛑 Elementor Flexbox beyond the basics –
🛑 Design website header using flexbox –

🛑 Build a complete website from the scratch on Digital Ocean —

Get My Udemy Elementor Custom CSS Course now
🛑 Course Link —

NEXT STEPS
🛑 Complete Cloudflare tutorial —
🛑 Create Professional Email —

BEST WORDPRESS HOSTING
🔥 SiteGround —
🔥 DigitalOcean —

BEST WORDPRESS PAGEBUILDERS & ADD-ONS
🛑 Elementor Pro —
🛑 Dynamic Content For Elementor —
🛑 Crocoblock JetPlugins —
🛑 Unlimited Elements —
🛑 Ultimate Addons —
🛑 Exclusive Addons —

BEST WORDPRESS THEMES
🟦 Astra Pro —
🟦 Neve Pro —

BEST WORDPRESS PLUGINS
🟦 WPForms —
🟦 WPVivid — (ENTER “wpalgoridm20” for 20% OFF)
🟦 WP Mail SMTP —
🟦 MetaBox —

BEST WORDPRESS SERVICES & TOOLS
🟦 NameCheap —

THE TOOLS I USE
🟦 Canva —
🟦 Camtasia —
🟦 Adobe Creative Cloud —
🟦 Google WorkSpace —
🟦 Freepik —
🟦 Envato Elements —

** If you want to offer an EXCLUSIVE DISCOUNT to my subscribers, contact me on my website**

Learn WordPress Your Own Way
✅ Website —
✅ Queries —
✅ Request A Tutorial —
✅ Facebook Page —
✅ Facebook Group —

DISCLAIMER: Some links may contain Affiliate links which help me earn a small commission at no extra cost to you, that helps me make free content in case you buy one above. Thank you for your support!

#wordpress

source