How To Make An Online eCommerce Store Website With WordPress

by Adam @ WPCrafter   |   Last Updated: July 16, 2019   |  
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

E-commerce is red hot but you don't need to pay high monthly fees with Shopify to be able to sell products online. If you are looking for a Shopify alternative or an eBay alternative, this step by step tutorial will leave you with an awesome online shop for free.

All you need is a web hosting account and a little bit of effort and you will be able to make an e-commerce website in no time.

Here is the full list of what is needed:

  • Hosting, I recommend SiteGround or InMotion Hosting
  • WordPress Theme, for this tutorial we use the free Astra Theme
  • WordPress Page Builder, for this we use the free Elementor page builder


SiteGround is a highly recommended web host online because they have catered to WordPress users and yet still have affordable pricing. They are most known for their fast performance and equally fast support.

Key SiteGround Features:

  • Free SSL Certificate
  • FAST Knowledgable Support
  • WordPress Staging Enviroment
  • Free Website Migrations
  • 30 Days Of Backups

SiteGround is a solid choice for your web hosting needs. The cater to WordPress websites and offer fewer resources than their competitors, but higher reliability.

Check Out SiteGround

Astra Theme

Astra is a free WordPress theme that has excellent speed and simplicity. Pair it with Astra Sites (free plugin), and anyone can have a beautiful website with a few mouse clicks. There is also a Pro version available that makes Astra the perfect theme.

Key Astra Theme Features:

  • One Of The Fastest Themes Available
  • Over 100 Starter Sites (Most Are 100% Free)
  • Flexable Mega Menu Feature
  • Powerful Add-on Package
  • Extensive WooCommerce Support
  • Extensive LearnDash Support

Astra Theme is an excellent choice for any WordPress web design project. In fact, it is the theme that I am using on this website and all of my website projects.

I have full confidence in the developer and have been very impressed with how well coded the theme is.

But more then that, the theme is so simple to use because of all of the care and thought that has gone into it. In most situations, it configures itself based on the tools you are using.

Check Out Astra Theme


Elementor is a WordPress page builder that has taken WordPress web design by storm. It had the deepest feature set, yet is very easy to use and master. Elementor is the most full-featured free page builder. There is also a Pro add-on to add additional developer features.

Key Elementor Features:

  • Live Front End Page Editor
  • Website Personalication Features
  • Template & Block Library
  • Extensive Mobile Responsive Options
  • Most Powerful Popup Builder
  • PRO Create Custom Headers / Footers
  • PRO Create Post Type Layouts

Elementor is the strongest page builder currently available. They consistently release new features that are in line with current design trends. This means you will be able to keep your website relevant.

Elementor Pro is an incredible value considering all the additional modules and power features that it includes.

If I were starting a new website project today, Elementor would be the page builder that I would choose. I consider it a must have WordPress page builder that is a pleasure to use.

Check Out Elementor

Video Transcript

Adam @ WPCrafter

Adam @ WPCrafter

My passion is making the best quality video tutorial online, for non-techies. When I am not behind the camera, I am usually helping out one of my YouTube subscribers.

20 thoughts on “How To Make An Online eCommerce Store Website With WordPress”

  1. Hi Adam. It’s a wonderful tutorial and worth watching. I’m in a process of building my own online store and I followed the Astra theme along with importing DNK template. I have an issue here and I would be more than happy to get assistance from you. When i customise my home page and go tothe site identity to replace the DNK logo with my own, it shows 2 logos side by side on the desktop. I mean this is literally panicking me. Need help on this.

  2. Hi Adam,

    Thank you for the amazing video it is helping alot. I am having problems uploading the theme from astra site it keeps telling me failed to import. I don’t know what I am doing wrong.

    Ontario, Canada

  3. Hi Adam,

    I currently have my site built using Avada and its been nothing but problems. Would it be an easy switch over to elementor pro? Id like to keep the same design

    1. Unfortunately, Avada locks you in completely. That’s one of the reasons I won’t recommend the theme. You would have to make each page one by one in Elementor. It’s not so bad since every so often you need to update the design of your website anyways.

  4. Hi Adam,
    I’m a fan! :’)

    I have a concern about payment processors, though:
    Stripe, etc. have such high fees per transaction (3%!) It’s really the reason why I haven’t gone the online payment route yet.
    Is there an option for credit card payment that doesn’t have to go through them? -_-


  5. Hi Adam,
    I really enjoy many of your tutorials. They’re detailed, honest and very informative. After watching them, I really want to use Astra and Astra Pro for my new ecommerce website. But I can’t find any information on whether it’s compatible with using Alidropship plug in. Are we able to use Alidropship with Astra & Astra Pro? Thanks so much!


  6. Hi Adam,

    I am in the process of making my website thanks to your very detailed tutorial, I have a quick question, is there a way to change the cart icon to cart instead of the default basket?

    I have searched and cannot find the answer. I would really appreciate your help. Thanks

  7. I have been watching your very impressive full depth tutorial of Online store with Elementor & Astra. I have watched some of your other tutorials also. You are definitely the Best about WordPress related tutorials. God Bless!! I am working on making a promotional Products website – So there are minimum quantities. Like Want to buy personalized pens – Minimum quantity would 50 or 100 or 150 – Depends on the type of product and there could be a setup charge for imprint on the pen. Is there a plugin for WooCommerce and suggesting the client similar products. Look forward to hearing from you soon.

      1. Hi Adam,

        Thank you very much for your 4 hours tutorial. That is a great tutorial and awesome hard work. Learnt a lot despite the fact I was familiar with Elementor.

        While I was watching your video, I also followed it along to create my own demo online store. I noticed that some of the wooCommerce features are not available anymore, such as the variations feature and the store left side bar from today’s download (11/10/2018).

        I am curious if they have been removed from the free version.

        Thank you very much in advance for any info you may have.

        Have a blessing weekend!

        p.s. the website address is my demo online store.

        1. I can assure you that the variation feature is still there, but from time to time when a plug-in releases and update it might move where the settings can be accessed. A perfect example of that is with Elementor who just moved where templates are.

  8. Thank you for this in depth tutorial. I own Thrive architect and that’s what I use on my websites. If I’d like to use the Astra theme and astrocytes how do I get around selecting a Different Page Builder?

    Am I able to use Thrive architect with Astra sites? Thanks for your help.

    1. Astra sites are page builder specific. So you have to use the page builder that the pages were built with. They don’t have any sites for Thrive Architect, but the Astra Theme works perfectly with Thrive Architect.

      1. Hi Adam and thank you this tutorial. Is it possible to follow this tutorial with Astra + Divi? or do I have to chose Elementor for my next e-commerce website?

Leave a Comment

Your email address will not be published. Required fields are marked *