Learn How To Build A WordPress Website With Elementor and WooCommerce in this complete tutorial from buying hosting, to creating the graphics and building your entire store!
I'll take you from setting up Cloud Hosting with CloudWays through setting up your pages, headers, footers, homepage, WooCommerce to sell online and even show you how to create your own custom posts with Advanced Custom Fields and Custom Post Type UI.
By the time you've completed the tutorial, you'll have seen the key skills and tools you need to create a beautiful, clean and simple website with WordPress from scratch.
You'll be able to Build A WordPress Website With Elementor & WooCommerce!
CloudWays Hosting: https://jo.my/1feeng8
Download Theme Style Helper Template: https://bit.ly/3clUnX4
Tools Used:
Elementor Pro: https://jo.my/1s0t2s2
ACF: https://www.advancedcustomfields.com/
CPT UI: https://en-gb.wordpress.org/plugins/custom-post-type-ui/
Elementor Custom Skin: https://wordpress.org/plugins/ele-custom-skin/
Hello Theme: https://elementor.com/blog/introducing-hello-theme/
Referenced Content:
CloudWays Tutorials: https://www.youtube.com/playlist?list=PLTbrc9HXDstr34Hx1vtaXymgwYbHFPunl
Affinity Photo way of working with Smart Objects – https://www.youtube.com/watch?v=MDC4LjynmYI
Link to Theme Styles Videos – https://www.youtube.com/watch?v=I3JP6UOEghc
WooCommerce Shipping Guide – https://www.youtube.com/watch?v=4yuho7zaObI
Custom My Account Tutorial – https://www.youtube.com/watch?v=iEfrFSTPCSQ
Elementor Custom Skin Tutorial – https://www.youtube.com/watch?v=DwLFdaZ69KU
Beginners Guide to ACF: https://www.youtube.com/watch?v=T07L96f_pso
Beginners Guide to CPTUI: https://www.youtube.com/watch?v=UBy1cd-N1q0
Timestamps:
00:00:00 – Introduction
00:00:41 – Hosting Setup With CloudWays
00:11:50 – House Cleaning & Plugins
00:16:55 – Theme Styles
00:27:08 – Photoshop Mock-Up Designs
00:36:39 – WooCommerce Setup
00:40:59 – Headers & Footers
00:48:39 – Designing the Homepage
01:17:27 – Building the Shop Archive
01:24:20 – Building the Single Product Page
01:29:08 – Customising the My Account Section
01:34:58 – Portfolio
01:41:23 – Exhibitions with ACF & Custom Post Type
02:05:45 – Classes with ACF & Custom Post Type
02:20:14 – Wrapping Up
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: https://jo.my/1s0t2s2
★ Brizy Pro: https://bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): https://bit.ly/2NVbVNP
★ DIVI 3 Page Builder: http://bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: http://bit.ly/2Ydn1SE
★ OCEANWP: http://bit.ly/2fRHBr0
★ DIVI Theme: http://bit.ly/2G8JMiA
★ Astra Pro: http://bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: http://bit.ly/2G0G1vB
★ CSSHERO: http://bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 – jo.my/sr6
► WORDPRESS PLUGINS ◄
★ SEOPress Pro: https://jo.my/seopress
► SUBSCRIBE ◄
http://bit.ly/2rX7rhu
► LETS CONNECT: ◄
https://twitter.com/WPTutz
SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk
source
I really believed I would never do it! I am extremely grateful that you decided to share your knowledge with the world because I really don't think you really how much difference you make in our lives! I still have a few kinks to work out because I have already left a mess there, but I made more process with your video yesterday than in the last 2 months trying to figure crap out on my own!! Thank you so so much!!
Great tutorial. Thanks!
I add a custom search box in Elementor ut not working
Beautifully and clearly explained.
You are the best WordPress coach ever 💙
unfortunately the JSON Theme Style Helper Template does not work anymore … 🙁
Do you think a 1GB server is a viable solution in a real life WooCommerce scenario?
Theme sellers are going to block you in YouTube soon. 🙂 Keep that going….
God bless you
Fantastic tutorial – thank you Paul!
can u plz Build A WordPress Website With Elementor & WooCommerce using JET ENGINE
Hello, I am a newbie, so I tried to make some website but now could you have a look please
thanks for your tutos
Cyril
Hi, first amazing tutorial, i have important question…once you insert the woocommerce bredcrumbs after you designed the archive and product templates in elementor…when you are in the single product show and press in the middle of the breadcrumbs to go back to the page you have created page of products it will take you back to category product of wooccommerce default and not back to page you have created in elementor…how can i fix it?
2 hours went like 2 mins what an informative tenurial .. Thanks
Absolutely fantastic video! I’ve been toying with the idea of switching from Divi to Elementor over the last few weeks – this has “sealed the deal”. Thanks Paul!
why single page product not showiing image?
Great video!~ Q: in lieu of short pixel, have you tried just CTRL+SHIFT+ALT+S (save for web legacy), may be comparable. (In PSD)
Great content thanks
This is great Paul. Do you have any recommendations on how you could then include ticketing and payment for the classes too?
where is the my account video link 😀
We have recently released a WordPress form builder plugin. Our form builder name is Bit Form. Bit Form has many features in the free version and a lot of third-party integrations with all advanced features in pro.
Our promotion period is running and we are providing this premium WordPress Form Builder Plugin at $5 (91% off)
So It would be helpful for us if you make a video with our WordPress form builder on Youtube
or
It would be helpful for us if you publish these writings on your website or add it as the top WordPress form builder's list
The features are –
Drag & Drop Builder
Response Management
Conditional Logic
Fully Responsive (all devices)
Multi-Column Form
Many third-party integrations
All Types Of Fields
Timeline (History of Activities)
Email Templates
Form Restrictions
Webhooks For Developers
IP Restriction
built-in Style Editor
And more Awesome features coming!!
We are trying to run a affiliate program
WordPress Org: https://wordpress.org/plugins/bit-form/
Website: https://bitpress.pro/
Demo Video: https://youtu.be/Kdu3f8wLsrk
Email:marketing@bitpress.pro