The Complete WooCommerce Elementor Tutorial 2020
Вставка
- Опубліковано 11 вер 2024
- In this mega WooCommerce Elementor tutorial, we are going to build together a complete online store that sells clothing. I am going to walk you through all the steps from start to the very end. Strap on your seat belt and I hope you enjoy the ride.
Download all the images used - drive.google.c...
Time Stamps
4:51 - Web Hosting & Domain Registration
12:37 - Installing WordPress
17:51 - Installing SSL
22:54 - Creating a Web Mail Account
25:08 - Installing WooCommerce
28:52 - WooCommerce Settings
38:35 - Shipping Zones
46:56 - Shipping Classes
55:35 - Populating our Store
56:33 - Creating a Simple Product
1:03:01 - Creating a Variable Product
1:11:16 - Creating a Grouped Product
1:15:38 - Upsells & Cross Sells
1:19:53 - Assignment
1:20:40 - Setting up PayPal
1:24:41 - Setting up Stripe
1:34:05 - Testing Payments
1:39:32 - Promo
1:41:32 - Creating Coupons
1:51:59 - Elementor Preview
1:53:55 - Elementor & Hello Theme
1:58:30 - Setting up Product Categories & Menus
2:05:12 - Adding the Global Header
2:14:10 - Adding the Global Footer
2:28:57 - Adding the Global Single Product Template
2:41:07 - Building the Home page Part 1
2:50:22 - Building the Home page Part 2
2:57:16 - Adding our Mailing List
3:08:23 - Quick Design Changes
3:13:55 - Creating the Search Results Page
3:21:41 - Creating the 404 Error Page
3:28:55 - Customizing the Archive Page
3:31:41 - Design Work Arounds
3:37:15 - Responsive Design
3:42:48 - Designing Popups
3:51:16 - Section 4 Preview
3:52:04 - Order Shipment Tracking
4:00:50 - Managing Refunds
4:07:24 - Gift Cards
4:25:49 - Additional Extensions
4:28:24 - Conclusion
Buy Siteground Web Hosting - www.siteground...
Buy Elementor Pro - be.elementor.c...
Buy YITH Order Tracking - yithemes.com/t...
Buy YITH Refund System Plugin - yithemes.com/t...
Buy YITH Gift Cards Plugin - yithemes.com/t...
Get every course on the Web Monkey Academy at 50% off - thewebmonkeyac.... Use coupon code 'WEBMONK10'
Follow me on Facebook - / thewebmonkeyonline
Follow me on Instagram (If you want to see awesome videos and pictures from my travels around the world) - / travels_of_xander
For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com
Did you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.
Interested in learning how to build a WooCommerce store WITHOUT Elementor? Then why not check out the WooCommerce master tutorial here - ua-cam.com/video/fvzGQ1PlsO8/v-deo.html
For a rookie who needs something that scales would you recommend : divi, elementor or stock (as in the video you suggest above)? Thanks
I guess I am kind of randomly asking but does anyone know a good website to watch newly released tv shows online?
@Eli Gianni flixportal
@Jesiah Tony Thanks, signed up and it seems like a nice service :) Appreciate it!!
@Eli Gianni Glad I could help :)
U are the best of the best in ur explanation. Your name is Oni? a Nigerian? Proud of you man
What? Not do the whole 4 and half hours??? Are you kidding, I love these types of tutorials. This one is great. Hits the mark. Thank you.
This guy does excellent tutorials. The thing I like most about his style is that he doesn't assume that you have any prior knowledge on the subject.
I did his Elementor course on Udemy and learned more in a few minutes than spending hours trying to follow tutorials on the developers site.
I'm 3 hours into this video and I've gotta say, this is the best *complete* tutorial I've ever come across on youtube (and I make them!) I paid for Elementor using your affiliate link earlier today. Hopefully my mini contribution helps and motivates you to put out more amazing content like this vid :)
Hey Jaywalkah, yes your contribution helps a lot. Thank you so much
@@TheWebMonkey I'm new to this, and my question is when you build a website, where does the product come from and how would I make that connection to get certain products. Call it a dumb question, but like I said I'm new to this and learning. Thanks.
Finally a comprehensive tutorial using elementor pro - WooCommerce - WordPress.
This tutorial showed how to execute scenarios I hadn’t even thought or conceived of.
Thank you!!!!
Excellent! I am nearly half way through the video and had to pause so that I can comment on how valuable this has been for me. I have a client who requested a refresh to her E-Commerce website and this video has proven to be an invaluable asset to my service. I sincerely appreciate you taking the time to put this together.
Omg! you are the best, i litterally went from zero knowledge of building website to a pro, lol, Thank you so much,God bless you and yours.
I'm one hour in and stopped to tell you that I AM LOVING THIS TUTORIAL - so clear, so step-by-step. I really want to thank you!!!! it's a HUGE help!!
Thank you
This was the best tutorial that I have ever seen and it is amazing that I can learn this much of information for free of charge!It is crazy!Thank you so much for your generosity.With your help I finally completed my website(Untouched for over a year) about 90%!!!!Thank you so much!
This is the best woocommerce tutorial I’ve came upon so far man thanks for taking this much time to put out content for us and I watched all ads 🙂 and clicked
I started watching this video thinking I may have to look around for more videos. This video has it all I must say. Thanks to you I was a beginner from Wix and we now have a credible website. Excellent job and keep up👌🏻
I've drunk in the first 80 minutes and taking a break. You're an excellent teacher, you've got a great voice and way of presenting and you've helped me a lot. I'll catch up more later! Thank you.
You are the best Elementor presenter on UA-cam .. Big thanks 😍
This has been the BEST tutorial I've ever seen. I didn't know anything about Woocommerce and now I do! Thank you so much for your incredible way f teaching.
You speak clearly, i'm no longer need substitle for an english video 👍
To paraphrase many other fans' comments - this is EXACTLY what I was looking for and so helpful! One suggestion to add for a plug-in for admins who have a lot of media. It is difficult to organize media in WP without some sort of folder structure - I found the Media Folder Organizer as a free plugin on WordPress - Media Library Plus. Unless there is something better, this is what I needed to create a folder structure to organize my media.
This is a go to Wordpress, Elementor and Woocommerce tutorial. I have been watching a lot of wordpress videos but none has been this detailed. It's worth watching for 4 hours. And I will watch again. Thanks so much. However, I have been struggling to create a food menu page like Uber Eats with dropdown menu options to add extra to the food on OceanWp theme without using a plugin. Hope you have a better way to achieve this. Once again, great video.
Great job brother. Once the viewers start listening to you, surely you would be their favourite one.
Ouf!!!! Thanks, Alex!!!!
This tutorial is fairly comprehensive in nature, focusing on the essentials of what makes a shop work professionally.
On the other hand, I don't like it when you describe yourself as ugly. You are very friendly and very handsome and as much as you value the work you make available to the public, value yourself too, because you have a great value
Thank you Charlotte for your kind words :-)
If I could like this 10 times I would. Amazing Tutorial, Have sat through 3 hours so far, thank you so much!
BROTHER THIS TUTORIAL IS A BLAST , A MILLION THANKS YOU SAVED MY JOB
Hey Web Monkey, its probably the 1st video I have watched for over 4 hours of time. Had built my store in a completely different way, thanks to you now we know! Much love.. all the best!
You’re like…Superman ! This tutorial is monumental
Glad you liked it!
Unbelievable tutorials. I too have never seen anywhere tutorials done at this level. Thankyou very much.
Many thanks Alex! It's the BEST complete tutorial for WooCommerce and Elementor.
I'm so glad I found you and this video when looking for WooCommerce with Elementor. This video is complete, precise, and filled with added tips from your experience. Highly recommend it and you to anyone interested in learning more about building an e-commerce website. Thanks ever so much!
Thank you so much Alex, I am indeed blessed to have found this tutorial. May God bless you spiritually and physically and may He increase you in knowledge and understanding to impact the world more.
Amen and thank you
What a tutorial, 4hrs 30 minutes of value. Thanks a lot
I wish there was an option to give you 1000 Likes on this. It's the best and the most outstanding "ALL IN ONE" video tutorial I've ever watched so far. All big and little details are covered. Even the beginning has been very explained about Site Ground, which I'm a fan of. I was so glad to see that you also show how to set up a subdomain for a store and make it secure, because I would have needed to know about it sooner or later. Not to mention the importance of your demonstarting how to create a professional e-mail address. Had I only landed on your channel a lot earlier, I'd have saved me a lot of headache. Do you do services for clients?
Thank you for the praises Jamez as they mean a lot. Unfortunately I don't offer services to clients anymore as I simply don't have the time to do so.
Of all the ecomm tutorials urs is easy to comprehend even when i hadn’t taken coffee ☕️ thanks 😊 finally i can build an ecomm site. It is not that complicated after all
couldn't find the right words to describe how useful and interesting this video is, you are a real deal and i believe you will be the reason that online stores will increase by thousands thanks to your tutorial, big thumps up and a big fat like & subscribe
These videos might be the most helpful tutorials of all time. These are amazing videos
Good job i will watch it
Thamks
I know your viewers r low but u r doing great job. Keep it up.
thank you :-) Ayaz
Just leaving this comment here for future reference.
Video holds up in 2022, Elementor still functions in the same way, since the video the UI has changed a bit, but not to the point of impacting the videos tutorial, in 2:32:25, the colors found here are located under Site Settings > Global Colors, Woo-commerce has also added woo-commerce payments (which adds apple and google pay), which I didn't see when following this tutorial (Paypal and Stripe plugins are working fine.)
2:42:59 -> Elementor has started using containers rather than inner sections, so if you don't see the inner section block, it's because it's been replaced by container. If you don't see the container block and you have the latest wordpress version, you can enable it in elementor by going to the WP dashboard > Elementor > Settings > Experiments, in the experiments tab you'll see tons of options under the 'Ongoing Experiments' one of the rows has 'Flexbox Container', if you turn this to 'active' you'll now begin to see the container block (which is a better way of creating sections as it uses less code and thus will load your page faster).
Alternitavely, you can continue the tutorial usin inner section, and at the very end convert everything into container blocks. How? Enter the page you wish to edit in Elementor, then under the settings tabs (in Elementor, lower-left gear icon) click that and you'll see under page settings a 'Convert to container' section. Click convert and voila, job done.
4:00:50 YITH refunds plugin no longer offers free version :(. So I wasn't able to follow this section of the course. But was good to know how it works and where I can purchase a good refund plugin.
4:07:24 -> Gift cards section has changed slightly. Wordpress no longer has a separate gift card tab, it's now under the YITH tab on the left-hand menu of wordpress. After downloading the YITH gift card plugin, you'll need to create a new product and then give it the 'gift card type' next to product data (which you can find when you go to Products -> Add new -> then search for product data in CTRL/CMD + F).
TUTORIAL COMPLETED IN NOV.16th, amazing course and thank you alex for this course! Looking forward to more elementor and woocommerce courses!
Tutorial is great and is still easy to follow in 2022, I'll update this comment as I go throughout for any changes.
Great n de most intensive tutorial. God bless you man. I've been able to build my first online store with this
I’m currently designing my affiliate website and many of this tutorial has been useful to me. Thank you for your effort.
A big thank from France, thanks to you I learned how to make my woocommerce site with elementor. thank you again for these very clear and detailed explanations.
If I follow this video with practical then I will be a expert in this . Great tutorial
Really helpful. Appreciated how in-depth and thorough this was. Thanks for making this available.
Wow! If this video had been out when I built my first website, I would have done things so much differently! Kudos to you for creating and providing this video to the general public. You should consider creating and marketing actual courses for web design. That being said, your generosity is much appreciated.
Really good video, lots of stuff in this video, it really helps to people who wants to create website for their business,
thanks for providing this video to us, hoping your are going to provide more videos like this...............
really helpful tutorial, much thanks! I've followed this video in multiple weeks but the final result is really great thanks to you!
if someone didn't have elementor pro version than how he made the woo-commerce website with functionality like this.
The best Tutorial I have watched till now !! very well explained no BS Thankyou
Thank you a lot, I'm a Big Fan of you now! I'm from Brazil and I didn't found one tutorial as good as yours! More one subscriber!
The best ever training vid I came across - in all my spheres of my interests, and that is many. It is so cool, calm and professionally done. Even that I know Elementor by heart (I thought), I have learnt some new stuff today, new work flows and methods.
Damn mate you are such a unit for making this extensive tutorial, big ups from Stockholm!
Such a helpful tutorial and such a cheerful disposition from the tutor! Thank you Alex for your great work! Recently purchased Elementor from this page and I hope I was able to contribute. Be safe be healthy brother!
Hello. I'm from New-Caledonia. It's a french island next to Australia. Wallis ans Futuna is an even smaller island above us. And Vanuatu is an other island not far from here. Thank you for your video it's helping me a lot !
Your tutorial is truly what I was looking for!
Hi I appreciate the way go about explaining things for someone with no clue it helps, I am trying to set up right now I hope it works out....
Done! Just bought Elementor Pro thru your reference number ;) I love elementor and this is my third license. Now let's learn.
Thank you for the support Mario :-)
Hi, this is a FANTASTIC video! Thank you so much, I can't express how grateful I am!
This is the Best Video so far regarding Woocommerce
Hey Mister Web Monkey,
What a great video you made. Everything clearly and in an easy way explained so I can click at the same time (I can't do that with Elementor tutorials). Keep up the great work! Thnx!!! Petra
it's just fantastic. I've watched many tutorials but you've cleared my doubts. great explanations THANK YOU!!
Dude, I absolutely love your content. Thank you very much for helping starters out.
Wow, so great video! I saved it for later, its really helpful and detailed! Thank you for your work!
Thank you, man! You're definitely the best teacher. Luv ya!
Gotta, say, thank you so much dude. I hope people use your code for pro version of elementor. I appreciate all the help.
Thank you very much very complete step by step tutorial. I will use your links to help you. I have learned a lot.
Just finished building my first eCommerce site via a combination of this tutorial and the Elementor one. You are such an amazing teacher with a really positive vibe and I thoroughly enjoyed the learning experience. You covered so many topics and I really feel as though I could go out and make more sites (which I plan to do!). I watched your Mail-chimp video too which was great and am planning to sign up to your academy for more in depth training as I really vibe web development! Keep up the good work (Also used your links for purchase where possible).
Thank you for the support :-)
Hi.. Love your teaching.. it helped me a lot to understand step by step. Sure I will implement in my next website. Thanks a lot. infinite likes to your video...
Huge thanks for this! You always over deliver on your videos!
FYI, you can upgrade your SiteGround plan at any time, so there isn't a need for a higher cost plan before you need it, unless customer service tells you an upgrade will cost more than the initial first year price listed.
Thank you! The best tutorial I found. I found almost all issues I wanted to improve
THE BEST! This has helped me tremendously! Thank you so much!
Amazing video! Very informative and a great help to me. I used your link to purchase Elementor PRO because you need a
BIG thankyou for your time and effort. Cheers from Australia.
This was a great tutorial, thank you so much for showing me so clearly how to build my website
Your videos are always on point and you are a great teacher as well. I am following you closely. Thanks for this awesome tutorial!
Thank you for this. This is one of the best tutorials I have ever seen. God bless.
This is awesome! Built my store from the ground up with your help. Thank you!
Really cool..all the way from Nigeria 🇳🇬
Hey man, great tutorial! I think I can call it a first aid kit!. Thank you so much!
What a professional and helpful tutorial! Thank you Web Monkey
thank you for taking the time to create this youtube video! :)
Excellent step-by-step training, thank you.
You are my favorite teacher thanks
HOT HOT HOT!!! This is such a good video. Dude, you are a lifesaver.
Dude this tutorial is a lifesaver. Thank you!
Realy good way of explaining Thank you brother. It would be nice if you could create some videos on different types of search results. I am having a problem on serch results.
What a super tutorial, perfect Shem...thanks again you helped me and others a lot.
Great Job Alex.. Deeply amazed. Thanks
Love this Thank you sir it is complete learning course video in one .. it is amazing and i want to say thanks from Egypt Country شكرا لك
I sit the wohle 4 and half hours and watched. I love it, Although i haven't seen ( Deutsche Post ) as a carrier. hahah
You're absolutely great. Thank you so much for taking the time to make this video!
Glad it was helpful!
Best best tutorial 👍 ever .Very welled explain helps alot . Thank you 😊
Great video! Please can you do tutorials about handle orders in more details -> manage orders (processing...explain that) -> post them (write label , tracking orders) -> refunds
This is PERFECT! Nice work champ!
Glad you like it!
Thank you so much for this video! This has helped so much. I used your link to buy Elementor :)
Thank you for the support Iesha
ALEX I have no words to express my gratitude I am from Brazil and my language is Portuguese and I slowed the audio and I could understand you are extraordinary I have already done a course through the internet in Portuguese but not even close to your tutorials thank you I am starting now not my area but I always loved informatics and I would like to know if you could help me I am trying to make a directory and I would like to know if I can do only with Elementor with a lightweight theme like Hello World and maybe I need a plugin to Locality or Category search actually all tutorials are from Land Page or Blog could you give me some tips I already saw your tutorials and it helped me a lot that God always enlighten you and give you health so you can keep helping us Thank you and a big hug.
Hi mate, can sameone help me? When I create a template, for example a Global heading, the content area shows up with a black background. Then, when I open the pages with this heading template, it also brings this background with him, and messes with the website (wich is white by standard). It´s not the pages, is something in elementor.
in Short: The Best Tutorial i ever Had.
Big Thanks... :-)
I love you man. you save my wordpress Career
best tutorial ever.
Thank you so much and I look forward to watching further content! 😁
great solution and tips bro!! thank you for your video.
I have created my e-store!!!)) but also from time to time, a had some trouble with product photos from my supplier. Or they were too small or had only one product photo which is too bad for my conversions.
I have found way to scrap and extract all data i need to my WooCommerce via e-scraper
maybe it helps somebody too.
Jack, awesome tip ESCRAPER helped me a lot.
Thank you for your suggestion. 100% value.
Great video. Extensively detailed, nicely explained!
Outstanding job my friend. Can you divide the topics inside the video with the new youtube tool? that would bre extremely useful because we tend to re-check many times this tutorial. Thanks for your amazing work!
You are a good teacher