How to Create a Professional & Scalable eCommerce Website in WordPress (FREE Course)

Тәжірибелік нұсқаулар және стиль

Learn how to create a professional & modern eCommerce website using WordPress. Complete A to Z online store WooCommerce tutorial for beginners.
Get Started for Free: hoganchua.com/cloudways (Use HOGAN for 20% off for first 3 months)
Download Theme & Plugins: hoganchua.com/ecommerce
(all resources & downloads will be here)
Direct theme download: crtve.s3.us-west-2.amazonaws....
Contents
Intro - 0:00
Tour of eCommerce Website - 2:32
Live Test Demo - 10:00
What we need & costs - 12:40
Install WordPress on Cloudways - 15:00
Login to Wordpress + Basic Settings - 20:59
Install Shoppe Theme - 28:15
Install WooCommerce - 35:27
Create Navigation Menu - 36:36
Header & Footer Layouts - 41:12
Create Hero Image & Builder Basics - 43:52
Add Simple Product - 1:03:17
Add Variable Product - 1:11:18
Add Custom Product - 1:21:16
Display Product on Homepage - 1:26:06
Create Categories Sections - 1:33:57
Add Product Filter to Shop Page - 1:46:32
Add Mega Menu (Cool Feature) - 1:55:59
WooCommerce Settings - 2:01:06
Set Shipping Zones - 2:05:00
Set Shipping Classes - 2:08:48
Tax Settings (Manual + Automated) - 2:13:53
Add Payment Gateways (Setup up Credit Cards & PayPal) - 2:24:22
Upgrade Cloudways Account (Important) - 2:38:27
Create About Page - 2:39:07
Add Map & Contact Form - 2:43:03
Add FAQ Page (Accordions) - 2:48:08
Add Terms of Service & Privacy Pages (Free Templates) - 2:53:25
Add Blog Posts & Display - 2:55:23
Customise Footer Menu - 3:07:08
Create Secondary Header - 3:17:54
Instagram Feed - 3:23:18
Add Email Opt-in Box - 3:26:43
Add Logo - 3:32:21
Customiser (Themify Options) & Design Tips - 3:34:15
Add Favicon - 3:41:38
Make Website Mobile Friendly - 3:42:53
Take Website Live (Domain & Connect Hosting) - 3:46:49
Create a Domain Email - 3:53:47
Setup SMTP (authenticates outgoing emails) - 3:59:22
Test Order & Fulfilment - 4:05:20
Final Tips & Create Track Order Page- 4:12:19
Update Theme - 4:17:43
(hoganchua.com/update)
Affiliate Disclaimer: Some of the links above are affiliate (referral) links which means if you do click and purchase through them, then I may receive a commission. This helps support the free content on this channel.
#ecommercewebsite #woocommerce

Пікірлер: 371

  • @HoganChua
    @HoganChua Жыл бұрын

    Let me know if you have any questions!

  • @Li-fe9hc

    @Li-fe9hc

    Жыл бұрын

    Can I ask how may mb for this project?

  • @businesslords6529

    @businesslords6529

    Жыл бұрын

    At exactly 58:18 on the timely, you promised to create a video on how to design a custom slider, please should we look forward to that? If yes, how soon? Thank you once again for your kind efforts and educative videos.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    @@businesslords6529 I will try. But you can actually download the plugin first and try it out - hoganchua.com/ecommerce/ - To use it, download, install and activate the plugin. then you can turn on your builder, the slider-pro will appear as a module.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    @@Li-fe9hc Not sure what do you mean "mb"?

  • @sheikhshajibislam4563

    @sheikhshajibislam4563

    Жыл бұрын

    Hello, I am having a problem. turn on builder is not working after sometime. whenver I click it nothing comes instead I see # end of the link. .....

  • @Sofia-richardson
    @Sofia-richardson Жыл бұрын

    Hello, and thank you once again for the wonderful video lesson. Following your video classes for so long has been a delight. Currently, I'm working on a challenging project in this field. After that, I started looking for a fix and discovered the ShopReady WooCommerce plugin. With 105+ free & premium widgets, 22+ modules, and the builder's full functionality now available, sophisticated WordPress WooCommerce websites in any sector or niche may be made. Pro's & beginners can easily use this plugin. As a regular viewer I thought to share something useful to you that's why I'm share this. Take care & love!

  • @marga.reetta6872
    @marga.reetta6872 Жыл бұрын

    Hi! Thank you so much for the video!!! For past two months I have tried to do ecommerce website with help of youtube tutorials. I got forward, but I was not satisfied with my work. Then I found this video! Let me tell you that you answered all of my questions and even more!! Thank you so much again, keep up the good work you are doing!! You are the best, Greetings from Finland!

  • @amznspecials
    @amznspecials Жыл бұрын

    This was a great well thought out video thanks for taking the time to put together this information

  • @sankaranarayanans3746
    @sankaranarayanans3746 Жыл бұрын

    Hello there! I wanted to express my gratitude for your video. I've been attempting to create an ecommerce website using KZread tutorials for the past two months, and although I made progress, I wasn't completely satisfied with my results. However, after discovering your video, I'm happy to say that you not only answered all of my questions but also provided even more valuable information. Thank you so much for your excellent work, and please keep it up! I truly believe you're the best. Warm regards from someone who has been searching for the ideal all-in-one theme and tutorial to guide me in this endeavor, and finally found it thanks to you.

  • @Seedhe-Saadhe-Akshay-Akshay

    @Seedhe-Saadhe-Akshay-Akshay

    8 ай бұрын

    Can we have the url to your website? and I'd like to know if you have used Elementor or any other page building tool? thanks for sharing.

  • @daughterofthecreator2585
    @daughterofthecreator258511 ай бұрын

    About half way through the video, along with setting up the website. Just wanted to say I appreciate your explanation of the tax section. Well done Hogan

  • @_arleon6411
    @_arleon6411 Жыл бұрын

    Hogan, you are simply the best. Thank you so much!

  • @kadirkesel2184
    @kadirkesel2184 Жыл бұрын

    Thanks for this tutorial, I was waiting for it!

  • @nackyakira
    @nackyakira Жыл бұрын

    Thank you so much , will be forever grateful for you and your video!

  • @visualmodo
    @visualmodo Жыл бұрын

    Truly good work!

  • @WainceWebTech
    @WainceWebTech Жыл бұрын

    Thanks Man, it's an awsome theme builder, realy loving it.

  • @robertservini4976
    @robertservini49769 ай бұрын

    Cool video I like the fact that you compare and implement features that professional websites use

  • @nacicolak894
    @nacicolak894 Жыл бұрын

    Thank you Hogan, you're amazing.

  • @Knochenkotzer01
    @Knochenkotzer0111 ай бұрын

    Great Video, thank you for taking the time making it👍

  • @tinhtran4347
    @tinhtran43476 ай бұрын

    hi there, i really wanted to epress my gratitude for your video. I founded it when I didn't know how to make my website better and supprisingly I founded you. Thanks a lot and hope you will get more and more in your life.

  • @RW_CreativeMedia
    @RW_CreativeMedia4 ай бұрын

    Well done Hogan. An important element that can be placed on the website is Analytics, specifically the location where the customer purchases from, what country or city and what type of product they are purchasing the most. It can be done either with a map or the name of the country. This is important to know as a business owner since it serves marketing purposes.

  • @panosvoukelatos774
    @panosvoukelatos774 Жыл бұрын

    this is the only tutorial that really helps , detailed explantion and great design ideas , thank you !

  • @HoganChua

    @HoganChua

    Жыл бұрын

    thank you!

  • @saidfegrouch6592
    @saidfegrouch6592 Жыл бұрын

    Thank you Hogan so much✌

  • @umairaziz107
    @umairaziz1075 ай бұрын

    Awesome Hogan Chua!

  • @ahmedessamnouraldin
    @ahmedessamnouraldin Жыл бұрын

    Has been waiting for this.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Long time to create to it :)

  • @yetersahin699
    @yetersahin699 Жыл бұрын

    Keep it coming

  • @sahilkhurana999
    @sahilkhurana9993 ай бұрын

    Amazing tutorial. I was getting so frustrated by shortcuts (importing all theme pages and trying to figure out what goes where etc.). Starting from scratch and creating my own look and feel is probably the best thing that happened to me. Thank you for introducing some amazing tools

  • @LawNation.
    @LawNation. Жыл бұрын

    Hi Hogan, you are amazing and blessed. I've been following your tutorials since March of 2020 and I have made money building website for clients using only the knowledge I gained from your tutorials. I was just following your other tutorial to build an ecommerce website for me then you dropped this. Indeed, you are a God sent. I want you to know you are blessing lives, and I, far away here in Nigeria, Africa, is a witness to that fact. I look forward to giving you a beautiful vacation someday soon. Till then, keep doing exploit. I love you man

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Thank you for the kind message :) appreciate it!

  • @olamilekanonaolapo4939

    @olamilekanonaolapo4939

    Жыл бұрын

    Hi, am also in Nigeria. Please can we meet or talk for knowledge sharing?

  • @firaden
    @firaden Жыл бұрын

    a good thing to use when your adding the colors to the filter, you can use an extension, if you are using chrome, I use color dropper extension or any other method or extensions on your prefered browser

  • @calango_jango_game
    @calango_jango_game Жыл бұрын

    Thanks alot for your videos help me a lot

  • @boss-lyfe
    @boss-lyfe Жыл бұрын

    Good stuff as always.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Thank you

  • @tollywoodtrendz2791
    @tollywoodtrendz2791 Жыл бұрын

    Thank you for the detailed explanation and for the fully customizable tool.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    thank you!

  • @uncleted470
    @uncleted4703 күн бұрын

    Bro I love videos like this man. I really do. How can I not subscribe immediately. Currently building an ecommerce website for a client and ur video has helped out soooo much.

  • @farhanalimalik9555
    @farhanalimalik955511 ай бұрын

    Super Tutorial.... Hats Off

  • @MostafaAbdo770
    @MostafaAbdo770 Жыл бұрын

    You are excellent man

  • @owensofcode
    @owensofcode Жыл бұрын

    Thank you for the video. Am building my store today thank you for the inspiration and video.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Enjoy!

  • @richardcunningham1902
    @richardcunningham19025 ай бұрын

    Thank you so much.

  • @freemusicbd-musicforcontentcre
    @freemusicbd-musicforcontentcre9 ай бұрын

    Many many Thanks a lot for this tutorial and free elements. Thanks again

  • @RahulSharma-mo1kr
    @RahulSharma-mo1kr Жыл бұрын

    Hogan, Happy New Year for 2023. Can I use this website setup with print on demand clothing? Secondly, can I do a pre order product drop page? So I can put the product listing up and leave it open for 2 weeks then close it? Or do I need a plug in to do this? Thank you for all of your tutorials and honest and open sharing of knowledge. Thanks. Regards, Rahul.

  • @1LadyG
    @1LadyG Жыл бұрын

    I love your tutorials, you inspire again and again and bring an opportunity for quality knowledge. Thank you

  • @user-vg3tq2lb4t
    @user-vg3tq2lb4t9 ай бұрын

    This was amazing. Is it possible for you to design more WordPress themes in the near future and share your great tutorial with us?

  • @brandoftw
    @brandoftw Жыл бұрын

    awesome tutorial FORREAL

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Glad you liked it, If you found it helpful, it would be awesome if you can give it like :)

  • @eneskilicaslan8453
    @eneskilicaslan8453 Жыл бұрын

    Wow, just wow.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Thanks man

  • @not_amanullah
    @not_amanullah4 ай бұрын

    This is helpful ❤

  • @HoganChua

    @HoganChua

    4 ай бұрын

    I'm so glad!

  • @ben3569
    @ben3569 Жыл бұрын

    thank you

  • @HoganChua

    @HoganChua

    Жыл бұрын

    No worries

  • @myhomegardenandvlogs226
    @myhomegardenandvlogs2269 ай бұрын

    Nice video thank you from india

  • @the_ace248
    @the_ace248 Жыл бұрын

    Thanks for the tutorial and resources, Hogan. I'm facing some issues with the cart, though -- it's broken for variable products, the home page, and on mobile. Any particular guides on fixing this?

  • @HossamKhalaf-sr1oo
    @HossamKhalaf-sr1oo Жыл бұрын

    Thanks for the great tutorial and efforts, I need to know if it can be used in RTL website like Arabic or Hebrew?

  • @s.halder3280
    @s.halder328010 ай бұрын

    Thanks ❤

  • @HoganChua

    @HoganChua

    9 ай бұрын

    Thank you!

  • @Mehdikun1
    @Mehdikun1 Жыл бұрын

    Great Guide .. thank you so much Did you mention how to add Payment methods in the footer ?

  • @ojeynelson84
    @ojeynelson84 Жыл бұрын

    Hello @HoganChua thanks for the video. Would like to know if this particular builder has a divider?

  • @LifeisShort4Us
    @LifeisShort4Us10 ай бұрын

    Hello Hogan. Nice video! Please let me know what security you are using for the WordPress webpage with woocommerce plugin? Thanks.

  • @EnglishMadeSmpl
    @EnglishMadeSmpl Жыл бұрын

    I finally found a great video that has everything I need. But how can I add my hCaptcha API to themify? It only gives the option for google's reCaptcha.

  • @moneyzone2
    @moneyzone2 Жыл бұрын

    God richly bless you

  • @chandramohang205
    @chandramohang205 Жыл бұрын

    @HoganChua hey can you please tell me how to edit and some blocks in single product page.thanks in advance ❤

  • @alexandrevourch8664
    @alexandrevourch8664 Жыл бұрын

    i'm in love

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Thank you!

  • @hyderfocus6774
    @hyderfocus6774 Жыл бұрын

    Dope theme, is it possible to change the style of the quantity module next to add to cart on the product page? How can I do that? Is there a way to modify existing shortcodes? I wanna remove sidebar in the [woocommerce_cart] shortcode. If I go in the theme builder I can only add new modules but not modify existing ones that came with the theme

  • @WilliamCobo-zv5fz
    @WilliamCobo-zv5fz14 күн бұрын

    Great video! You said that you'll leave a link for the customized footer menu at the end of the page where use to get legal links, how can I see that video, I need to do that for my website please!

  • @vaidasne163
    @vaidasne163 Жыл бұрын

    Hallo! Is there possibility to add fields for customizable products? So that client could write their name which will be on product by ordering? Thank you

  • @patrickslayden5239
    @patrickslayden5239 Жыл бұрын

    At 57:25 on Page options I don't have content width as choice. Cannot get the image to fullwidth. Using WP version 6.2.2 and Themify Shoppe version 7.2.4. Any help would be appreciated.

  • @DS21st
    @DS21st Жыл бұрын

    @HoganChua Great upload! thank you Hogan! Do you know why the Mega Menu stops working after a few minutes. Every time I save the Menu, the Mega Menu is working for a couple of minutes. However, if I return to the website, after let's say an hour, then the Mega Menu turn into a normal dropdown menu instead. I'd appreciate your help in solving this issue, thank you!

  • @ramachandraprabhuvk4458
    @ramachandraprabhuvk4458 Жыл бұрын

    You are doing great job! I have two doubts, Please tell me how to remove sale tag badge, its showing for all products and My 2nd doubt - In woocommerce shop page products filters showing left side which is looking good however in mobile view products filter is showing last below the products list, please help me

  • @relaxationisai6916
    @relaxationisai6916 Жыл бұрын

    Hi Hogan, the sign VAT on checkout page does not change to GST after woocommerce settings are updated several times. Please advise. Thanks

  • @DynamicshopFr
    @DynamicshopFr9 ай бұрын

    @HoganChua Hello, thanks for your vidéo you save me a lot of money. I have an issue when I put a variable on my product I get this (SyntaxError: Unexpected end of JSON input) How can I fix it ?

  • @umairaziz107
    @umairaziz1075 ай бұрын

    First of all. thank you so much for this super helpful tutorial. Just an FYI: @1:04:57 The Leather Bag images which you uploaded here aren't included in the images archive you supplied.

  • @waylandzhang8817
    @waylandzhang8817 Жыл бұрын

    @HoganChua Can I change the language of UI into other Chinese such as Japanese, Chinese and so on?

  • @user-ko9bj8wb6l
    @user-ko9bj8wb6l9 ай бұрын

    Big thanks for this video, but i have a problem with mobile version. The product filter in shop page shows under the products, i want to be on top, first, looks like desktop version.

  • @danalks15
    @danalks15 Жыл бұрын

    Hi Hogan, really appreciate your video. I have only one issue. The search in my header. When i try looking for a product, the result that pop up is in font white as well as its background and i cant find anywhere to modify the colors. PLEASE HELP ITS URGENT. Thank you

  • @athgangstar3055
    @athgangstar3055 Жыл бұрын

    @Hogan Chua could you help me please in the mega menu i have to click to open the menu i just wanna hover over it to show what inside. And i can't use loaded themify page like about us because it's say themify server is not working. Sorry for my English,please Keep it up i like your content.

  • @user-vf7sz2wo6i
    @user-vf7sz2wo6i Жыл бұрын

    Hi, Hogan, could you please help me with the WooCommerce Product Fliters, I can't look for the PRODUCT COLOUR button, can you talk to me about this more? Thank you once again for your wonderful video lesson.

  • @tarik95alliance
    @tarik95alliance3 ай бұрын

    Thank you!

  • @smotrimtut
    @smotrimtut Жыл бұрын

    Hi. Hogan, how to take a photo of a product display that is not square in this topic. For example, how to place a photo of a door?

  • @couragemilos3146
    @couragemilos314610 ай бұрын

    Hie how are you. thank you for for such a wonderfull lesson

  • @HoganChua

    @HoganChua

    9 ай бұрын

    Thanks!

  • @cdminsurancesolutions
    @cdminsurancesolutions5 ай бұрын

    Hogan I like the Shoppe Coffee Skin. How can I make it a transparent header instead of the default header? My Logo is circular, and I'd like to keep it that way if possible.

  • @mylifeandpages
    @mylifeandpages6 ай бұрын

    Hello, thanks for the video! It's very informative. I am having an issue. The sidebar is yet on my homepage, and I have followed all of the steps. Please help with this issue.

  • @El_Zorro
    @El_Zorro Жыл бұрын

    thanks, it's very good.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Thank you

  • @ShoshanahShear
    @ShoshanahShear Жыл бұрын

    Will this tutorial work if I am adding a store to an existing website? Also can I follow this without cloudways?

  • @omandiyan
    @omandiyan Жыл бұрын

    legend bro

  • @HoganChua

    @HoganChua

    Жыл бұрын

    thank you!

  • @The_Lord_Yeshua
    @The_Lord_Yeshua6 ай бұрын

    hello, thanks for the great work but am asking when i create posts my featured images don't come with captions pliz help thanks

  • @ieltsprofessional3442
    @ieltsprofessional3442 Жыл бұрын

    Thank you for this video. I followed all the step for shop slidebar. the space will be added but nothing shows!

  • @amabsteve2594
    @amabsteve259410 ай бұрын

    hi how do i change the :before color on the nav menu? i cant find a place to change it color

  • @SuperBigsc
    @SuperBigsc10 ай бұрын

    Hi there thanks a lot again!!! i have one issue, if you please can help me! im creating a clothing webshop(with your help). I've multiple pages. a "man" and a "women" page. how can edit the sidebar for each of them? if i use the shop sidebar its still showing "women" in the sidebar of the "men page". I tried what you show us. but if i remove the women ID . it removes it from the shop page also. so please help me. thank you.

  • @SamiullahMeer-dt1bz
    @SamiullahMeer-dt1bz2 ай бұрын

    Hey Great Video! But you didn't mentioned anything about sign up a new user and their is no option that user can sign up? any video on this?

  • @MusaTouhid
    @MusaTouhid Жыл бұрын

    Sir, I will humbly request you to publish a successful same Tutorial with same contents sequences by the using ELEMENTOR framework ...plz plz. Thank you for your brilliant contents divisions. Really Demand of time.

  • @casabat4232
    @casabat423210 ай бұрын

    i wanna edit my default pages like shop page using pro version of elementor and my friend suggested on me to buy from wordpressIT , is this option good for me ?

  • @tongzhou8681
    @tongzhou86813 ай бұрын

    How to change the account wishlist hover over drop down color plz help can’t find

  • @luxehubstorepk
    @luxehubstorepk7 ай бұрын

    when I installed the woo commerce extension nothing happened to my site, I got no checkout and other page automatically, what should I do

  • @cglenn2371
    @cglenn2371 Жыл бұрын

    Having issues with the wooproducts plugin the boxes are different sizes cant get them to align even with css code

  • @SOPHEARAK7777
    @SOPHEARAK7777 Жыл бұрын

    Hi there! I have issue loading the row template. it said "Failed to load the row template". Any solution for me. thank for your hard making this amazing tutorial!

  • @livinthedream379
    @livinthedream37910 ай бұрын

    Hi Hogan awesome content can you please help me i am battling to put a border around my product sections it does not show . Can you please help me

  • @gunupatinagavenakatasrisai6687
    @gunupatinagavenakatasrisai668710 ай бұрын

    Hey hogan,great tutorial. But having issue with returning customer during checkout. Hope you wll guide me to make necessary changes.

  • @hitmanassasin5335
    @hitmanassasin5335 Жыл бұрын

    Hi, Hogan. I am from Ukraine. Thanks for your video, I made a website. Thank you.

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Glad you enjoyed it :)

  • @freckles7112
    @freckles7112 Жыл бұрын

    How did you get that block on top of the header that says"create you own professional scalable website"

  • @teddymuttah
    @teddymuttah Жыл бұрын

    i installed the builder-woocommerce plugin but i can't find it under the modules addons. Please Help!!

  • @Seedhe-Saadhe-Akshay-Akshay
    @Seedhe-Saadhe-Akshay-Akshay8 ай бұрын

    Sir, can also customize the look of the website using elementor with this template and theme?

  • @codykendra1641
    @codykendra1641 Жыл бұрын

    I sat down and done your whole entire video which help me create my website. I wanted to thank you for the complexity The only thing you did not touch on, in your video is how to apply the wishlist, and also the My Account page to activate it to allow customers to create an account. Plz help me with this.

  • @EDDIEGARAGE
    @EDDIEGARAGE8 ай бұрын

    At the moment we are working on a web page, if I turn the computer off how can I came back to the last editing?

  • @anmaral-saffar5565
    @anmaral-saffar55653 ай бұрын

    excuse my poor english... the navigation bar prevents me from clicking styling is their way to hide it temporary?

  • @williamsleathergoods
    @williamsleathergoods Жыл бұрын

    thanks so much! this was really helpful can you help me when i create blog post the side bar doesn't come up like by you

  • @webdev8283

    @webdev8283

    Жыл бұрын

    Hey I charge just 8 dollars for creating ecommerce sites. Let me know.

  • @EDDIEGARAGE
    @EDDIEGARAGE27 күн бұрын

    Hi, would you know how to reset XAMPP to default because I ruined a few files and when delete XAMPP and reinstall came back it won't run, thank you

  • @couragemilos3146
    @couragemilos314610 ай бұрын

    how to align product images on features catergories

  • @Burak_is
    @Burak_is Жыл бұрын

    Can you make a multi-vendor ecommerce tutorial?

  • @user-py7rc2zo9d
    @user-py7rc2zo9d Жыл бұрын

    do you need to buy the licence to used the Builder WooCommerce

  • @ReignofKingDavid
    @ReignofKingDavid9 ай бұрын

    Hi, is it possible to update to the latest version on your website?

  • @ezekielpaul5431
    @ezekielpaul5431 Жыл бұрын

    Hello nice tutorial, am not very comfortable using Pro themes and plugins freely. Just want to be sure the themes and plugins are safe for use on my website

  • @HoganChua

    @HoganChua

    Жыл бұрын

    Yes it is fine. I've been sharing for over 7+ years now. I also have link in description for you to update if needed in future. Try it and see.

Келесі