What WooCommerce Actually Does
WooCommerce is a free plugin that turns WordPress into a fully functional online store. It doesn't replace WordPress — it adds product types, a shopping cart, checkout flow, order management, and payment processing on top of the site you already know.
Under the hood, WooCommerce mostly uses custom post types and custom fields — the same concepts you learned on Day 19 and Day 20 — just purpose-built for products and orders.
- ✓Installing WooCommerce automatically creates Shop, Cart, Checkout, and My Account pages.
- ✓Products behave like a specialized post type, complete with their own categories and tags.
- ✓Payment gateways plug into WooCommerce rather than replacing it.
Products, Orders, and Payments
Everything WooCommerce does builds on three core pieces working together.
What you're selling — each one has a price, description, image, and stock status.
Lets a visitor collect items and hand over their shipping and payment details.
A record of every purchase, tracked from pending through processing to completed.
The service — like Stripe or PayPal — that actually processes the customer's payment.
Anatomy of a Product Page
WooCommerce assembles every product page from the same set of fields, so once you fill one out you understand them all.
// What builds a single product page Product title // shown as the page heading Product image(s) // gallery, main image first Regular price // optional sale price shown alongside it Short description // summary shown near the Add to Cart button Add to Cart button // triggers the cart/checkout flow
Listing a Product
Simple vs Variable Products
Where Beginners Go Wrong
Breaking Down What You Just Learned
WooCommerce extends WordPressIt adds store functionality using the same post-type system you already know.
Products are the foundationEvery sale starts with a well-built product listing.
Simple vs variable mattersPick the product type that matches what you're actually selling.
Orders track the full journeyFrom pending payment through to a completed sale.
Test before you launchA real test order catches problems before customers do.
Try It Yourself
Install WooCommerce, add one simple product with a real image and price, then place a full test order using WooCommerce's built-in test payment mode.
Set Up a Small Product Catalog
Building the first version of your shop
By the end of today, your capstone site should have a working shop page with a small, real catalog.
- Add three products, mixing at least one simple and one variable product.
- Write a unique title, description, and price for each.
- Set up at least one payment gateway in test mode.
- Configure basic shipping and tax settings for your region.
- Place a full test order and confirm it appears under WooCommerce → Orders.
Recap
The core listing — price, image, description, and stock.
Choose based on whether the item needs options like size or color.
Every purchase tracked from pending to completed.
The service that actually processes the customer's payment.
Key Takeaways
- WooCommerce extends WordPress with products, a cart, checkout, and order management.
- Choose simple products for single items and variable products when options like size or color are involved.
- Payment gateways like Stripe or PayPal plug into WooCommerce to process transactions.
- Orders track every purchase from pending through to completed.
- Always place a full test order before launching your store to real customers.