eCommerce Website Tutorial - Online Store with WooComerce and WordPress
HTML-код
- Опубликовано: 31 июл 2024
- 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
Beau is like the most enthusiastic and warm-hearted teacher in this world.
This is such a short, power-packed course with so much value! Thank you so much for this!!!! :)
Thanks to this video I was able to tacke my first ecommerce project! You are awesome!
Thank you for teaching us perfectly it's wonderful! You guys are amazing.
Finally, I have been waiting for this. Instead of using React and Node JS to create an e-commerce website from stratch
You could use strapi though wordpress is relatively cheaper to deploy and easy to maintain
Hey bro
I just love your teaching. You've got a subscriber 😊
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
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
Thank you for your help and content! ❤️
Very good tutorial! Thank you very much!
I love that New Background 😄
Thanks brother! This is a really good tutorial!
This is a freaking gold mine
First to comment.. I believe this course will be awesome ❤️
i have been learning to make websites with code and now it's time to learn how to do it the easy way :)
same for me now :D
same for me haha
the hard way is for when you want a job, the easy way is for when you wanna make money haha
Amazing tutorial
Great Video!!
Very good job!
Waited for this for 2 years
i appreciate i like this , thank u sir
Thank you for your effort
Gracias por el curso, estoy ansioso por aprender
Great video. I like Red Bull.
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.
Thanks for interesting content )
Thank you for sharing. nc
Woo-hoo 🤩
How nice if there is a crash course about using woocommerce REST API to integrate with a mobile app (react native/flutter/android/ios).
Woah you are the best
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.
Thank you for sharing. Is there any hidden cost using the hosting service since woocommerce module is free
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?
Oh hell yeah. Upwork, here I come.
Thanks
is the 8.95 a month plan enough for that? Or do you need a more expensivve one? Thanks
I wonder if we'll ever get a fully dedicated path on fcc for wordpress
can u please sir show us how to implement online paiement method with the plateform " click to pay" to our sites plz
Can I practice on localhost and after completing the project upload on the server ?
Hello Please I need how to convert categorioes section to be dynamic in Home page
No one, literally no one.
FCC Channel Manager: Shooting Intro outside in Snow.
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
can i add multivendor to this theme ???am new to this wordpress thing it would be wonderful
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
Thanks
Please can you make video about how to make order restaurant website with Ecommerce
the image of the products are not displaying!!. would some one please help!
Thnks sir
how did you change the background picture? why did you skip that part???
How did you change to the robot image???
Thanks so much for this. You relief us of lines of codes.
Can someone tell me the name of this browser he used?
He used Google Chrome.
when i hit "start selling" on the woocommerce setup tab, i get a "page not found" message.
I want to be as awake as Beau some day. Now he's outside? How did that happen?
Please make a video on making Android application using Python, Django, database where AI features can be used
bro, what plugins did you use,
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?
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!
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
Lol?
Webflow tutorial pls
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
also stucked
Anyone solved it?
from elementor obviously
how to add a calendar to product
Mr Eddie Dewayne is the best, recommending him to all beginners who wants to recover losses like I did.
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
Investing for today is priceless because tomorrow isn't promised, trading bit-coins, gold, silver and crypto secures a better tomorrow.
Depending on one stream of income had never made any millionaire and earning check don't put you on forbe
Trading with Mr Eddie Dewayne was never a regret to me, All thanks to him, he is the best I have ever seen
How can one reach an expert in trading,cos I have lost alot of money trading with a wrong trader.
The timing on this is insane, i needed this for my project what the f
Awesome
Our phones listens to everything we say.
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
I’m from Egypt ❤️
Napalım bilader
Really
I.m from Libya hhhhh
@@present1021 what can I do for you
my man is going back to monke
Please share the name of the company that does logos for $5
Thank you
Beau carnes looking good with that beard
Someone please explain the role of a theme and page builder .
you stull want it?
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
from elementor
@@mrshazy2544 Yes but I tried to replace the photo, but it doesn't happen. Need a video on how to do it...
I thought Wordpress/WooCommerce was free? It says it cost $70/month? Did I click the wrong option?
Blinking 16 times a second. Batman says that's due to massive stress!?
28:41 didn't show us how to change that background image
Im wondering about it too
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.
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.
IRAQ Full stack web development student
should be good to make receipt in pdf
video starts at 20:00
you forgot to install "disable gutenberg" that must be every dev's first step
Why? Gutenberg can be extended with custom components, for free.
@@lynic-0091 it's trash designed for journos, totally useless and inefficient for non news blog sites
Can someone explain how to change the background image? he just comes back with a robot and no explanation.
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.
@@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.
@@TheNicoya77 Same problem
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.
#gold
cant believe i paid someone a thousand united states dollars, one hundred and fifty thousand yen, to do this.
1st comment
Skittzz
Why learn web dev when u have this
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.
I know what the W stands for in Woocommerce: Wouldn't do it!
Thanks