How To Build A WordPress Website With Elementor and WooCommerce
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: http://bit.ly/2u3mzYX
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: http://bit.ly/2u3mzYX
★ 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
Видео How To Build A WordPress Website With Elementor and WooCommerce канала WPTuts
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: http://bit.ly/2u3mzYX
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: http://bit.ly/2u3mzYX
★ 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
Видео How To Build A WordPress Website With Elementor and WooCommerce канала WPTuts
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![WordPress Elementor Tutorial for Beginners to Intermediate](https://i.ytimg.com/vi/HCzCO451F_c/default.jpg)
![Create an eCommerce Website Using Elementor Pro](https://i.ytimg.com/vi/ndPY7y2pdkA/default.jpg)
![How to build custom WooCommerce Elementor shop & category pages with Woolementor](https://i.ytimg.com/vi/IUJIW230a4k/default.jpg)
![Gutenberg Tutorials | Better Designs with FREE TOOLS](https://i.ytimg.com/vi/OX2zjgOQQ30/default.jpg)
![Anatomy of a Perfect Morning Routine](https://i.ytimg.com/vi/LQ8JOsc3-wU/default.jpg)
![WordPress Page Builder Comparison - Best Elementor Alternatives 2021](https://i.ytimg.com/vi/cKMb7NRv6yk/default.jpg)
![How To Make a WordPress Website - 2021](https://i.ytimg.com/vi/VnjeR-bsRM4/default.jpg)
![WooCommerce 01: How to Build a Basic Online Store - Monday Masterclass](https://i.ytimg.com/vi/SuyV4Tevmm0/default.jpg)
![How To Make an eCommerce Website With Wordpress and Elementor 2021 [Elementor Tutorial]✅](https://i.ytimg.com/vi/ai4A7s27iDI/default.jpg)
![6 Of The BEST FREE Elementor Addons & Plugins](https://i.ytimg.com/vi/pxJPFevNuHA/default.jpg)
![NEW WordPress Post Grid Plugin - PiotnetGrid - Any Good???](https://i.ytimg.com/vi/2IA4hl9smrg/default.jpg)
![Advanced Custom Fields Pro & Elementor Pro - Advanced Real Estate Website](https://i.ytimg.com/vi/wah4W3XuDzE/default.jpg)
![The Top 10 Best WooCommerce Themes For Wordpress 2021 (Seriously)](https://i.ytimg.com/vi/eNlQu-TQgBA/default.jpg)
![5 MUST HAVE Free ACF & Elementor Pro Plugins](https://i.ytimg.com/vi/Hj0PL1KPzN0/default.jpg)
![](https://i.ytimg.com/vi/MmeSPJ7Hgrs/default.jpg)
![Elementor vs Divi | Which is Better?](https://i.ytimg.com/vi/gvg0ldGN6A0/default.jpg)
![Crocoblock WooCommerce with JetWooBuilder & Elementor](https://i.ytimg.com/vi/Q6lBJZ_BR_A/default.jpg)
![Complete WooCommerce Tutorial | eCommerce Tutorial 2021](https://i.ytimg.com/vi/J8VMX9Tr_wY/default.jpg)
![Create a Listing Website WordPress & JetEngine](https://i.ytimg.com/vi/g9CsDwAIVZo/default.jpg)
![Advanced Custom Fields Pro & Elementor Pro - Real Estate Website](https://i.ytimg.com/vi/HGs6MvHXh3w/default.jpg)