• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/How To Make an eCommerce Website With Wordpress and Elementor 2020 [Elementor Tutorial]✅

How To Make an eCommerce Website With WordPress and Elementor 2020 [Elementor Tutorial]✅



Get FAST And Cheap Web Hosting: https://www.darrelwilson.com/namehero-discount
Download Elementor: https://www.darrelwilson.com/elementor
FREE Demo Images:
https://eleemntorecommerceimages.s3-us-west-1.amazonaws.com/Elementor+DEMO+eCommerce+Images.zip
DEMO Elementor eCommerce Website: http://elementorecommercetutorial.com/

Ready To Build Your eCommerce Website With Worpdress And Elementor? In this ecommerce tutorial, i cover how to use the elementor page builder and WordPress. We use Elementor and Woocommerce to builder our eCommerce website.

Important Links and Videos I Talk About

Elementor PRO Tutorial: https://www.youtube.com/watch?v=d9tcmqJEEu4&t=1750s
WooCommerce Tutorial: https://www.youtube.com/watch?v=MrEG5Std2xI
Elementor FREE eCommerce Template: https://www.darrelwilson.com/product/elementor-ecommerce-template-package/
Get a 10% Discount Off Astra PRO: https://www.darrelwilson.com/astra ( Use code darrel10 For 10% OFF)
Get A $5 Logo: https://www.darrelwilson.com/fiverr
Terms and Conditions FREE: https://www.termsandconditionsgenerator.com/
MailChimp Tutorial: https://www.youtube.com/watch?v=sSdSVUMwAoo
Best WooCommerce Plugins: https://www.youtube.com/watch?v=yGuW0-LbGAc&t=32s

NOTE: For the contact page, in order to receive email, click on the contact form while editing the page – select email and where it says “to” insert your email and you are all done!

Timestamps For The Video
00:00:00 Intro
00:15:46 Get Hosting
00:19:30 Install WordPress
00:22:45 General Settings
00:25:02 Creating Pages And Menu
00:28:05 Download Elementor
00:34:25 Building The Homepage
01:12:08 Creating Products
01:17:20 Creating A Simple Product
01:25:08 Creating A Variable Product
01:32:55 Adding Products To Homepage
01:36:55 Download Elementor eCommerce Template
01:46:50 Theme Customizer And Plugins
01:54:12 Terms And Conditions
02:03:21 Elementor Theme Builder Tutorial
02:05:52 Create A Custom Header
02:11:10 Create A Custom Footer
02:14:30 Create A Custom Shop Page
02:26:05 Create A Custom Shop Category Page
02:31:15 Create A Custom Product Page
02:39:10 Customize Checkout And Cart Page
02:41:30 WooCommerce Settings
02:46:15 Shipping
02:51:50 Email Customizer
02:52:04 Integrating Payment Gateways
3:02:10 Mobile Optimization
3:07:35 Contact Page
3:08:55 Coupons
3:12:30 Congrats you are finished!

Want to use the #1 most popular page builder for WordPress? Meet the Elementor Page Builder. In This eCommerce Tutorial, you will learn how to create an ecommerce website with elementor, woocommerce, and wordpress. By The end of this commerce tutorial, you will have your own online shop running with wordpress! This is a step by step tutorial on how to make an online store and commerce website! Its 2020, no more ugly websites! Feel free to visit my website: https://wwww.darrelwilson.com

source

Written by:
Abdul Wahid
Published on:
January 20, 2021

Categories: VideosTags: create ecommerce website, ecommerce website, ecommerce wordpress website, elementor, elementor ecommerce website, elementor pro ecommerce tutorial, elementor pro tutorial, elementor tutorial, elementor woocommerce tutorial, how to make an ecommerce website, how to make an ecommerce website with elementor, how to make an ecommerce website with wordpress, how to make an ecommerce website with wordpress and elementor, how to make ecommerce website, woocommerce, woocommerce tutorial

Reader Interactions

Comments

  1. LaShundra Nelson

    January 20, 2021 at 3:42 am

    Hi, how do you add CashApp as a payment method on a website?

  2. Paulo Morais

    January 20, 2021 at 3:42 am

    Excellent! How can I show the start and end date of special price in Elementor, as in the WooCommerce?

  3. Anas EL HASSANI

    January 20, 2021 at 3:42 am

    Hey Bro I really appreciate the efforts you do, that was a very good tutorial……thumbs up

  4. vansh chavada

    January 20, 2021 at 3:42 am

    sir the template is not getting installed on my website what to do? please help

  5. Linh Nguyen

    January 20, 2021 at 3:42 am

    Thank you so much, you just save me a lot of money. I will ask return my money for the site builder.

  6. Abdulaziz Almhawes

    January 20, 2021 at 3:42 am

    Great and best of the best, thank you easy to follow, and track your steps.

  7. DIIVIE 2.0

    January 20, 2021 at 3:42 am

    Great job

  8. People First Mobility

    January 20, 2021 at 3:42 am

    MASSIVE BIG THANK YOU. I have spent many hours over the last month going through lots of videos to build a website, using woocommerce and yours is the BEST. I have followed it through from beginning to end over the last two weeks and now can get to grips with WordPress and woocommerce. So easy to follow. Amazing and again a huge massive thank you for helping me so much. You are a star !!!

  9. Jd Joute

    January 20, 2021 at 3:42 am

    "What's up party people" another great tutorial- Thanks, Darrel- Do you do tutorials on steaming site like Netfix and Theatre website-

  10. livingwateruk

    January 20, 2021 at 3:42 am

    It's Wimins

  11. Md Nahid Pervez

    January 20, 2021 at 3:42 am

    Which builder is good Elementor or Flatsome? I’m little bit confused, I just found your video. Where else I followed your earlier that emphasize Flatsome!! I want to build a woo-commerce website??

  12. Irhas

    January 20, 2021 at 3:42 am

    Darrel Wilson is MVP

  13. Edgar Mosso

    January 20, 2021 at 3:42 am

    I got a problem using Woocomerce with Elementor, when adding a product from Woocomerce I get conflicts like not letting me use Elementor Pro. The only way to use it sis in safe mode. Any troubleshooting solution? Thanks!

  14. Charles Stherling

    January 20, 2021 at 3:42 am

    I noticed that in Astra theme theres not cart icon in the menu nav, does someone knows how to put it or set it up ?

  15. almog tubi

    January 20, 2021 at 3:42 am

    hi. thank you so much!!! it is can work with alidropship plugin for dropshipping store?

  16. Ozzy

    January 20, 2021 at 3:42 am

    Hey Darrel or anyone in this case. Elementor builder is covering my header, any suggestions how to fix this?

  17. Santosh Ojha

    January 20, 2021 at 3:42 am

    Hi Darrel..
    How to create a shop page and list all products there using free elementor package ?
    Or can I use wordpress product widget there ??? Plz suggest .

  18. Hafiz Waqas

    January 20, 2021 at 3:42 am

    Please tell me cash on delivery service other than credit/debit cards include in this video?

  19. Roxie Talquenca

    January 20, 2021 at 3:42 am

    hi Darrell I'm follow your tutorial and I have a question as I downloaded Elementor the site came with duplicated pages example(3) home pages (3) Accessories pages (3)contact as well on sub titles pages what to do in this case or which ones to erase. Would it matter if you erase them?

  20. Sierra Canada

    January 20, 2021 at 3:42 am

    Women's with an e for 'more than one woman'. When it's a single woman, it's an 'a'.

  21. Bá Cường Cao

    January 20, 2021 at 3:42 am

    Amazing video!!! I wish I could know your video earlier…
    Btw, can the website support to import multiple products from files?

  22. Laura Bolaños

    January 20, 2021 at 3:42 am

    Thank you!!! You are a great teacher!

  23. William Ogilvy

    January 20, 2021 at 3:42 am

    Do you have to get elementor pro to make this work ? still trying to get my cart and everything to work properly, probably missed something real simple will keep looking

  24. JIAHONG HUANG

    January 20, 2021 at 3:42 am

    Hi Darrel. How to type that angled bracket in Window 10 OS? <br>

  25. Muhammad Waqas

    January 20, 2021 at 3:42 am

    I really like this video

  26. Δημήτρης Μπιτζένης

    January 20, 2021 at 3:42 am

    Thank you very much for your information's

  27. Dr. Venture

    January 20, 2021 at 3:42 am

    can you change the theme of 1 page only? say i have 7 pages on my website and i ONLY want to make 1 of them a "shop" page…..can that be done?

  28. vince roy

    January 20, 2021 at 3:42 am

    Do I need WordPress Pro? Thanks in advanced!

  29. TJlive Jaxkson

    January 20, 2021 at 3:42 am

    I hired "SEO Promisers" they did a HORRIBLE job $450 and I had to end doing my won website..guys you can do this they also thought it was funny doing a horrible job…

  30. Finx Company

    January 20, 2021 at 3:42 am

    You should write in the title of the vidoe that you use WooCommerce. I first didn´t want to watch your video because i want to build my site ith woocommerce and it wasn´t clear in the beginning that you use it. So put it in your title 🙂

  31. La Cansa

    January 20, 2021 at 3:42 am

    I am a new be in this things and I just found your tutorial. Many many thanks for your kindness for sharing this tutorial.

  32. Sameer Morya

    January 20, 2021 at 3:42 am

    Darrel, can we make with free version of elementor ?

  33. Gerardo Palazuelos Guerrero

    January 20, 2021 at 3:42 am

    Hi Darrel. I have one question. Say I want users to put items in cart basket, but I don't want to allow payment gateways; instead I need to create a PDF from items in customer cart instead of showing.

    Is it feasible with this type of WordPress sites?
    It's an awesome tutorial by the way. Thanks for sharing your knowledge.

  34. amine admane

    January 20, 2021 at 3:42 am

    Thank you soo much Darrel, this is the best tutorial ever !

  35. Chloé Goussé

    January 20, 2021 at 3:42 am

    Awsome tutorial, thank you so much for taking time to explain all of these informations ! 🙂
    I just have one question : do you have any solution for updating a lot of products in our website ? (you mentioned that you were helped by someone on Feever, but if my website have… I don't know … 1000 or 2 000 products, it would take way to much time ?) Do you know if there is a solution for that ?

    Thanks a lot for this tutorial again 🙂

  36. zeva606

    January 20, 2021 at 3:42 am

    i dont have Elementor. but i have currently been working on a eCommerce Website. my question is with shipping if you have items that should cost more example beaded necklaces should be more than bracelets. how can you set it up? its at multiple choice the way you have it in your video but i need it to not be like that. hope this makes sense. TIA

  37. Stephen Jameson

    January 20, 2021 at 3:42 am

    Hi Darrel, thank you for this video, it was a little quick it took me 13 hours to do what you did in 3 hours. but we have an amazing store now for our website. I used to design WordPress websites about 12 years ago and there was nothing like this then. I do however say my first attempt using Elementor was a disaster. But I recovered it another way.

    Now following your steps I can do all sorts of things again. When I followed you. the one issue I had was where you had the 2 levels of title. The H1, the 50% discount and then the animated SHOP NOW! the problem I had is the backround image kept going to the top H1 Tag and not covering the the other 2 lots of texts. I ended up zooming the video and noticed I was clicking on the wrong line and that made the difference. Its still in progress but if you want to check it out it is here. https://shop.probatespecialistltd.co.uk/ Once again thanks. I've subscribed and liked. Steve

  38. jenish shrestha

    January 20, 2021 at 3:42 am

    please make a video on how to upload it to end user and google….anywayz great job

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (28)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter