eCommerce Website Tutorial - Online Store with WooComerce and WordPress

Learn every step to make an ecommerce website online store in this beginner's course. No coding necessary! You will learn how to get a domain name and hosting, install Wordpress and WooCommerce, use a theme, customize your store, create products, set up payment methods, specify taxes and shipping, create coupon codes, and more.
✏️ This course was developed by Beau Carnes.
🎉 Hostinger provided a grant that made this course possible. You can get started with their tools here: www.hostinger.com/getstarted
⭐️ Couse Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:42) Get hosting and domain name
⌨️ (0:04:39) Setup custom email address
⌨️ (0:05:35) Install Wordpress and WooCommerce
⌨️ (0:07:40) Begin store customization
⌨️ (0:11:12) Install store theme and template
⌨️ (0:17:55) Initial WooCommerce Setup
⌨️ (0:23:30) Customize website
⌨️ (0:40:16) Customize store pages
⌨️ (0:45:15) Create privacy policy
⌨️ (0:46:39) Add products - Introduction
⌨️ (0:48:16) Add simple product
⌨️ (0:54:07) Add variable product
⌨️ (0:59:59) Add grouped product
⌨️ (1:03:36) Add downloadable product
⌨️ (1:06:19) Setup payment processing with Stripe
⌨️ (1:10:34) Setup payment processing with PayPal
⌨️ (1:12:19) Setup automatic tax calculation
⌨️ (1:17:02) Setup shipping
⌨️ (1:20:54) Create coupon codes
⌨️ (1:23:44) Test purchase and improve order flow
⌨️ (1:28:14) Explore order information
⌨️ (1:28:47) Customize emails sent to customers
⌨️ (1:30:15) Update header
⌨️ (1:31:37) Conclusion
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@kienboy9999]

Beau is like the most enthusiastic and warm-hearted teacher in this world.

[@dexternepo]

This is such a short, power-packed course with so much value! Thank you so much for this!!!! :)

[@ludwingguate]

Thanks to this video I was able to tacke my first ecommerce project! You are awesome!

[@marykatherine4080]

Thank you for teaching us perfectly it's wonderful! You guys are amazing.

[@ka7126]

Thanks bro, I have products I need to sell and this came through right on time. I had seen other videos but they were outdated by at least a year

[@danb6339]

Finally, I have been waiting for this. Instead of using React and Node JS to create an e-commerce website from stratch

[@SomebodyYouUsedToSee]

You could use strapi though wordpress is relatively cheaper to deploy and easy to maintain

[@bhavik742]

Hey bro

[@jiganeshpatil1472]

I love that New Background 😄

[@cyberrookie3029]

I just love your teaching. You've got a subscriber 😊

[@MelitaRichardson]

Thank you for your help and content! ❤️

[@martinkaspar5095]

this is Awesome: Many thanks for bringing your E-commerce Website-Tutorial to us all - with your great example that builds up WooCommerce and WordPress: This is just amazing; keep up the great project - making such amazing educational videos on WordPress. Can't thank enough. ❤ 😊👍🏼 Much

[@Erick-qy2mb]

This is a freaking gold mine

[@kostiantynkarzhanov9216]

Very good tutorial! Thank you very much!

[@GeekBastion]

i have been learning to make websites with code and now it's time to learn how to do it the easy way :)

[@As-su6bl]

same for me now :D

[@alivalishov]

same for me haha

[@chickynuggies2739]

the hard way is for when you want a job, the easy way is for when you wanna make money haha

[@saidibrahim5931]

Waited for this for 2 years

[@parsa3958]

Amazing tutorial

[@jacksonnguyen9563]

Thanks brother! This is a really good tutorial!

[@gideononwe8089]

First to comment.. I believe this course will be awesome ❤️

[@apkamk]

Great Video!!

[@alihegazi9732]

Thank you for your effort

[@trustitslime3896]

Great video. I like Red Bull.

[@malekjlassi9131]

i appreciate i like this , thank u sir

[@visualmodo]

Very good job!

[@tomminoker13]

Thanks for interesting content )

[@ivity2353]

Gracias por el curso, estoy ansioso por aprender

[@marialee2641]

Thank you for sharing. nc

[@mhd786jna3]

Woah you are the best

[@hatimtai-if1cp]

Dear Beau, Thanks for the amazing lesson. I was practicing along the lesson. In my case, the social media icons do not appear in the top bar, or header or footer. when i drop the socials from customizer to anywhere, it does not show anything. I am working on a local WAMP server 3.3.0, wordpress 6.1.1 I tried solutions from google, didnt help. any suggestions? thanks.

[@burcakaydn1591]

Thank you for the great video 🙏 I have wordpress ecommerce and I chose same theme with you and followed your instructions. I couldn't edit tablet and mobile separately. What do you advice?

[@cryptopuncher]

Thanks

[@lavanyashri7401]

Woo-hoo 🤩

[@TokyoXtreme]

Oh hell yeah. Upwork, here I come.

[@fazlyqa]

Thank you for sharing. Is there any hidden cost using the hosting service since woocommerce module is free

[@mayankvikash]

No one, literally no one. FCC Channel Manager: Shooting Intro outside in Snow.

[@nibrasshami]

How nice if there is a crash course about using woocommerce REST API to integrate with a mobile app (react native/flutter/android/ios).

[@cbasile22]

is the 8.95 a month plan enough for that? Or do you need a more expensivve one? Thanks

[@copaceticobserver]

I wonder if we'll ever get a fully dedicated path on fcc for wordpress

[@southfitness7567]

Thnks sir

[@malekjlassi9131]

can u please sir show us how to implement online paiement method with the plateform " click to pay" to our sites plz

[@HOLBAG]

Thanks Please can you make video about how to make order restaurant website with Ecommerce

[@richardandrews8279]

How to get the background image in the home page changes to take regardless of the view screen size? I changed the image but when page size is desktop it shows the sweater image and not the uploaded image.

[@muhammadtoqeelbutt007]

Can I practice on localhost and after completing the project upload on the server ?

[@walidgueniche1147]

can i add multivendor to this theme ???am new to this wordpress thing it would be wonderful

[@afeezbabatunde5023]

Thanks so much for this. You relief us of lines of codes. Can someone tell me the name of this browser he used?

[@soul.rebel1986]

He used Google Chrome.

[@user-oq8fp8de5e]

nice tutorial, I have a question, can I make this an affiliate store, can I import amazon products to it and instead of add to card I wand to be shop on amazon, is that possible

[@terrasystemlabs]

in my case the widgets area apears blank and my ap is slow but i just install it, and i got problemns with the filters, the red long line is not appearing, its a mess

[@eleah2665]

I want to be as awake as Beau some day. Now he's outside? How did that happen?

[@abdouelamiri7856]

Hello Please I need how to convert categorioes section to be dynamic in Home page

[@mostafadiesel2000]

I’m from Egypt ❤️

[@SesTonuu]

Napalım bilader

[@rosearias2321]

Really

[@present1021]

I.m from Libya hhhhh

[@rosearias2321]

@@present1021 what can I do for you

[@zindagi_ke_anmol_ratan]

Please make a video on making Android application using Python, Django, database where AI features can be used

[@Slimboyfat1979]

How did you change to the robot image???

[@love-beautiful-afghanistan]

the image of the products are not displaying!!. would some one please help!

[@stopstalkingme2023]

how did you change the background picture? why did you skip that part???

[@abdulaziz-js7qf]

bro, what plugins did you use,

[@blackpassenger]

when i hit "start selling" on the woocommerce setup tab, i get a "page not found" message.

[@ManojKumar-iu3zh]

Webflow tutorial pls

[@lonleybeer]

The timing on this is insane, i needed this for my project what the f

[@Weirdomanification]

Awesome

[@ScaleCrawling]

Our phones listens to everything we say.

[@milelale7261]

my man is going back to monke

[@mikekypriotis3862]

I am a programmer (who could make my eshop from scratch but want to avoid the hassle), is woocommerce a good option? Can the code be understood (I mean well documented) and modified if needed? I am hearing people talking about how they are not finding the plugin for eactly what hey want or adding a plugin which does not work with another and simply breaks the site, what do u think?

[@labombarde1]

in my experience, some plug-ins in Wordpress are buggy and sometimes get updated and mess stuff up , however being a "programmer" you should be able to lurk until you find your fit. and/or revert to your old mockup... it's pretty easy and reliable... there are so many plug-in's and themes, it will take you all week to explore and experiment... happy coding!

[@zeldaadlez3377]

Beau carnes looking good with that beard

[@Journey2HealthCare]

how to add a calendar to product

[@petra1209]

I just watch and followed the video and I am stuck now, How do I get rid of the sweater on the main page and put my image their instead, It seems like you missed that one, anyone please help

[@zerogenicstechnologies]

also stucked

[@andersonm9412]

Anyone solved it?

[@mrshazy2544]

from elementor obviously

[@raimubashirhussain9087]

Hey can you make a social media with machine Learning app people like and watch video recommend system song recognize and language recognize catagory recognize . And if the video is copy is another platform then recognize system . algorithm with python

[@lynic-0091]

Lol?

[@ScaleCrawling]

I thought Wordpress/WooCommerce was free? It says it cost $70/month? Did I click the wrong option?

[@KhanhNguyen-tr9bg]

How did you change the picture from the shirt to the robot? Can you show that step?? The picture next to Robot clothes are fun

[@mrshazy2544]

from elementor

[@KhanhNguyen-tr9bg]

@@mrshazy2544 Yes but I tried to replace the photo, but it doesn't happen. Need a video on how to do it...

[@nickylove7768]

Mr Eddie Dewayne is the best, recommending him to all beginners who wants to recover losses like I did.

[@geraldwilansky6424]

A lot of people with high IQs are terrible investors because they've got terrible temperaments. You need to keep raw, irrational emotion under control

[@benjaminrogers5596]

Investing for today is priceless because tomorrow isn't promised, trading bit-coins, gold, silver and crypto secures a better tomorrow.

[@meerasingh4841]

Depending on one stream of income had never made any millionaire and earning check don't put you on forbe

[@benjaminrogers5596]

Trading with Mr Eddie Dewayne was never a regret to me, All thanks to him, he is the best I have ever seen

[@Camille_hendrick_01]

How can one reach an expert in trading,cos I have lost alot of money trading with a wrong trader.

[@jonathanvandenberg3571]

28:41 didn't show us how to change that background image

[@nguyentienmanh1900]

Im wondering about it too

[@fernandalica1580]

I was wondering about it too, so I started to try over and over again. Than I found!! Just press on the background image and WordPress will show a small tag with sections. Click on the image section (probably the first section), than stile and background overlay. I hope this helps.

[@dexternepo]

I figured it out after struggling for a bit. You edit the page using the "Edit with elementor" link. The main image is actually a background image. At first I thought it was an image section and I tried adding a new image. But that showed the new image right on top of the background image which just refused to go away. You hover your mouse over the background area. Make sure you are hovering over the background section. There are two side-by-side columns right on top of this background area. Right click to get a pop-up menu -> Edit Section -> Style tab. And hover over the image to get the trash icon. Click the trash icon to delete it. Add the + button to add a new image. Don't forget to click Update at the bottom to save changes.

[@waynelast1685]

Someone please explain the role of a theme and page builder .

[@JayLim-bn9fh]

you stull want it?

[@user-sy3zs8mk3o]

Please share the name of the company that does logos for $5 Thank you

[@calvint678]

Blinking 16 times a second. Batman says that's due to massive stress!?

[@kevinderawy481]

IRAQ Full stack web development student

[@terrasystemlabs]

should be good to make receipt in pdf

[@Nodsaibot]

video starts at 20:00 you forgot to install "disable gutenberg" that must be every dev's first step

[@lynic-0091]

Why? Gutenberg can be extended with custom components, for free.

[@Nodsaibot]

@@lynic-0091 it's trash designed for journos, totally useless and inefficient for non news blog sites

[@violentpixelation5486]

#gold

[@Sofia-richardson]

Hi! good to see your videos are very nice and informative and you explain very well. Please can you let me if the ShopReady plugin can be used WordPress WooCommerce build. If possible please consider creating a video on this plugin. Thanks

[@shortclips6643]

1st comment

[@quiarakirkland6088]

Can someone explain how to change the background image? he just comes back with a robot and no explanation.

[@fernandalica1580]

Just press on the background image and the WordPress will show you a small tag with sections. Click on the image section (probably the first section), than stile and background overlay. I hope this helps.

[@TheNicoya77]

@@fernandalica1580 I'm still having issues with the image. Do i need elemetor pro to change the image? I actually see the image i add but is faded and the original still there.

[@dexternepo]

@@TheNicoya77 Same problem

[@dexternepo]

I figured it out after struggling for a bit. You edit the page using the "Edit with elementor" link. The main image is actually a background image. At first I thought it was an image section and I tried adding a new image. But that showed the new image right on top of the background image which just refused to go away. You hover your mouse over the background area. Make sure you are hovering over the background section. There are two side-by-side columns right on top of this background area. Right click to get a pop-up menu -> Edit Section -> Style tab. And hover over the image to get the trash icon. Click the trash icon to delete it. Add the + button to add a new image. Don't forget to click Update at the bottom to save changes.

[@blackpassenger]

cant believe i paid someone a thousand united states dollars, one hundred and fifty thousand yen, to do this.

[@lycan2494]

Why learn web dev when u have this

[@staminabros2671]

Skittzz

[@lynic-0091]

Lol all these plugins youre using have like 1 or 2 star ratings, thats not a good sign. At all. Also, don't use Jetpack. Sorry but I'm gonna stop watching at this point.

[@clementborisov7050]

I know what the W stands for in Woocommerce: Wouldn't do it!

[@pt_trainer9244]

Thanks