eCommerce Website Tutorial - Online Store with WooComerce and WordPress

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ค. 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

ความคิดเห็น • 122

  • @kienboy9999
    @kienboy9999 2 ปีที่แล้ว +32

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

  • @ludwingguate
    @ludwingguate ปีที่แล้ว +9

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

  • @dexternepo
    @dexternepo ปีที่แล้ว +5

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

  • @danb6339
    @danb6339 2 ปีที่แล้ว +47

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

    • @SomebodyYouUsedToSee
      @SomebodyYouUsedToSee 2 ปีที่แล้ว +7

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

    • @bhavik742
      @bhavik742 2 ปีที่แล้ว

      Hey bro

  • @marykatherine4080
    @marykatherine4080 ปีที่แล้ว +2

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

  • @Erick-qy2mb
    @Erick-qy2mb 2 ปีที่แล้ว

    This is a freaking gold mine

  • @ka7126
    @ka7126 2 ปีที่แล้ว +1

    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

  • @jiganeshpatil1472
    @jiganeshpatil1472 2 ปีที่แล้ว +5

    I love that New Background 😄

  • @MelitaRichardson
    @MelitaRichardson 2 ปีที่แล้ว +3

    Thank you for your help and content! ❤️

  • @saidibrahim5931
    @saidibrahim5931 2 ปีที่แล้ว +1

    Waited for this for 2 years

  • @cyberrookie3029
    @cyberrookie3029 2 หลายเดือนก่อน +2

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

  • @kostiantynkarzhanov9216
    @kostiantynkarzhanov9216 ปีที่แล้ว

    Very good tutorial! Thank you very much!

  • @GeekBastion
    @GeekBastion 2 ปีที่แล้ว +21

    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
      @As-su6bl ปีที่แล้ว +3

      same for me now :D

    • @alivalishov
      @alivalishov 5 หลายเดือนก่อน +2

      same for me haha

    • @chickynuggies2739
      @chickynuggies2739 หลายเดือนก่อน

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

  • @parsa3958
    @parsa3958 2 ปีที่แล้ว +3

    Amazing tutorial

  • @visualmodo
    @visualmodo 2 ปีที่แล้ว

    Very good job!

  • @jacksonnguyen9563
    @jacksonnguyen9563 2 หลายเดือนก่อน

    Thanks brother! This is a really good tutorial!

  • @alihegazi9732
    @alihegazi9732 ปีที่แล้ว

    Thank you for your effort

  • @apkamk
    @apkamk 2 ปีที่แล้ว +1

    Great Video!!

  • @martinkaspar5095
    @martinkaspar5095 2 ปีที่แล้ว +5

    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

  • @gideononwe8089
    @gideononwe8089 2 ปีที่แล้ว +1

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

  • @trustitslime3896
    @trustitslime3896 2 ปีที่แล้ว +1

    Great video. I like Red Bull.

  • @malekjlassi9131
    @malekjlassi9131 2 ปีที่แล้ว

    i appreciate i like this , thank u sir

  • @tomminoker13
    @tomminoker13 2 หลายเดือนก่อน

    Thanks for interesting content )

  • @marialee2641
    @marialee2641 2 ปีที่แล้ว

    Thank you for sharing. nc

  • @ivity2353
    @ivity2353 2 ปีที่แล้ว +1

    Gracias por el curso, estoy ansioso por aprender

  • @TokyoXtreme
    @TokyoXtreme 2 ปีที่แล้ว +4

    Oh hell yeah. Upwork, here I come.

  • @hatimtai-if1cp
    @hatimtai-if1cp ปีที่แล้ว +1

    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.

  • @cryptopuncher
    @cryptopuncher 2 ปีที่แล้ว

    Thanks

  • @fazlyqa
    @fazlyqa 2 ปีที่แล้ว

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

  • @mhd786jna3
    @mhd786jna3 10 หลายเดือนก่อน

    Woah you are the best

  • @copaceticobserver
    @copaceticobserver 2 ปีที่แล้ว

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

  • @mayankvikash
    @mayankvikash 2 ปีที่แล้ว +2

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

  • @cbasile22
    @cbasile22 ปีที่แล้ว +1

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

  • @nibrasshami
    @nibrasshami 2 ปีที่แล้ว +4

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

  • @malekjlassi9131
    @malekjlassi9131 2 ปีที่แล้ว

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

  • @lavanyashri7401
    @lavanyashri7401 2 ปีที่แล้ว

    Woo-hoo 🤩

  • @burcakaydn1591
    @burcakaydn1591 2 หลายเดือนก่อน

    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?

  • @muhammadtoqeelbutt007
    @muhammadtoqeelbutt007 10 หลายเดือนก่อน +1

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

  • @richardandrews8279
    @richardandrews8279 11 หลายเดือนก่อน

    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.

  • @southfitness7567
    @southfitness7567 2 ปีที่แล้ว

    Thnks sir

  • @ManojKumar-iu3zh
    @ManojKumar-iu3zh 2 ปีที่แล้ว

    Webflow tutorial pls

  • @nickylove7768
    @nickylove7768 2 ปีที่แล้ว +16

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

    • @geraldwilansky6424
      @geraldwilansky6424 2 ปีที่แล้ว

      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
      @benjaminrogers5596 2 ปีที่แล้ว

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

    • @meerasingh4841
      @meerasingh4841 2 ปีที่แล้ว

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

    • @benjaminrogers5596
      @benjaminrogers5596 2 ปีที่แล้ว

      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
      @Camille_hendrick_01 2 ปีที่แล้ว

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

  • @HOLBAG
    @HOLBAG ปีที่แล้ว

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

  • @abdulaziz-js7qf
    @abdulaziz-js7qf 2 ปีที่แล้ว

    bro, what plugins did you use,

  • @user-oq8fp8de5e
    @user-oq8fp8de5e 8 หลายเดือนก่อน

    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

  • @abdouelamiri7856
    @abdouelamiri7856 ปีที่แล้ว

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

  • @afeezbabatunde5023
    @afeezbabatunde5023 2 ปีที่แล้ว +1

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

  • @Slimboyfat1979
    @Slimboyfat1979 5 หลายเดือนก่อน

    How did you change to the robot image???

  • @eleah2665
    @eleah2665 2 ปีที่แล้ว

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

  • @mostafadiesel2000
    @mostafadiesel2000 2 ปีที่แล้ว +1

    I’m from Egypt ❤️

    • @SesTonuu
      @SesTonuu 2 ปีที่แล้ว

      Napalım bilader

    • @rosearias2321
      @rosearias2321 2 ปีที่แล้ว

      Really

    • @present1021
      @present1021 2 ปีที่แล้ว

      I.m from Libya hhhhh

    • @rosearias2321
      @rosearias2321 2 ปีที่แล้ว

      @@present1021 what can I do for you

  • @walidgueniche1147
    @walidgueniche1147 4 วันที่ผ่านมา

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

  • @mikekypriotis3862
    @mikekypriotis3862 9 หลายเดือนก่อน

    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
      @labombarde1 2 หลายเดือนก่อน

      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!

  • @stopstalkingme2023
    @stopstalkingme2023 9 หลายเดือนก่อน

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

  • @terrasystemlabs
    @terrasystemlabs 4 หลายเดือนก่อน

    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

  • @love-beautiful-afghanistan
    @love-beautiful-afghanistan 2 ปีที่แล้ว

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

  • @lonleybeer
    @lonleybeer 2 ปีที่แล้ว +4

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

  • @milelale7261
    @milelale7261 2 ปีที่แล้ว

    my man is going back to monke

  • @raimubashirhussain9087
    @raimubashirhussain9087 2 ปีที่แล้ว

    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

  • @blackpassenger
    @blackpassenger 23 วันที่ผ่านมา

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

  • @zindagi_ke_anmol_ratan
    @zindagi_ke_anmol_ratan 2 ปีที่แล้ว +2

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

  • @Journey2HealthCare
    @Journey2HealthCare 8 หลายเดือนก่อน

    how to add a calendar to product

  • @zeldaadlez3377
    @zeldaadlez3377 2 ปีที่แล้ว +1

    Beau carnes looking good with that beard

  • @KhanhNguyen-tr9bg
    @KhanhNguyen-tr9bg 9 หลายเดือนก่อน

    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
      @mrshazy2544 9 หลายเดือนก่อน

      from elementor

    • @KhanhNguyen-tr9bg
      @KhanhNguyen-tr9bg 9 หลายเดือนก่อน

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

  • @petra1209
    @petra1209 ปีที่แล้ว +2

    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

  • @kevinderawy481
    @kevinderawy481 2 ปีที่แล้ว

    IRAQ Full stack web development student

  • @waynelast1685
    @waynelast1685 ปีที่แล้ว

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

    • @JayLim-bn9fh
      @JayLim-bn9fh 6 หลายเดือนก่อน

      you stull want it?

  • @jonathanvandenberg3571
    @jonathanvandenberg3571 2 ปีที่แล้ว +2

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

    • @nguyentienmanh1900
      @nguyentienmanh1900 2 ปีที่แล้ว

      Im wondering about it too

    • @fernandalica1580
      @fernandalica1580 2 ปีที่แล้ว +1

      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
      @dexternepo ปีที่แล้ว +1

      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.

  • @user-sy3zs8mk3o
    @user-sy3zs8mk3o ปีที่แล้ว

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

  • @ScaleCrawling
    @ScaleCrawling ปีที่แล้ว

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

  • @calvint678
    @calvint678 2 ปีที่แล้ว

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

  • @terrasystemlabs
    @terrasystemlabs 4 หลายเดือนก่อน

    should be good to make receipt in pdf

  • @violentpixelation5486
    @violentpixelation5486 2 ปีที่แล้ว

    #gold

  • @quiarakirkland6088
    @quiarakirkland6088 2 ปีที่แล้ว

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

    • @fernandalica1580
      @fernandalica1580 2 ปีที่แล้ว

      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
      @TheNicoya77 2 ปีที่แล้ว

      @@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
      @dexternepo ปีที่แล้ว

      @@TheNicoya77 Same problem

    • @dexternepo
      @dexternepo ปีที่แล้ว +1

      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.

  • @Nodsaibot
    @Nodsaibot 2 ปีที่แล้ว +4

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

    • @lynic-0091
      @lynic-0091 2 ปีที่แล้ว

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

    • @Nodsaibot
      @Nodsaibot 2 ปีที่แล้ว

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

  • @lycan2494
    @lycan2494 2 ปีที่แล้ว +1

    Why learn web dev when u have this

  • @blackpassenger
    @blackpassenger 25 วันที่ผ่านมา

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

  • @staminabros2671
    @staminabros2671 2 ปีที่แล้ว

    Skittzz

  • @shortclips6643
    @shortclips6643 2 ปีที่แล้ว

    1st comment

  • @lynic-0091
    @lynic-0091 2 ปีที่แล้ว +1

    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.

  • @Sofia-richardson
    @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

  • @clementborisov7050
    @clementborisov7050 2 ปีที่แล้ว

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