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

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):
https://wpalgoridm.com/namecheap

Get Hosting (Step 2 ) $100 Credit :
https://wpalgoridm.com/digitalocean

Get Elementor Pro(Step 7):
https://wpalgoridm.com/elementor

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

Get Envato Elements:
https://wpalgoridm.com/envato

Get UpdraftPlus :
https://wpalgoridm.com/updraftplus

Get Adobe CC:
https://wpalgoridm.com/adobecc

How to generate SSH keys on Mac:
https://wpalgoridm.com/code-snippets/ssh-mac-digitalocean/

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 -- https://wpalgoridm.com/udemy-css

Unlock Elementor's full potential
???? Get Elementor Pro — https://wpalgoridm.com/elementor

Signup with DigitalOcean below and get $100 credit
???? DigitalOcean — https://wpalgoridm.com/digitalocean

Get Code Snippet Template discussed in the tutorial
???? Snippet source code Free Template— https://wpalgoridm.com/elementor

Elementor Flexbox tutorials
????Elementor Flexbox basics - https://youtu.be/EoZxo2I_YJs
???? Elementor Flexbox beyond the basics - https://youtu.be/Lo5MVzZVBfw
???? Design website header using flexbox - https://youtu.be/6qxnqBj9P_Q

???? Build a complete website from the scratch on Digital Ocean -- https://youtu.be/wkgl6u9zCTA

Get My Udemy Elementor Custom CSS Course now
???? Course Link -- https://wpalgoridm.com/udemy-css

NEXT STEPS
???? Complete Cloudflare tutorial -- https://youtu.be/O8JwpudvOmo
???? Create Professional Email -- https://youtu.be/R-ALPDrqepM

BEST WORDPRESS HOSTING
???? SiteGround — https://wpalgoridm.com/siteground
???? DigitalOcean — https://wpalgoridm.com/digitalocean

BEST WORDPRESS PAGEBUILDERS & ADD-ONS
???? Elementor Pro — https://wpalgoridm.com/elementor
???? Dynamic Content For Elementor — https://wpalgoridm.com/dynamic
???? Crocoblock JetPlugins — https://wpalgoridm.com/crocoblock
???? Unlimited Elements — https://wpalgoridm.com/unlimited
???? Ultimate Addons — https://wpalgoridm.com/uae
???? Exclusive Addons — https://wpalgoridm.com/exclusive

BEST WORDPRESS THEMES
???? Astra Pro — https://wpalgoridm.com/astra
???? Neve Pro — https://wpalgoridm.com/neve

BEST WORDPRESS PLUGINS
???? WPForms — https://wpalgoridm.com/wpforms
???? WPVivid — https://wpalgoridm.com/wpvivid (ENTER “wpalgoridm20” for 20% OFF)
???? WP Mail SMTP — https://wpalgoridm.com/wpsmtp
???? MetaBox — https://wpalgoridm.com/metabox

BEST WORDPRESS SERVICES & TOOLS
???? NameCheap — https://wpalgoridm.com/namecheap

THE TOOLS I USE
???? Canva — https://wpalgoridm.com/canva
???? Camtasia — https://wpalgoridm.com/camtasia
???? Adobe Creative Cloud — https://wpalgoridm.com/adobecc
???? Google WorkSpace — https://wpalgoridm.com/gworkspace
???? Freepik — https://wpalgoridm.com/freepik
???? Envato Elements — https://wpalgoridm.com/envato

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

Learn WordPress Your Own Way
✅ Website — https://wpalgoridm.com
✅ Queries — https://wpalgoridm.com/contact-us
✅ Request A Tutorial — https://wpalgoridm.com/request
✅ Facebook Page -- https://www.facebook.com/wpalgoridm
✅ Facebook Group -- https://www.facebook.com/groups/designschoolwp

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