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
Let me know if you have any questions!
@Li-fe9hc
Жыл бұрын
Can I ask how may mb for this project?
@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
Жыл бұрын
@@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
Жыл бұрын
@@Li-fe9hc Not sure what do you mean "mb"?
@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. .....
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!
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!
This was a great well thought out video thanks for taking the time to put together this information
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
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.
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
Hogan, you are simply the best. Thank you so much!
Thanks for this tutorial, I was waiting for it!
Thank you so much , will be forever grateful for you and your video!
Truly good work!
Thanks Man, it's an awsome theme builder, realy loving it.
Cool video I like the fact that you compare and implement features that professional websites use
Thank you Hogan, you're amazing.
Great Video, thank you for taking the time making it👍
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.
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.
this is the only tutorial that really helps , detailed explantion and great design ideas , thank you !
@HoganChua
Жыл бұрын
thank you!
Thank you Hogan so much✌
Awesome Hogan Chua!
Has been waiting for this.
@HoganChua
Жыл бұрын
Long time to create to it :)
Keep it coming
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
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
Жыл бұрын
Thank you for the kind message :) appreciate it!
@olamilekanonaolapo4939
Жыл бұрын
Hi, am also in Nigeria. Please can we meet or talk for knowledge sharing?
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
Thanks alot for your videos help me a lot
Good stuff as always.
@HoganChua
Жыл бұрын
Thank you
Thank you for the detailed explanation and for the fully customizable tool.
@HoganChua
Жыл бұрын
thank you!
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.
Super Tutorial.... Hats Off
You are excellent man
Thank you for the video. Am building my store today thank you for the inspiration and video.
@HoganChua
Жыл бұрын
Enjoy!
Thank you so much.
Many many Thanks a lot for this tutorial and free elements. Thanks again
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.
I love your tutorials, you inspire again and again and bring an opportunity for quality knowledge. Thank you
This was amazing. Is it possible for you to design more WordPress themes in the near future and share your great tutorial with us?
awesome tutorial FORREAL
@HoganChua
Жыл бұрын
Glad you liked it, If you found it helpful, it would be awesome if you can give it like :)
Wow, just wow.
@HoganChua
Жыл бұрын
Thanks man
This is helpful ❤
@HoganChua
4 ай бұрын
I'm so glad!
thank you
@HoganChua
Жыл бұрын
No worries
Nice video thank you from india
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?
Thanks for the great tutorial and efforts, I need to know if it can be used in RTL website like Arabic or Hebrew?
Thanks ❤
@HoganChua
9 ай бұрын
Thank you!
Great Guide .. thank you so much Did you mention how to add Payment methods in the footer ?
Hello @HoganChua thanks for the video. Would like to know if this particular builder has a divider?
Hello Hogan. Nice video! Please let me know what security you are using for the WordPress webpage with woocommerce plugin? Thanks.
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.
God richly bless you
@HoganChua hey can you please tell me how to edit and some blocks in single product page.thanks in advance ❤
i'm in love
@HoganChua
Жыл бұрын
Thank you!
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
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!
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
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.
@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!
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
Hi Hogan, the sign VAT on checkout page does not change to GST after woocommerce settings are updated several times. Please advise. Thanks
@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 ?
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.
@HoganChua Can I change the language of UI into other Chinese such as Japanese, Chinese and so on?
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.
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
@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.
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.
Thank you!
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?
Hie how are you. thank you for for such a wonderfull lesson
@HoganChua
9 ай бұрын
Thanks!
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.
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.
thanks, it's very good.
@HoganChua
Жыл бұрын
Thank you
Will this tutorial work if I am adding a store to an existing website? Also can I follow this without cloudways?
legend bro
@HoganChua
Жыл бұрын
thank you!
hello, thanks for the great work but am asking when i create posts my featured images don't come with captions pliz help thanks
Thank you for this video. I followed all the step for shop slidebar. the space will be added but nothing shows!
hi how do i change the :before color on the nav menu? i cant find a place to change it color
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.
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?
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.
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 ?
How to change the account wishlist hover over drop down color plz help can’t find
when I installed the woo commerce extension nothing happened to my site, I got no checkout and other page automatically, what should I do
Having issues with the wooproducts plugin the boxes are different sizes cant get them to align even with css code
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!
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
Hey hogan,great tutorial. But having issue with returning customer during checkout. Hope you wll guide me to make necessary changes.
Hi, Hogan. I am from Ukraine. Thanks for your video, I made a website. Thank you.
@HoganChua
Жыл бұрын
Glad you enjoyed it :)
How did you get that block on top of the header that says"create you own professional scalable website"
i installed the builder-woocommerce plugin but i can't find it under the modules addons. Please Help!!
Sir, can also customize the look of the website using elementor with this template and theme?
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.
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?
excuse my poor english... the navigation bar prevents me from clicking styling is their way to hide it temporary?
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
Жыл бұрын
Hey I charge just 8 dollars for creating ecommerce sites. Let me know.
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
how to align product images on features catergories
Can you make a multi-vendor ecommerce tutorial?
do you need to buy the licence to used the Builder WooCommerce
Hi, is it possible to update to the latest version on your website?
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
Жыл бұрын
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.