How To Create An ECommerce Website (Online Store) In WordPress | For Beginners | 2016

How To Create An ECommerce Website (Online Store) In WordPress | For Beginners | 2016

60% OFF HOSTGATOR COUPON: Learn How to Make an Online (eCommerce) Store Website in WordPress – Step by Step with No Coding/Technical Knowledge. Live Demo:

By following this tutorial, you can learn how to make your own ecommerce store in WordPress for FREE (besides hosting/domain, which is required to start a website).

It utilizes the top eCommerce Plugin used by over 13 million users, “WooCommerce” with the a Drag n Drop Builder by Themify. This allows you to create your website which is mobile responsive, beautiful & powerful with ease.

Free Download Theme: (Do NOT unzip.)
Free Download Images: (Please Unzip. Images are inside so you can follow along in tutorial.)

Get Logo for :


0:00 Introduction
1:35 Website Tour & Test Transaction
20:25 Overview (& What we Need)

26:40 Get Domain/Hosting
USE Coupon: HOGANCHUA up to 60% OFF & .99 .COM Domain
33:40 Install WordPress
37:25 Tips to Getting Started
42:15 Configure Basics & Create New Pages
48:32 Install Theme & Plugins

58:55 Header/Navigation Menu
1:25:22 Setup & Add Slider
1:40:20 Add Products (Simple & Variable)
2:12:56 Setup Cross/Up Sells
2:18:05 Add Featured Row
2:38:25 Add Video
2:48:26 Add Instagram Feed
2:58:15 Setup Footer/Styling

3:22:10 Create About Page
3:26:06 Create FAQ Page
3:31:28 Create Contact Page
3:37:17 Shop Page (Layout & Styling)

3:48:12 WooCommerce Settings (Taxes/Shipping/Coupons)
4:07:20 Add Favicon
4:08:11 Change Mobile Menu Icon Colour
4:10:31 Congratulations!

Note: This theme is free to download, use (personal or commercial), it is the full version with no limitations. I have permission from themify to share it with you guys and thousands of people have already built their websites since 2015.

But if you enjoy it, you have the option to get support/updates for 1 year here: and can use: HOGAN for 30% Off! (limited time only!) This option is perfect for web developers working with clients or people who want additional help 🙂



Image Credits

Mike Monaghan –
Amparo Zeballos –
Robert Bejil –
Michael Sissons –

This step by step tutorial is for beginners who want to learn how to make an ecommerce store in WordPress. Watch this tutorial and I’ll show you how to make an online store for free. You can start to create your own online stop and start selling products for FREE!

Disclaimer: Some of the links I used are affiliate links which means I earn a small commission on them.

It will be of NO additional cost to you but it will help support my channel and will be much appreciated.

It’s important to understand that these are products and services which I personally have used and have loved.


20 Replies to “How To Create An ECommerce Website (Online Store) In WordPress | For Beginners | 2016”

  1. *Let’s hit 200 Likes ? please like this comment, so every can see it. Thank you, much appreciated! :)*
    How to Make Website “SUPER” responsive:
    How to do a Test Payment:
    How to Add & Customize a Blog:
    Already an Awesome shop created by some of our viewers: &

    Other demo sites for inspiration:


    Hogan Chua

  2. thank you Hogan:)

    one questions – I am interested in this theme – does it allow me to add an opt-in form on my homepage – so I can give out my FREE Ebook
    like on this website
    you see underneath the video the opt in form for the free download
    I need to do that as well
    is that possible with themify?

    thanks a lot

  3. Hogan, I think you set a ratio of 800×600 for the pics. My pics are higher than wider, so I will get something like 404×600. After refreshing page to view product in a new window, the pic/product doesn’t fit within the image square. The problem remains after having resized the image to 59×100. When I click on the image, the clicked image is super small, of course. What am I doing wrong?

  4. Also, for some reason I cannot change the headings in the text module after having turned on the builder.

  5. Any idea how to resolve this error in Google Cloud Platform? “The uploaded file exceeds the upload_max_filesize directive in php.ini.”

  6. Hogan, I need to set up a couple things in my website that I haven’t found (yet!) in your tutorials:
    1. Sign-up & login sections. I’m working in a website to display job offers, I will manage 2 types of customers: recruiters and job-seekers. The job-seekers will have the chance to register to get more access to the job posting and to send their CV to our database
    2. As just mentioned, I need to set-up two different databases, one with the openings from the companies seeking for employees, and another of job-seekers, where they will introduce their data, contact info, etc, and their CV.

    Can you give me some guidance on how to achieve both tasks?

    By the way, you can take a look at what I have so far (keep your expectations low for the time being!) here:

    Warmest regards Hogan, and thanks in advance for your help!

  7. Sorry, Hogan! Regarding the logo, I got “http//” two times. But regarding the other issue, is there a recommended pixel resolution? Some of mina are at 72 and others at 300. Does it matter. Sorry, but I’m a total newbie at this.

  8. OMG I love you Hogan!
    This is the third tutorial of yours I’ve followed in 2 years and IMHO you make some of the best tutorials I can find on the web!
    Thank you so much dude 🙂

  9. Hi Hogan
    Is there a way to have the main navigation menu sit under the the header as opposed to inside the header?
    All I want in my header is my logo, search bar and cart.
    I want to have quite a large menu, with dropdown categories sitting directly underneath.

  10. You are in my opinion the best Webdesign YouTuber even better then Terry White.

  11. Hi Hogan, The code to increase the size of the products is not working for me. I’m using as an afilliate link, maybe the code need to be different. Please help me.

  12. Greetings Hogan. Please help. I have a slight problem on making the image size for my products to be the same. could it be the fact that the image sizes are not the same. I thought it would be default once i uploaded it. my website is

  13. Hey Hogan ther eis one thing that I don’t understand… Sure you buy the product and you recieve the money but how does the real company gets the money? or Can I only sell my own products with your methos?? You don’t tocuh this subject at all 🙁

  14. Hey Hogan I seem to have run into the problem of my newsletter at the body being a different color then yours. For some reason where it says “Newsletter” mine is in white font color and i have a white background so i want to change the font color. any insight on how to do this? also i cant seem to get my products to go into the sub menus that I want to. For instance , under store i have mens apparel, womens apparel, and accessories, but no matter what i do when i add a product it defaults into the mens apparel category any help with this? thank you

  15. Hogan Chua Thank You for your amazing videos it inspired me to make my website look amazing. I need some help with my shop page that when I view an additional photo for a product there is no close button on the image to close it, I have to click back on the browser to close it.
    And I wish to add the arrows on the additional photos of a product so that I may scroll between the additional photos.
    My website is

    Thank you so much for help.

  16. sir your videovery nice
    thanks for all price
    I like your all video
    today I am your big fan

Comments are closed.