virusword.com

Learn Wordpress

Home/Videos/How To Build A WordPress Website With Elementor and WooCommerce

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: 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

Reader Interactions

Comments

  1. 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!!

  13. 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?

  15. 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!

  21. 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

Explore more

Get our Wordpress Guide Get Plugins Get Connected