• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com-Wordpress

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
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

Written by:
Abdul Wahid
Published on:
January 16, 2023
Thoughts:
21 Comments

Categories: VideosTags: build a wordpress website 2020, build a wordpress website for beginners, build a wordpress website with elementor, create a website, create a wordpress website, elementor page builder tutorial, elementor pro, elementor pro tutorial, elementor tutorial, elementor website, elementor wordpress, elementor wordpress tutorial, how to build a website, make a wordpress website, make a wordpress website with elementor, woocommerce tutorial, wordpress elementor tutorial, wordpress website tutorial, WPTuts

Reader Interactions

Comments

  1. Juliana Nogueira

    January 16, 2023 at 11:32 pm

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

    Log in to Reply
  2. Janet Garcia

    January 16, 2023 at 11:32 pm

    Great tutorial. Thanks!

    Log in to Reply
  3. Qurban Ali

    January 16, 2023 at 11:32 pm

    I add a custom search box in Elementor ut not working

    Log in to Reply
  4. Trish Maybery

    January 16, 2023 at 11:32 pm

    Beautifully and clearly explained.

    Log in to Reply
  5. Alex

    January 16, 2023 at 11:32 pm

    You are the best WordPress coach ever 💙

    Log in to Reply
  6. Yoda Gogolak

    January 16, 2023 at 11:32 pm

    unfortunately the JSON Theme Style Helper Template does not work anymore … 🙁

    Log in to Reply
  7. Kay Telle Hoel

    January 16, 2023 at 11:32 pm

    Do you think a 1GB server is a viable solution in a real life WooCommerce scenario?

    Log in to Reply
  8. Bhaskar Maity

    January 16, 2023 at 11:32 pm

    Theme sellers are going to block you in YouTube soon. 🙂 Keep that going….

    Log in to Reply
  9. Tech Reviews

    January 16, 2023 at 11:32 pm

    God bless you

    Log in to Reply
  10. Paul Wright

    January 16, 2023 at 11:32 pm

    Fantastic tutorial – thank you Paul!

    Log in to Reply
  11. mahdi andalib

    January 16, 2023 at 11:32 pm

    can u plz Build A WordPress Website With Elementor & WooCommerce using JET ENGINE

    Log in to Reply
  12. S D

    January 16, 2023 at 11:32 pm

    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

    Log in to Reply
  13. tomer b

    January 16, 2023 at 11:32 pm

    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?

    Log in to Reply
  14. Ahmad Q

    January 16, 2023 at 11:32 pm

    2 hours went like 2 mins what an informative tenurial .. Thanks

    Log in to Reply
  15. Keith Miller

    January 16, 2023 at 11:32 pm

    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!

    Log in to Reply
  16. elis andromax

    January 16, 2023 at 11:32 pm

    why single page product not showiing image?

    Log in to Reply
  17. KMX Media

    January 16, 2023 at 11:32 pm

    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)

    Log in to Reply
  18. Non Stop Hustle

    January 16, 2023 at 11:32 pm

    Great content thanks

    Log in to Reply
  19. Josh Crofts

    January 16, 2023 at 11:32 pm

    This is great Paul. Do you have any recommendations on how you could then include ticketing and payment for the classes too?

    Log in to Reply
  20. MOHΛMED ΛL-OUBEID

    January 16, 2023 at 11:32 pm

    where is the my account video link 😀

    Log in to Reply
  21. Abdul Kader

    January 16, 2023 at 11:32 pm

    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

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Wordpress

  • Latest News (266)
  • Plugins (304)
  • Themes (307)
  • Tutorials (387)
  • Videos (790)
  • Woocommerce (394)

Recent Articles

WordPress Project to Evaluate Replacing Slack with Matrix Open Source Chat – WP Tavern

WordPress and Matrix contributors are proposing a …

Continue Reading about WordPress Project to Evaluate Replacing Slack with Matrix Open Source Chat – WP Tavern

How Zoom Work with WooCommerce on WordPress

Sell your webinars using WooCommerce! Easily …

Continue Reading about How Zoom Work with WooCommerce on WordPress

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2023 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter