Это видео недоступно.
Сожалеем об этом.

Complete WooCommerce Tutorial | eCommerce Tutorial

Поделиться
HTML-код
  • Опубликовано: 2 авг 2024
  • Watch the 2023 version of this tutorial ✅ • How To Create An Onlin...
    Learn how to build your own eCommerce store from start to finish. In this video, I show you how to create a webshop in WordPress using WooCommerce and start selling products on the internet. We will talk about different kinds of WooCommerce products, categories, tags, variable products, digital products, downloadable products, coupons, shipping, taxes, payment gateways, and more.
    This tutorial is both for people that already have a WordPress website and want to extend it with a WooCommerce webshop and for people that want to create a website using WordPress and WooCommerce from scratch.
    We will create 6 different kinds of products.
    1. A simple product.
    2. A variable product where the visitor has more options for one product. For instance the color and the size.
    3. A virtual product like a Coaching call.
    4. A downloadable product like an eBook or a ticket to a concert.
    5. An affiliate product so you can get a commission when somebody buys something through your unique affiliate link
    6. A grouped product where you can add more versions of the same product to your cart. Like a Smartphone or USB Stick with different sizes
    Here is an overview with timestamps:
    00:00 Intro
    00:20 Overview of What We Will Cover
    04:46 Get a Domain and Webhosting
    08:02 Choose a Domain Name
    13:24 Install WordPress
    15:24 the Front End And Backend Of Your WordPress Website
    16:04 Clean Up Your Website
    17:47 Configure Your Profile
    19:46 Configure The Permalinks
    20:08 Create A Site Title
    21:41 Introduction to WordPress Themes
    22:34 Get The Astra Theme (Free)
    23:33 Download Elementor
    24:31 Import a Pre Made WooCommerce Website
    30:19 Install WooCommerce
    32:10 Download The Images I Use In The WooCommerce Tutorial
    Creating your First Product
    32:46 Create A Simple Product In WooCommerce
    35:11 Change the Currency In Your WooCommerce Website
    37:07 Inventory
    41:09 Reviews
    42:35 Add Images To Your Product
    44:19 Add Categories and Subcategories
    46:13 Add Tags
    48:15 Add Star Rating
    49:45 Create A Variable Product In WooCommerce
    56:37 Create A Digital/Service Product
    01:00:27 Create A Downloadable Product
    01:03:16 Create An Affiliate Product
    01:05:04 Create A Grouped Product
    01:09:46 Upsells and Cross-Sells
    01:12:16 Create A Sidebar
    01:12:16 Add Sidebar Widgets
    01:14:08 Add A Filter By Price Widget
    01:15:04 Create A Product Category Widget
    01:15:40 Change the look and feel of your shop layout
    01:20:06 Configure the WooCommerce Customise Settings
    01:27:43 Customise An Individual Page
    01:29:31 Change The Colors In The Webshop
    01:34:14 Edit The Footer
    WooCommerce Settings
    01:36:14 The General Settings
    01:38:14 Configure Geolocate
    01:39:45 The Product Settings
    01:45:16 The Accounts & Privacy Settings
    01:47:25 The Email Settings
    01:52:38 Configure The Slugs Of WooCommerce Pages
    01:53:29 Coupon Codes
    01:54:16 Discount In Percentage
    01:59:55 Discount In Dollars
    02:01:46 Discount For Specific Product
    02:03:17 Taxes
    02:10:39 Automatic Taxes
    02:14:54 Shipping
    02:18:35 The Table Rate Shipping Plugin
    02:23:38 Adding a Payment Provider Called Stripe
    02:25:22 Create A Stripe Account
    02:30:07 Setup a Test Payment With Stripe and WooCommerce
    02:34:21 How To Handle Incoming Orders
    02:36:25 Adjust The Homepage With Elementor
    02:46:47 Overview and Thank You
    Important links:
    Domainname and Webhosting:
    webhosting134.com
    Download the Images I Use In The Website:
    ferdykorp.com/images
    Additional tutorials:
    RankMath SEO Tutorial:
    • Complete Rank Math Tut...
    Convertkit Tutorial:
    • Complete ConvertKit Tu...
    Colorpick Eyedrop tutorial:
    • Video

Комментарии • 145

  • @blackwomenlovesexinc.3602
    @blackwomenlovesexinc.3602 2 года назад +12

    Thank you for a great tutorial. You are a great producer. You are straight to the point. Your experience truly shows in your presentation. Please continue to help people. ✔✔👏👏👏

  • @misterellystudio
    @misterellystudio 2 года назад +1

    i ove how youbpresent the video with so much happiness in your voice. Who else notice that??? Thanks very much for the free guides Sir

  • @theharathanuja
    @theharathanuja 2 года назад

    you are The Best Teacher for WordPress in youtube

  • @adamtechnology3204
    @adamtechnology3204 3 года назад +6

    This is so underrated few thousand views.. He really makes nice tutorials, maybe in future this will be populair.

  • @veryeasyhydroponicsallen5341
    @veryeasyhydroponicsallen5341 3 года назад +2

    This is the best video out of probably a hundred videos that I have watched on WordPress related material thank you so much for doing this video I have learned more from you than anyone else on RUclips thank you thank you thank you so much I really appreciate it this is exactly what I needed no one else talk like you did great great job

  • @changbeerbeer
    @changbeerbeer 3 года назад +5

    Amazing value! Thank you so much for not only making this, but making it free!

  • @WebYoda
    @WebYoda 3 года назад

    I am always impressed with your videos and review your videos often before creating my new videos. I hope to release my own WooCommerce video and raise enough funds to make it back to Amsterdam again very soon. You always raise the WordPress videos standards bar with amazing content, keep up the great work!...Peace Yoda

  • @BrainstormForce
    @BrainstormForce 3 года назад +8

    Thanks Ferdy for creating this amazing, detailed tutorial, and for using the Astra theme as well.

    • @ferdycom
      @ferdycom  3 года назад +2

      You are welcome 😊

  • @creativediva3901
    @creativediva3901 2 года назад +1

    This is Creative Diva (Dallas TX USA). I believe its Sunday, 6:57pm. When I visited Malaga, Spain I decided to keep up with their time as I plan to revisit June 2022. The reason I mention this is because a few friends I met there lived in the UK. Since that was my first overseas journey, had no idea it was a 1-2 hour drive outside of Malaga.
    On Another Note: Mr. Ferdy my choice for "Fashion" did not pan out as it appeared. I wasn't able to find certain sections regardless of seeking widgets, footers, etc. So I am heading back to Astra starter templates to select another layout. This will definitely waste my time but luckily I had already saved my images/content, sizes formatted, colors. I will make sure WHATEVER template I secure this time I'll note if it makes appropriate sense. I'll let you know. Thanks for all you've done enlightening me.

  • @sasasimic75
    @sasasimic75 3 года назад

    Thank you for your effort. I needed a website for my shop and i was little rusty. In few of your tutorials i found everything i need to get me running.

  • @1884Winter
    @1884Winter 3 года назад

    Thank you! So appreciate this! I will link when it's done :) Can't wait to show you!

  • @sohrabhj1659
    @sohrabhj1659 3 года назад +2

    Fredy this is just fantastic, you made it look easy

  • @sagorahmed6082
    @sagorahmed6082 2 года назад +1

    thanks ferdy create your amazing tutorial with more detailed

  • @AlexBego
    @AlexBego 3 года назад +1

    WOW! that's an awesome work! Thank you, Ferdy

  • @tambajames1729
    @tambajames1729 3 года назад +1

    Happy to be here Sir

  • @creativediva3901
    @creativediva3901 2 года назад +1

    I was simply delighted to learn about Astra starter template. Another tutorial only showed "install Astra" and I had to customize; never mentioned anything about Starter Templates. I chose the Fashion template since my client needs an updated look. I'll send you a link to see how GREAT OF AN INSTRUCTOR YOU HAVE BEEN TO ME!

  • @scotts6503
    @scotts6503 2 года назад

    Great content Ferdy! Thanks for taking the time and effort to make this video!

  • @AdvertiseGod
    @AdvertiseGod 2 года назад +1

    Hi Ferdy. Glad I found this tutorial, you have such a nice way of explaining stuff

  • @chisentools
    @chisentools 2 года назад +2

    Good video for WordPress beginners. Thank you, Ferdy!

  • @Mouhzero
    @Mouhzero 3 года назад

    Thanks a lot, Ferdy for this Tuto ;) 🇲🇦

  • @Hakimaalalmahdi
    @Hakimaalalmahdi 2 года назад +1

    Best tutorial for this topic I've seen online so far! keep up the good work bro :)

  • @ProduktvideoVergleich
    @ProduktvideoVergleich Год назад +1

    I kiss your heart my netherland Buddy Mit Abstand das beste Tutorial.

  • @zeeshanhaider8971
    @zeeshanhaider8971 Год назад

    Lots of Love and Respect from Pakistan for your Amazing tutorials ...😘😍

  • @sumonmiah548
    @sumonmiah548 3 года назад

    As your explanation is great, So I love to get PHP & Js tutorial from you.

  • @ciaranmay1140
    @ciaranmay1140 3 года назад

    Great stuff ferdy thank you

  • @colorwheel7446
    @colorwheel7446 2 года назад

    Ferdy, you are a star.
    Thanks a million for this detailed video. I enjoy watching your videos while I also learn something new.

  • @bbaros77
    @bbaros77 3 года назад

    Great tutorial! Thank You!

  • @bouzinafarid861
    @bouzinafarid861 3 года назад

    Thank You Ferdy !

  • @raamkumar6459
    @raamkumar6459 2 года назад

    i love your way of teaching.. the funny part is ur explanation, when u starts a topic . haha . love ur work :)

  • @jabaydurrahman5688
    @jabaydurrahman5688 3 года назад

    I love your tutorial so much 💕💕💕💕💕

  • @user-nh1dx7mb7i
    @user-nh1dx7mb7i Год назад

    absolute great tutorial for a newbie creating a website thankyou ferdy

  • @okansultan1244
    @okansultan1244 3 года назад

    Great! Thanks man!

  • @threetwoone321
    @threetwoone321 7 месяцев назад

    all love for you ... 10000000 thanks

  • @mrnarrowminded1359
    @mrnarrowminded1359 Год назад

    Thanks, Ferdy sir for creating this amazing, detailed tutorial, and for using the Astra theme as well.

  • @ibrahimadeleke545
    @ibrahimadeleke545 3 года назад

    Nice one, Ferdy 🙌

  • @tracey6330
    @tracey6330 2 года назад

    This video has been extremely helpful for me! Thank you so much!

  • @WarrenAckary
    @WarrenAckary 2 года назад

    Thanks Ferdy! Warm regards from Australia.

  • @creativediva3901
    @creativediva3901 2 года назад +1

    Mr. Ferdy. You are truly an excellent tutor and amusing instructor. I think with the Affiliate Product,, some have the strangest links. But I assume your external Ferdy is what Elementor assigned as affiliate URL? Thanks for your awesome instruction and sharing your darling son's babbling. Whenever I purchase Elementor, I will buy through your link. I think you have new tutorial, gotta find it because it's something that will help me kick butt! Thanks and have a blessed life!

  • @ijazalikhan273
    @ijazalikhan273 3 года назад

    Aoa sir my name is safdar ali i am 14 years old. I have never used elementor or ecommerce zero experience sir plz make a very detailed video of how to create e-commerce website with elementor pro i have elementor pro sir please make video so detailed and simple that even 12 years old can easily create and manage e-commerce website easily. Sir plz make video atleast 6 hours of length plz explain every settings in very details plz also mentioned problems that we can face while creating e-commerce website. I shall be very thankfull to u for this act of kindness. Sir please i know this will take time and effeort but i will fully support and promote your channel i promise.

  • @TheOfficeAI
    @TheOfficeAI 2 года назад

    Thanks for the detailed tutorial. It really helped me. Love from India..

  • @dionnye4042
    @dionnye4042 3 года назад

    Thank You!!!!!!

  • @captainsanto7126
    @captainsanto7126 3 года назад

    PLEASE Make a VIDEO about ULTIMATE MEMBER plugin👏 love your videos. you are BEST💖

  • @bys2161
    @bys2161 2 года назад +1

    Thank You !

  • @makrammubarak365
    @makrammubarak365 3 года назад

    Thank you so much sor am from UAE

  • @TheAsiaticStarTM
    @TheAsiaticStarTM 2 года назад

    Good Look Ferdy !!!!!

  • @erwingouw3162
    @erwingouw3162 3 года назад

    Super!

  • @MahmoudAli-si9zw
    @MahmoudAli-si9zw 2 года назад

    thanks very much for that good tutorial for ecommerice , and thanks again

  • @BAS-64
    @BAS-64 2 года назад

    Thank you !

  • @mezgageza3134
    @mezgageza3134 3 года назад

    Ferdy is the best!:)

  • @JohnAdefiladailycashbiz
    @JohnAdefiladailycashbiz 3 года назад

    Nice Teaching well done

  • @pellekarlsson152
    @pellekarlsson152 2 года назад +1

    Great video Ferdy! please can you do a tutorial how to build a woocomerce website from scratch with kadence block or any other free gutenberg page builder?

  • @priyamalhotra1853
    @priyamalhotra1853 2 года назад +1

    Very helpful video Fredy! I am stuck on something.....will really appreciate if you can answer. At 2:43:06, you showed how we can add product grid on home page. I tried that and noticed the products are automatically selected based on few options like "recent products", "featured products", "best selling" or "top rated". I am an artist and each piece is different than the other. I want to decide which product I want to show in what order individually in each grid. I cannot figure if if it is possible and if it is, how to do it. Do you have a solution for this?

  • @neelamchoudhari3856
    @neelamchoudhari3856 3 года назад

    Can you please make a video on how to add a pre-loader to the website. That would be very helpful. Thanks in advance

  • @Nima-Norouzi
    @Nima-Norouzi 3 года назад +1

    Hi and thanks for this toturial.
    Could you please make a video how to make a news website using any page builder (Elementor, Gutenberg, ...) with complete website including Home , Category, single post and author pages, pretty like existing magazine Themes.
    The reson I don't like to use them is these Themes are bloated and sometimes lacks of controlling design.
    I need to have a complete control of all aspects of my website.
    At the moment I'm using Jannah News Theme (one of popular Magazine Theme), but as I mentioned I feel I am in the JAIL.
    Thanks

  • @darwinspradlin7806
    @darwinspradlin7806 3 года назад +1

    Thank you, Ferdy, do you have any pro-tips for Divi users?

  • @origincollege1973
    @origincollege1973 3 года назад

    Superclass...thanks sir

    • @ferdycom
      @ferdycom  3 года назад

      Thank you and you are welcome 😊

  • @usamakhalid4532
    @usamakhalid4532 2 года назад

    Great. Specially the SHIPPING :D

  • @emanuelbagirathi4750
    @emanuelbagirathi4750 3 года назад

    THANK GOD for this lol Whoocomerce is so frustrating and confusing ffs

  • @metapen3300
    @metapen3300 2 года назад +2

    Nice! Is there a simple way to customize WooCommerce email template layout? For instance I would like to add social media icons on top of emails.

  • @MasterNursingPro
    @MasterNursingPro Год назад

    Thank you soooooo much ❤️🌹❤️🌹❤️🌹❤️🌹

  • @psychederik
    @psychederik 2 года назад +1

    i wish i could like this twice

  • @ConceptualSketchingByMarten
    @ConceptualSketchingByMarten 2 года назад +1

    Hello, I forgot where you explained how the users location could be automatically set by IP numbers to show correct shipping before login in the cart. Where is this in the video? I have been looking like crazy but does not seem to find it!

  • @eebassem
    @eebassem 2 года назад

    The BEST :)

  • @gpapazac
    @gpapazac 3 года назад +1

    Very helpfull tutorial. Can you make a video where you explain the priority when you make a change in the site? For example, when you edit with Elementor vs wordpress editor, or whats the best way to edit text, appearance, style etc. ( Astra editor, elementor editor, or it doesnt matter at all). Im a bit confused in that topic

    • @WebYoda
      @WebYoda 3 года назад

      If you are using the Elementor page builder you will not likely use the wordpress editor at all ever. As for an Astra editor, there really isn't one, you can set settings to control Astra features under Appearance in your WordPress admin, but you will do all the page editing within Elementor. I have an Astra video that uses Elementor and shows how to do both in case you want to check it out.

    • @gpapazac
      @gpapazac 3 года назад +1

      @@WebYoda check it i will my friend!! Thanks!

  • @gemicr7897
    @gemicr7897 3 года назад

    Hey, ferdy, I need your help on a certain point. I want to edit the catalog of product by elementor in sidebar but I don't know, I need you to help me out.

  • @deepkushagra
    @deepkushagra 3 года назад

    hi. thanks for the tutorial. please also teach us how to allow customers to make accounts

  • @liliwang7983
    @liliwang7983 3 года назад

    Hi Ferdy, may I know why I can't find this template in my elementor search? If upload photo need to compressed first? What sizes of file recommended?

  • @HungNguyen-we8vg
    @HungNguyen-we8vg 3 года назад

    Hi, May I know what a software you use to record and edit this video? Thanks

  • @eduardoromero5307
    @eduardoromero5307 2 года назад

    Very good tutorial. Thanks!! I have a question about the loading times. When I open the site on my mobile phone, it takes a very very long time to show the site. Do you have any suggestions?
    Thanks again!

  • @awosanyaabiodun2028
    @awosanyaabiodun2028 3 года назад

    Thanks so much for this sir.
    Can you help me to create a landing page and sale page

  • @christiandikongue5006
    @christiandikongue5006 3 года назад

    Hi from Cameroon

  • @toyexpress281
    @toyexpress281 2 года назад

    Hi freedy,
    There is no plug in just for the tax. If I add on the plug in with tax and shipping, does not help to calculate auto tax . Can you check on that please. Thanks

  • @delwebbsuncitiesmuseum6350
    @delwebbsuncitiesmuseum6350 2 года назад +1

    At 2:47:56 of the video, it shows “Sorry, it seems there are no available payment methods for your state, etc.”
    I have this problem and it’s not allowing people to purchase Memberships on my website.
    How do I resolve this issue?

  • @mschandan18
    @mschandan18 3 года назад +1

    Sir ferdy, I have a doubt !
    How Can I add affliate product to cart?
    Is it possible? If yes please say how

  • @vincent2601
    @vincent2601 2 года назад +1

    Hi Ferdy, my pictures in the shop are totally out of sync with each other, how can I change that ?

  • @marjolijnhorsselenberg2710
    @marjolijnhorsselenberg2710 2 года назад +1

    hi Ferdy, eerst even, super dank je wel voor deze fantastische tutorial, heel zinvol! Vraagje, hoe stel ik in dat mijn winkelmand niet winkelmand heet maar het icoontje in de header komt (bestaande site)

  • @whoami2698
    @whoami2698 3 года назад

    Nice 1St Comment 😍😍

  • @madhus6693
    @madhus6693 3 года назад

    super very good explanation

    • @madhus6693
      @madhus6693 3 года назад

      CAN YOU EXPLAIN HOW TO CHANGE HOME PAGE IMAGES

    • @ferdycom
      @ferdycom  3 года назад

      Thank you. You can click on the image in Elementor and choose a new file 😊

  • @tuncaycatikkas9054
    @tuncaycatikkas9054 2 года назад

    Je ben een topper Ferdy!!

  • @jpgonza87
    @jpgonza87 3 года назад

    Ferdy,
    Is there any workaround for stripe for a uruguayan bank account? I live in Uruguay, but stripe is not available for my country. Which other options do I have?

  • @bigrabbit420
    @bigrabbit420 3 года назад

    Did elementor just like pay off every WP builder?

  • @RMXjeYT
    @RMXjeYT 3 года назад

    Can you make a video about all the security you have on your websites?

    • @ferdycom
      @ferdycom  3 года назад

      I have a password and SSL. That's it 😊

  • @mrzubi79
    @mrzubi79 3 года назад

    How to add the country code field to our contact form in elementor ?

  • @freekrider803
    @freekrider803 3 года назад +1

    Hi ferdy can u give us a complete tutorial on gutenberg kadence block and make a wonderful website a restaurant based ideas in free gutenberg plugins thank u....

  • @chrisjackson5443
    @chrisjackson5443 2 года назад +1

    Please I will like to know how I can do my main menu transparent

  • @BDCPT-amPhiHoang
    @BDCPT-amPhiHoang 2 года назад +1

    Could you pls help me with this? I added Shop to the Menu and deleted Account, but when i refreshed it, nothing happened. The Menu didnt change at all. Also, i didnt see any URL in my Menus like you did.

  • @life_in_penang
    @life_in_penang 2 года назад

    Ferdy, on 1:14:52 putting side bars to my version is different..i can't put that price side bars

  • @dheemanchakma8159
    @dheemanchakma8159 3 года назад

    Please make a video about how to make a hotel booking website in WordPress

  • @zeeshan2202
    @zeeshan2202 3 года назад

    Brother please make a tutorial on how to create landling pages please.

    • @ferdycom
      @ferdycom  3 года назад

      I have tutorials about that! Check the Cartflows tutorial 😊

  • @khoaanh4609
    @khoaanh4609 2 года назад +1

    Fail to import theme from astra, its said "We are facing a temporary issue in importing this template."

  • @rabiamunir9690
    @rabiamunir9690 2 года назад +1

    hi, i want to add some user input fields, how can i?

  • @nichesite
    @nichesite 2 года назад

    Automatic tax not showing when I activate woocommerce services plugin. What should I do?

  • @TahirKhan-mt9ee
    @TahirKhan-mt9ee 2 года назад

    Mr. Freddy please guide about Payment method. That which payment we use from Pakistan

  • @awuk3468
    @awuk3468 3 года назад +1

    I thought you said Blocksy was the best theme to use on your other video?

    • @dhaneshkabra
      @dhaneshkabra 3 года назад

      I was even wondering about that ... And I think this is an old video reposted again.

    • @awuk3468
      @awuk3468 3 года назад

      @@dhaneshkabra Ah if it was an old reposted video that would explain it. Astra is a good theme, but his template uses Blocksy I would have thought he would have used the same one, but his older videos used to use the Astra theme.

  • @abaskhan775
    @abaskhan775 2 года назад

    but when i install jetpack and connect from add plugin or upload and then connect no tax autumate option appear under tax tab

  • @alexanderpadalka5708
    @alexanderpadalka5708 2 года назад +1

    🗽

  • @abaskhan775
    @abaskhan775 2 года назад

    No prompt of jetpack install and connect appear when i install woocommerce services plugin

  • @rootsofwisdomhealth
    @rootsofwisdomhealth 2 года назад

    Can I use Hello Theme for this tutorial? Downloading Astra has been giving me trouble logging in WP ?

  • @khatmanworld
    @khatmanworld 2 года назад

    On the home page, I'm having difficulty removing that picture. Is it because it's a free template?

  • @abaskhan775
    @abaskhan775 2 года назад

    no autumate taxes i install woocommerce tax and shipping pluginand connect jetpack but still no option of tax autumation