Get FAST And Cheap Web Hosting: https://www.darrelwilson.com/namehero
Download Elementor: https://www.darrelwilson.com/elementor
PRO Website Templates: https://darrelwilson.com/product-category/elementor-pro-templates/
FREE Demo Images:
https://eleemntorecommerceimages.s3-us-west-1.amazonaws.com/Elementor+DEMO+eCommerce+Images.zip
DEMO Elementor eCommerce Website: http://elementorecommercetutorial.com/
Ready To Build Your eCommerce Website With Worpdress And Elementor? In this ecommerce tutorial, i cover how to use the elementor page builder and WordPress. We use Elementor and Woocommerce to builder our eCommerce website.
Important Links and Videos I Talk About
Elementor PRO Tutorial: https://www.youtube.com/watch?v=d9tcmqJEEu4&t=1750s
WooCommerce Tutorial: https://www.youtube.com/watch?v=oTr–KR4qoM&t
Elementor FREE eCommerce Template: https://www.darrelwilson.com/product/elementor-ecommerce-template-package/
Get a 10% Discount Off Astra PRO: https://www.darrelwilson.com/astra ( Use code darrel10 For 10% OFF)
Get A $5 Logo: https://www.darrelwilson.com/fiverr
Terms and Conditions FREE: https://www.termsandconditionsgenerator.com/
MailChimp Tutorial: https://www.youtube.com/watch?v=8RZvuFX5ENc&t=240s
Best WooCommerce Plugins: https://www.youtube.com/watch?v=yGuW0-LbGAc&t=32s
NOTE: For the contact page, in order to receive email, click on the contact form while editing the page – select email and where it says “to” insert your email and you are all done!
Timestamps For The Video
00:00:00 Intro
00:15:46 Get Hosting
00:19:30 Install WordPress
00:22:45 General Settings
00:25:02 Creating Pages And Menu
00:28:05 Download Elementor
00:34:25 Building The Homepage
01:12:08 Creating Products
01:17:20 Creating A Simple Product
01:25:08 Creating A Variable Product
01:32:55 Adding Products To Homepage
01:36:55 Download Elementor eCommerce Template
01:46:50 Theme Customizer And Plugins
01:54:12 Terms And Conditions
02:03:21 Elementor Theme Builder Tutorial
02:05:52 Create A Custom Header
02:11:10 Create A Custom Footer
02:14:30 Create A Custom Shop Page
02:26:05 Create A Custom Shop Category Page
02:31:15 Create A Custom Product Page
02:39:10 Customize Checkout And Cart Page
02:41:30 WooCommerce Settings
02:46:15 Shipping
02:51:50 Email Customizer
02:52:04 Integrating Payment Gateways
3:02:10 Mobile Optimization
3:07:35 Contact Page
3:08:55 Coupons
3:12:30 Congrats you are finished!
Want to use the #1 most popular page builder for WordPress? Meet the Elementor Page Builder. In This eCommerce Tutorial, you will learn how to create an ecommerce website with elementor, woocommerce, and wordpress. By The end of this commerce tutorial, you will have your own online shop running with wordpress! This is a step by step tutorial on how to make an online store and commerce website! Its 2020, no more ugly websites! Feel free to visit my website: https://wwww.darrelwilson.com
Checkout my other Multilingual WordPress Tutorial Youtube Channels!
Spanish Channel: https://www.youtube.com/channel/UC1Sm53FofDOVA5T0pzyebEA
Arabic Channel: https://www.youtube.com/channel/UCDxCp7gMbzmNIjUqOCu1xcg/videos
Hindi Channel: https://www.youtube.com/channel/UCjTje7OJghnjEJ8d4llefQw
Portuguese Channel: https://www.youtube.com/channel/UCOs-QXBdlmT0YL3I-bnyeug
French Channel: https://www.youtube.com/channel/UCLEH_xAh0VxCTSq1AQBYPsg
German Channel: https://www.youtube.com/channel/UCTkmZD2BCJpedWe4Hb5QVLw
Want more help and news on WordPress? Feel free to visit my website at https://www.darrelwilson.com
source
It's really very helpful and indepth knowledgeable stuff. But i was not able to import images into my website.
The character above the Enter Key is called the pipe character.
Hi Wilson!
When I uploaded tamplate on WordPress, I faced an issue. There are no images shows on home page, please tell me how to come out from this sort of situation?
Otherwise the tutorial is just amazing. Thanks in advance
Thanks for the tutorial.
One more question: When installing WooCommerce, they have a tax plugin now called WooCommerce Tax. This is the only plugin you need instead of Jetpack, right?
Hi, can I contact you?
Thank you so much, this is the most detailed tutorial for a fashion e-commerce website and I built my own one successfully!!!
Do you know if you need to download a PayPal, Stripe, WooCommerce Shipping & Tax plugin in addition to WooCommerce plugin?
Great video but I think I have a different version because yours is way more easier to work with than mine. My Astra theme acts like Astra Donkey Balls.
Very interesting. Thanks for sharing 👍
you are great
This is a great experience going through this!! Look forward to more videos from you. Do you guys do much with google advertising?
But there is conflict between them. When I deactivate woocommerce, my landing page is back, but when i activate it, i get this just code like : /*! elementor – v3.7.6 – 15-09-2022 */
.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-headin . I searched about Problem and found that both support from both of these plugins just redirect you from itself to another. So is there solution, is than just better to build woocommerce with compatible good theme, or??
Loved this video. The option to slow or repeat the video is a great feature. Would be great if you could index the progress bar, this would help in the spreading up etc.
Hi my wordpress don't have the menu option under the appearance option, is any other location i can find?
👍
that was Great !.
Im trying to figure out how to make products using elementor without any themes
I just wanted to say I have thoroughly enjoyed this video! As a newbie to ecommerce, I was able to follow this step by step, understand, and even have some laughs through the whole process. Looking forward to learning more about how to use my WordPress and Astra themes.
Awesome tutorial for someone who knows nothing.
Shut up and take my money
You are amazing I was about to pay someone on fiver but you made me realise I can do it me self hehe/
Thank you very much. This video was really helpful. I have a little problem. I uploaded the landing page template and I get this annoying "Cart page" popup when one clicks on the "Shop now" button. What can I do to stop it?
I’m following along so I can complete my WordPress site using elementor. You just chose the block template “sound of the future” to work with. However, when I press “blocks” and then click on “hero” many templates come up, but not the one (sound of the future) that you are using. All of them have the following text….”This is the main heading you can edit” and each block has a different photo with a slightly different format. I ordered the pro version (for 3 websites) so I know it’s supposed to be part of my templates, but I can’t find it. Could you please advise? Thank you for your time.
Super veiod
looks great – can you add a calendar for bookings? Lets say its a school booking a workshop from a freelance facilitator for a particular date?
Hay brother….!! Can I use your website template for me?
You did great job, but I am so new so I need to study for three times just to make sure I quite understand your course ,thanks great for your free tutorial
Exceptional tutorial! Thank you very much!
Hi Darrel, first thank u so much for ur help what u offering is very precious, easy to apply and efficient. I have a problem that Is making me crazy.. I built the header with elementor and the cart icon keep on disappearing when I go back to view the website, it appears only when I'm on the page builder. I deleted the default setting from the customize part that comes with the theme, I thought it might confuse with the elementor builder but nothing happened. If u have a solution for that please let me know. Thank u!
i wish you make a tutorial with the free version of Elementor I'm a beginner please
Thanks
Thank you, Darrel. I have learned a lot, though a lot more to learn. You have done an amazing job.
singular is woman and its plural is women
Learned a lot from this tutorial. Thanks a lot.