How To Make an E-Commerce Website With WordPress (2025) | WooCommerce + Elementor Pro Full Tutorial
➡️ Access the free resources to follow along: https://wproads.com/elewoo25
➡️ Get your Hostinger plan 80% off (coupon WPROADS): https://wproads.com/hostinger
➡️ Get Elementor Pro (Advanced Solo or higher plans): https://wproads.com/elepro
➡️ Create an Omnisend account (coupon WPROADS): https://wproads.com/omnisend
Build a complete WordPress e-commerce website with WooCommerce & Elementor Pro in this step-by-step 2025 tutorial. From hosting and WordPress setup to design, products, payments, taxes, and advanced features, you’ll learn everything you need to launch a professional online store. Perfect for beginners and freelancers who want to create modern, fast, and fully customized shops.
🖐 5 steps to get your e-commerce online!
1 - Buy Hosting & Domain
2 - Install Tools
3 - Design System
4 - Structure & Design
5 - WooCommerce Settings
#woocommerce #wordpress #elementor #wproads
⏱️ TIMESTAMPS OF THE VIDEO
Intro – Create an e-commerce with WordPress, WooCommerce & Elementor Pro
00:00 Create E-Commerce With WordPress, WooCommerce & Elementor Pro
00:21 Beginner tutorial to sell products
01:13 E-commerce demo (frontend)
06:01 E-commerce demo (backend)
07:38 5 Steps To Build E-commerce With WordPress
08:51 Resources in description
09:05 Use YouTube speed controls
09:19 Support with affiliate links & likes
09:31 Pascal, WP Roads – subscribe
First Step – Hosting & Domain
09:48 Buy Hosting & Domain
Use affiliate link: https://wproads.com/hostinger
12:56 Get 80% off with WPROADS coupon
Second Step – Install WordPress, Elementor Pro & WooCommerce
15:16 Install WordPress
23:27 First WordPress dashboard access + settings
27:28 Custom dashboard tutorial for clients
Tutorial: • Customize WordPress Dashboard For Clients ...
27:38 Enable plugin/theme auto-updates
29:42 Install Hello Elementor + Elementor Free
Get Elementor Pro: https://wproads.com/elepro
31:44 Why Elementor Pro for E-commerce
32:26 Choose Elementor Pro license
Third Step – Design System
35:35 Start design system
Free resources: https://wproads.com/elewoo25
44:42 Change FONTS
52:52 Change COLORS
01:05:21 Global CSS values
01:19:04 Create “Coming Soon” page with Elementor + Omnisend
01:33:51 Connect Coming Soon optin with Omnisend
01:48:48 Change optin actions
01:50:29 Create Omnisend automation
01:56:13 Launch Coming Soon page
Fourth Step – Structure & Design With Elementor & WooCommerce
01:57:08 Structure and design e-commerce
01:58:03 Create header with Elementor Pro
02:16:30 Edit header responsive
02:38:28 Create footer
02:49:47 Check page connections (shop, cart, checkout)
02:51:53 Load dummy products
02:56:45 Disable WooCommerce Coming Soon Mode
02:57:26 Create Single Product template
03:11:30 Create Shop Archive template
03:16:00 Create product loop item
03:35:29 Shop Filters with Filter Everything plugin
03:48:19 Related Products in Single Product
03:58:21 Assign Shop Archive to Categories
04:06:25 Create custom Category template
04:15:42 Advanced Product Search with Woo + Elementor
04:25:35 Live Search Results loop item
04:39:24 Optimize mobile search bar
04:44:16 Create sale badge
04:56:12 Improve Mega Menu
05:14:40 Customize Cart page
05:29:24 Customize Checkout page
05:55:45 Customize Mini Cart
06:01:31 Custom Thank You Page
06:18:54 Custom Customer Dashboard
06:49:13 Home Page design
07:30:50 Example of global CSS changes
07:34:24 Use Elementor AI for animations & code
Fifth Step – Products & WooCommerce Settings
07:43:21 WooCommerce settings + products
07:44:14 WooCommerce settings overview
07:54:06 Create Simple Product
08:10:16 Create Digital Product (service)
08:16:51 Create Digital + Downloadable Product
08:22:10 Disable downloads
08:22:57 Create External Affiliate Product
08:26:06 Create Grouped Products
08:27:23 Create Variable Products
08:36:37 Import products via CSV
08:40:04 Additional info tab
08:41:41 Enhance Shop Filter with Attributes
08:45:16 Create Upsell section in Single Product
08:53:37 Upsell strategy in Single Product
08:57:40 Custom “Secure Payments” badge
09:02:12 Fix Single Product errors (scroll on image)
09:04:30 Add Cross sells to Cart (solution 1)
09:27:47 Cross sells in Cart (solution 2)
09:36:47 Optimize Cart Cross sells for mobile
09:42:08 Configure WooPayments
10:01:01 Configure PayPal
10:12:02 Configure Stripe
10:19:27 Change Checkout payment design
10:21:40 Setup Taxes
10:32:48 Setup Shipping methods
10:42:45 Advanced Shipping + Classes
10:50:32 Weight Based Shipping
10:56:30 Enable Order Tracking
11:00:45 Customize WooCommerce emails
11:07:31 Add custom notes & notifications
11:09:09 Configure SMTP plugin
11:14:17 Enable Geolocation
11:20:20 Test checkout process
11:27:41 Customer account settings
11:33:52 Integrate with Omnisend
11:40:27 Create abandoned checkout automation
11:47:07 Upgrade Omnisend Standard with coupon
11:48:52 Manage Coupon Codes
11:56:16 Manage Product Reviews
11:59:29 Setup Wishlist plugin
12:24:34 Feedback & closing