How to Create an eCommerce Website (Online Store) in WordPress | For Beginners!
Articles,  Blog

How to Create an eCommerce Website (Online Store) in WordPress | For Beginners!


  • Avela Mawisa

    Gateway disabled: PayPal does not support your store currency. Hi Hogan I tried to set up my pay pal and it gives me this error. I want to use South African Rands.

  • Fuad Maayeh

    Hello Hogan,
    I have built a simple website after watching your videos, however now I need to start an online shopping cart (electronic products) I was looking into Shopify first and learned that it will also list my online store with face book and Amazon. my main question is how complicated is the woocommerce if I need to start one up within 2 weeks, or should I use shopify first and take my time working with woocommerce? and is woocommerce as strong as shopify ?

  • queenainne

    Hello Hogan Thanks, i really appreciate.
    I have download the plugin WP EDITOR but i have this errors …………………………..

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/all-in-one-wp-security-and-firewall/wp-security.php on line 24

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/contact-form-7/admin/admin.php on line 536

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_merge(): Argument #2 is not an array in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/easy-google-fonts/includes/class-easy-google-fonts-admin.php on line 313

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/google-analytics-dashboard-for-wp/admin/setup.php on line 345

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/mailchimp-for-wp/includes/admin/class-admin-texts.php on line 63

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/popup-maker/includes/admin/admin-setup.php on line 28

    Warning: array_unshift() expects parameter 1 to be array, string given in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/popup-maker/includes/admin/admin-setup.php on line 28

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/popup-maker/includes/pum-sdk/freemius/includes/class-freemius.php on line 11333

    Warning: Illegal string offset 'deactivate' in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/wp-editor/classes/WPEditor.php on line 333

    Fatal error: Uncaught Error: [] operator not supported for strings in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/smart-slider-3/smart-slider-3.php:53 Stack trace: #0 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-includes/class-wp-hook.php(300): N2_SMARTSLIDER_3_UPGRADE_TO_PRO('<') #1 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-includes/plugin.php(203): WP_Hook->apply_filters('<', Array) #2 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-plugins-list-table.php(720): apply_filters('plugin_action_l…', '<', 'smart-slider-3/…', Array, 'all') #3 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-plugins-list-table.php(536): WP_Plugins_List_Table->single_row(Array) #4 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php(1213): WP_Plugins_List_Table->display_rows() #5 /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-ta in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-content/plugins/smart-slider-3/smart-slider-3.php on line 53
    Select All Plugin Description
    Select 1&1 WP Wizard
    1&1 WP Wizard

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    WordPress Setup Assistant

    Version 4.0.0 | By 1&1 | Visit plugin site
    Select All In One WP Security
    All In One WP Security

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    All round best WordPress security plugin!

    Version 4.2.7 | By Tips and Tricks HQ, Peter, Ruhul, Ivy | View details
    Select Boxtal

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    Manage multiple carriers using one single plugin and reduce your shipping costs without commitments or any contract to sign.

    Version 2.1.2 | By Boxtale | View details
    Select Contact Form 7
    Contact Form 7

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    Just another contact form plugin. Simple but flexible.

    Version 4.7 | By Takayuki Miyoshi | View details
    Select Easy Google Fonts
    Easy Google Fonts
    A simple and easy way to add Google Fonts to your WordPress theme.

    Version 1.4.2 | By Titanium Themes | View details
    Select Google Analytics Dashboard for WP (GADWP)
    Google Analytics Dashboard for WP (GADWP)

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    Displays Google Analytics Reports and Real-Time Statistics in your Dashboard. Automatically inserts the tracking code in every page of your website.

    Version 5.0 | By Alin Marcu | View details
    Select MailChimp for WordPress
    MailChimp for WordPress

    Warning: Invalid argument supplied for foreach() in /homepages/19/d618015474/htdocs/clickandbuilds/LaoVoGue/wp-admin/includes/class-wp-list-table.php on line 516
    MailChimp for WordPress by ibericode. Adds various highly effective sign-up methods to your site.

    Version 4.1.2 | By ibericode | View details | Documentation | Upgrade to Premium
    Select Popup Maker
    Popup Maker
    Opt Out

  • Ronald Seepersaud

    Hello!!! Hogan I really need your help, we are building the website for our online store, and we are having issues, for example on different browsers the our site looks different (colors, text, alignment) and another issue I have is that some changes dont occur when they are suppose to, I have to rewrite the CCS on both themify options and on the menu where typography is located. Please help us!!! our site is

  • My Kids Central

    Hogan Chua, i am very much impressed with the way you explain things in detail.
    I am currently building a site as per the steps you mentioned.

    I like to change background color of "Shop" and "single product" page. I tried few options but nothing worked out. So returning back to the SIFU. 🙂

  • ViveEnVivo.TV

    hi Hogan thank for this incredible tutorial, i have a conflit whith the woocommerce pluggin when my site is on line, when i activate de pluggin inmediatily apper a noice when i try to open my personalization panel it say INTERNAL SERVER ERROR what can i do?

  • Avela Mawisa

    Greetings hogan, My products seem to appear small when i load them on the shop page and i tried using your codes but nothing happens

  • Yosef Mashadani

    Hogan, thanks to you I learned alot by you. But a question, if i want to create a website with the same type of search form as Airbnb, you know the form you use to enter how many quests, where and so on, do you have anything to recommend? Or are you going to create a instruction how to create a website like that?

  • Humberto Cabaña

    Hello bro, thanks for this amazing tutorial..! i have a problem whit the product gallery.! when i click my image goes to another window..! and i can use the navigation arrows.!

  • Zou Ziru

    Hello hogan,

    thank your for the helpful video, but there is some problem, I cannot make the menu link down even I tried as your tutorial said and how to remove the additonal informatio tab from the product page? because when i set up variation they all show up in the additional information tab.At last I cannot find the css file when i went to your blog, is it still there? Thanks ~~~

  • Igor

    Hi Hogan, I would just like to hear your thoughts on Sliders and SEO, as I have been reading and hearing from so may developers that Sliders are not good as far as site optimization and that we should not use it, however, many premium themes and so on are utilizing them. So how bad do you think it really is, and does it really affect UX? Cheers

  • Surf4evert

    Hey Hogan great tutorial… Stuck on Add Featured Row. — it's not adjusting to the size. My column shrinks when I create 5 columns… Any ideas?

  • RuChadi

    Hello Hogan Chua, great tutorials, thanks a lot. I wanna ask you if you can make a tutorial about reservation travel agency website. Is there any possibility? Thanks

  • Thijmen Peters

    Hi Hogan Chua,

    Thanks for the great tutorial it helped me a lot. However I have a little problem: I want to update theme ultra (to 1.8.1 because I have at the moment problems with WooCommerce) but when I click on update the theme asks for a username and password. Can you tell me where I can get a username and password for the theme?

    Thank you in advance.

    Thijmen Peters
    The Netherlands 🙂

  • Looominaughty

    Hello, I cant palce the text module in feature section there, no matter how hard I am trying I just cant. it always goes under the middle collumn with "New Stypes This week" even in back end.

  • Fernando Prieto

    What happens when you create a link in smart slider, but you want to migrate your site later to a different domain? Does a migration plug in solve this. Thanks

  • Avela Mawisa

    Greetings Hogan, Thank you again for this tutorial. I am done with designing the website (South Africa) but after I have set up my PayPal my website cannot receive payment. Im frustrated by this because I dont know whether the problem is on my side or paypal. Please help

  • Seven Tudo Começa com um Marketing Incrível

    Hello! Hogan chua, First of all it's a pleasure watching your videos , I'm sorry My english is bad, I'm from Brazil, I have a small business, I created my site by watching your videos:
    Your videos is great I love create my sites watching your videos.

  • Mel & The Web

    Hi bro, Can I use your theme for ecommerce without having a subscription? nice tutorial! you earned my subscribed!

  • firstkart

    Hello Hogan, awesome tutorial. For some reason in the TF builder I am unable to drag items from the list to the modules. I have tried in safari and chrome with no luck.

  • Wotchout

    Hello Hogan, J embedded a youtube URL on my website to autoplay, works well but when it stops it displays other youtube videos. J would like the video window to just disappear and show the website after it played once. How to do?

  • Dat Phlow

    Hello Hogan thanks for the tutorial, my question is where can I find the CSS code mentioned at 1:21:08? It seems you have removed the blog post that you refer to in the instructions of this video? Thanks in advance.

  • firstkart

    Hello Hogan, When I select the options to remove the side bar from the product page I still get a side bar regardless of options selected

  • Chalit Wantaree

    Hi Hogan, the map in my contact page says OOPS and turn grey, i added latitude and longitude coe number as shown but daoesn't work

  • Sam Bolton

    Hello Hogan,

    I've been trying to find the page on your website where I can download the files you use in this video but have been unsuccessful in doing so. Could you please provide a link for this? I'd greatly appreciate it.

    As well, when I try to look at you shop demo to see the final product, I get a random survey page.


  • Rohit Reddy

    Hello Hogan Sir,

    how do I get all the CSS Styling Codes For the ECommerce WordPress Website ? Some Are mention in your Faq's But not all of them are there?? could u please help me out for the codes for the CCS Styling?

  • Alexander Gorshkov

    Hello Hogan! Thank you very much for your tutorials!!!!! Is it possible to build a marketplace using a themify themes? Thank you so much!!!!!

  • Alexander Gorshkov

    Kind of like Etsy but more stylish(modern) and integrate in the future e-booking system! Also make it more sensitive to create a shop a sell your products or service! A was selling products on eBay and etsy and I never liked this platforms because it was very complicated in the beginning to set up a store and start selling( it wasn't sensitive) ! Thank you so much for your time!:))))

  • Talha Younis

    Thank you @hogan chua
    You are Really good person.
    I start following you because you did a great work.
    Respect for you bro..
    your tutorial are becoming popular in PAKISTAN too…

  • Taha Arfeen

    Your tutorial is amazing! Thank you so much for such a good tutorial. Everything is more than perfect.

    I just want to edit the menu like this site ( having my account & cart on top and product categories down below.

  • Parkar Black

    Your work is superb!
    Hogan bro I want to add Cart icon and My account button in the header insteas of menu navigation, how can I do it? Please help

  • Tommy Evans

    Can you tell me how I can change the casing of the menu items? It's all in lower casing now. I want the the items to start with a capital letter.

  • Angel Scott

    Hi I finished my website based on the tutorial above. I didn't complete blog page. I tried looking at your videos of creating blogs but they are creating a whole blog site and so it's a little confusing. I just want to do my blog page on my website I already created. Please help

  • Taha Arfeen

    Hi Hogan, I want to move the sidebar above the content on mobile.

    Please let me know how to do it. Thank you

  • Tommy Evans

    I'd like to share a couple of other methods that I've found to change the heading sizes in Themify builder if the automatic option doesn't work. The first is highlighting and shift+alt+1 for h1, shift+alt+2 for h2, etc. The second method is using the html tags in the text.

  • ms.honeydrop Shekoni

    hello hogan chua, want to make a fashion online store on my website , and I knew this video is a year older . I need your help.. what WooCommerce should I install because the exact one you install is no longer on wp plugins..please make a tutorial on online fashion store …

  • Looominaughty

    Hello Hogan, I have another little problem… it is not in your tutorial but maybe you can help me anyways. I wanted to display product categories instead of products on ym shop page but when I switch them a little yelow rectangle with number of products inside appears behind category name and I dont know where to switch it off…
    here is url to my eshop:

  • Ronald Seepersaud

    Hi Hogan!!! Great video, so far I have always used your videos to help me with the websites. Hogan right now I am getting an HTTP ERROR when uploading a PDF file. I need to upload this PDF, so my website visitors can download the company catalog. my website is the following please do HELP ME! Thanks!

  • Parkar Black

    You rock Mr. Hogan. You tutorial is THE BEST.

    I have just one problem Hogan that my products are not aligned properly so is there any way to make them aligned together? and is there any way to make fixed box of each product?

    I've taken the problem screenshot via Screen Cast, link is below.

  • Ole Kristian Møller-Hansen

    Greetings, Hogan!
    Could you please make a tutorial where you desgin a service-based sales site?
    I have an idea of how it should work, but I am SO bad at designing it and making it look interesting and professional!
    I am currently setting up Shopify. Would you recommecnd WooCommecre over Shopify?
    Thanks in advance.

  • shib nath

    Hi Hogan, Thanks for your Tutorial, but i am in deep travel that Every thing is responsive in Website but H2 tag in Shop is not responsive and also not able to change Font Size.

  • Taha Arfeen

    Hi Hogan, I am creating a website on local server so I can migrate a perfect website on host but the header I want like this ( ).

    Can you please tell me any plugin or a way how I can I customize the header like this.

    Thank you in advance bro.

  • Stevye Russel

    Hi Hogan. Thank you for sharing this with us. It was easy to understand and follow but I got stuck because my page doesn't want to display the navigation menu. It has a drop down menu on the side bar and I can't remove it. I hope you can help me with this. Thanks and hope to watch more of your tutorials.

  • An-Ting Tsai

    Hi Hogan Chua, thanks for your great tutorials. It really helps a lot!! Though I'm still planning my website, I used your images for practicing now. Just one question might need your help is that when I click on the product image, it actually open in a new page instead of displaying in the light box as it's in the tutorials. Not sure if I missed any steps of setting, could you give me a hint? Thanks a lot. 🙂

  • futurzLife

    Hello hogan,
    I was wondering if it was possible to add a drop down menu for currencies in the top nav so the customer can adjust it ? E.g Usd, Euro, pounds etc

  • Donna Lloyd

    Hi Hogan! Love your tutorial! I'm having a problem with the plugins. When I search for the woocommerce plugin the most downloaded one that pops up is by automatic. I don't even see the one by woo themes that's displayed in your video. Please help. Thanks

  • Sandeep Banerjee

    Hi Hogan, Thanks for the tuts but my default layout option not working it shows layout changes to left sidebar but when i visit the site nothing happens.

  • FlexPhill

    I dont have that Typography option at the customizer, when i want to change the font of the product title. What could be the problem?

  • Darren Sharples

    hi hogan, great vid, almost done, but have come across a problem, at 2.33 u alter the add to cart button colour. i have copied shortcode and its changed all other buttons appart from the ones on home page. Also my buttons on any page dont show up until i hover over them. Dont know why they are doing this and would like them to just have a static add to cart button?
    hope you understand this and can help me, big fan of your videos.

  • Brendan Tschabold

    Hogan, are you sure your "About" page is correct?? should it not be: change your thoughts and you change your world…. check your spelling….. very embarrassing that nobody saw that yet, isnt it?

  • Donna Lloyd

    Hi hogan! I just gave up on the 2017 tutorial and started over on the 2016 one but I can't find the CSS codes on your website anymore like for the skinny header and search form color and location. Where can I find these so I can proceed with your older tutorial. Thanks donna

  • Lerssan RickHardSon

    Hey Hogan,
    I am unable to add a product image. It does not respond when I press set product image. However, when I changed back to the default theme "twenty sixteen" it allows me to add a photo. How do I fix this?

  • Olubunmi Adewumi

    Hello Hogan. I'm having a challenge with my logo. When I place the cursor on it, the arrow doesn't change but when I place the cursor way below the logo, the arrow changes, please how do I fix this?

  • shib nath

    When I go 'Shop' page through Mobile "Portrait" Screen, there are more space showing between two products AND if do the same thing in "Landscape" mobile Screen, all products look good in 'Shop' Page.

  • Cameron Whiteley

    hey Hogan thank you for the excellent video! I seem to be having an issue with my website. Whenever some body tries to be added to my newsletter list it comes up saying "Please select at least one list." it doesnt have any lists to select though. do you know how to solve this? thank you

  • Tremulum Divinorum

    hey in 1:16:00 when talk about menu container.. there is a way insead put that shape container make a line below the menu word?

  • BeSocial Agency

    Hi Hogan! This tutorial was amazing. If you know how, would be awesome if you can make a tutorial on how to customize the single product page, from image sizes to tabs and others. Thanks for your great work!

  • BeSocial Agency

    Hi Hogan! This tutorial was amazing. If you know how, would be awesome if you can make a tutorial on how to customize the single product page, from image sizes to tabs and others. Thanks for your great work!

  • Hadiya Haynes

    Heyy! Loved your tutorial. Extremely detailed and helpful. Just a quick question. If you decide to use hostgator to create your domain name and host the site; in the event that you decide to change hosts in the future, will there be any issue with moving the domain name created in Hostgator to another host?

  • dinesh shah

    Hongan…. i saw your shoppe theme site video and this ultra theme also…. i couldnt figure out the difference… Which one is better or the latest? or both are same? If you dont mind can you please tell me, why we cannot use default storefront woocommerce theme? is it not good?

  • Virtual Reel Light Productions

    Hello, can you or your team do a video on ADDING A SHOP WITH CURRENT THEME? I bought the Split Theme but can't add store/shop.

  • dinesh shah

    i have footer text on bottom and footer navigation menu, widget 1(themify social media ). socail media icon and menu appears in one horizontal line but footer appears far below. how to reduce spacing between footer text and above icons or bring them all in one horizontal line.
    Also how can i change the colour of SALE icon and PRICE colour.

  • dinesh shah

    hey Hogan, The price for the sale products displays in two lines because of which the add cart button lowers down and there is no similar between the products and add cart button comes up and downs. how can we display regular price and sale price in one line.

  • Xhanil Makita

    Hi Hogan, I tried the Featured Product shortcode but they have been updated so it's not working anymore ): I found blogs but they are old from 2016 and so. Could you help me please?

  • lanzi961

    Hi Hogan, I tried the Featured Product shortcode to resize the thumbnails on my homepage but they have been updated so it's not working anymore. Could you please help me to fix this? I looked at the new ecommerce tutorial about how to add the featured products but the plugin requires yearly payment if thats the correct plugin im looking at to get the module option 'woo commerce' for the themify builder. Thank you in advance. Alana

  • Rixon Tan

    Hi Hogan , thank for the time and hard works, just curious, is there any way to do dropsshipping on the tutorial you create

  • Vijay Kumar

    Hi, Thanks for uploading website creation for Ecommerce..

    I have a problem in woocommerce product size fix in home page

    i tried css code but it is not apply, please give a solution

  • Phakeme Fakazi

    Hi Hogan, I am enjoying this tutorial but at 2:32:43, when i paste the code, my product title does not change. How do i fix it?

  • KikiB

    Hi Hogan, thanks for another great video! I have a slight problem with my site since adding the slider feature to my homepage. Now when I visit my homepage or try to make amendments in the backend a message that says 'container not specified' appears. This message didn't appear before, so I assume it is to do with my slider. Please HELP! I have been trying to find solutions online but I have not found any 🙁 Thanks 🙂

  • Maria Fernanda Rosas Plowes

    Hi, my sidebar disappears when I click in a product category in my woocommerce shop, do you know how to resolve this? thanks in advance.

  • Oliph Lau

    Hi Hogan, Thank you for share a great helpful video. Can you help me out with 2 following questions?
    – "check out" page doesn't appear, How to edit it?
    – How to remove a text on the footer?
    – How to add my products to the drop-down​ top menu?
    Thank you very much!!

  • Valerie

    Hi Hogan,
    I hope you're well. I have joined the Hostgator for my domain name that you have introduced. My hosting with Hostgator is monthly. Now, I would like to pay for 1 year hosting. Do I still get 60% off coupon please?
    Thanks for your help.
    Happy Chinese New Year,!

  • Xhanil Makita

    Hi Hogan! Awesome tutorial, I've followed it several times 🙂 I'm doing another ecommerce but this is the first time that all the products appear in the same column and I don't know why! I really don't know how to fix it, I already reset the url for the store and nothing. Could you help me please please please? Here is the link with the problem ): Thanks in advance! Really:

  • Daud Jama

    Hi Hogan I am unable to move the sidebar from the right to left or even get rid of it in the product page through themify settings > default layouts > default archive post layout > archive sidebar option… I used themify-ultra in the description which is not the Themify Shoppe version, assuming you may experienced this or been asked, any answer for this?

Leave a Reply

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