WordPress Development | Tutorial 17 | Creating and Managing Products

by | Nov 17, 2025 | Web App Development, WordPress & WooCommerce | 0 comments

Creating and Managing Products, Variations, and Categories in WooCommerce with Divi

Once your WooCommerce store is set up, the next big step is organizing your products.
For a professional business, how you display and structure your products says a lot about your brand. Whether you’re an exporter listing product lines, a dentist selling oral care kits, or a consultant offering packages, clear product organization helps customers find what they need — and builds trust.

In this article, we’ll explore how to create, manage, and optimize products, variations, and categories in WooCommerce using Divi’s design flexibility, so your catalog looks professional and easy to browse.

1. Understanding WooCommerce Product Types

WooCommerce supports multiple product types to suit all business models.

Product Types Explained:

  • 🧱 Simple Product: One item, one price. (e.g., “Consultation Fee”, “Product Sample”, “Single Service”)
  • 🧩 Variable Product: Same item with variations. (e.g., size, color, or package type)
  • 💻 Virtual Product: No shipping required — used for consultations, bookings, or online services.
  • 📁 Downloadable Product: Files like eBooks, guides, or templates.
  • 🛒 Grouped Product: A collection of related items (e.g., “Dental Kit Combo” or “Starter Package”).

💡 Pro Tip: Even if you’re not “selling” online, you can still use WooCommerce for a digital catalog — simply disable checkout later.

2. Adding Your First Product

Let’s start by adding a single product.

Steps:

  1. Go to Products → Add New.
  2. Add a Product Title and a Short Description (appears on category pages).
  3. Write a Long Description in the main editor — describe features, benefits, and usage.
  4. Add Product Images (main + gallery).
  5. In the Product Data panel:
    • Set Regular Price and Sale Price (optional).
    • Add SKU (unique product code).
    • Manage stock in the Inventory tab (if needed).
  6. Click Publish.

💡 Pro Tip: Add bullet points and highlight unique selling points (USP). Keep descriptions conversational and benefit-driven.

3. Organizing Products into Categories and Tags

Categories help customers (and Google) understand your product structure.

Steps:

  1. Go to Products → Categories.
  2. Add categories like:
    • Dental Supplies
    • Consulting Packages
    • Export Products
  3. Add subcategories (e.g., “Dental Supplies → Whitening Kits”).
  4. Assign each product to one or more categories and tags.

💡 Pro Tip:
Use tags for details like “organic,” “premium,” or “bulk order” — they help with internal search and SEO.

4. Adding Product Variations

If your product comes in multiple versions — say sizes, colors, or durations — use WooCommerce’s Variable Product option.

Steps:

  1. Under Product Data → Product Type, select Variable Product.
  2. Go to Attributes tab → Click Add New.
    • Example: “Size” with values “Small | Medium | Large”.
    • Check “Used for Variations.”
  3. Switch to the Variations Tab.
  4. Click “Add Variation” → select combinations → set price, stock, and image.
  5. Click Save Changes.

💡 Pro Tip:
For digital services (like “30-minute Consultation” vs “60-minute Consultation”), use variations to set different pricing tiers.

5. Designing Product Pages with Divi

With Divi’s WooCommerce modules, you can customize every element of your product presentation.

Steps:

  1. Edit a product page → Click Enable Divi Builder.
  2. Add relevant modules like:
    • Woo Title
    • Woo Images
    • Woo Price
    • Woo Description
    • Woo Add to Cart
    • Woo Related Products
  3. Customize layout and spacing to highlight visuals and CTAs.

💡 Pro Tip:
Use Divi Sections to add storytelling blocks below the product — testimonials, video demos, or comparison charts.

6. Adding Product Galleries and Videos

Visuals are the key to conversion — even for service professionals.

Tips:

  • Use high-quality images with clean backgrounds.
  • Maintain consistent aspect ratios (e.g., 1:1 square or 4:3).
  • Add product demo videos via YouTube or self-hosted MP4.
  • Use Divi Video Module to embed it right under the product gallery.

💡 Example:
A dentist could upload a short clip showing how to use a whitening kit; a consultant could record a quick explainer of their process.

7. Managing Inventory and Stock Status

Even service businesses benefit from stock control — it prevents overselling time slots or showing unavailable products.

How to Set It Up:

  • Enable stock management under WooCommerce → Settings → Products → Inventory.
  • In each product:
    • Enable “Manage Stock.”
    • Set stock quantity and low stock notifications.

💡 Pro Tip: For “bookable” services, use plugins like WooCommerce Bookings or Appointments for WooCommerce.

8. Bulk Editing Products

When managing multiple products, bulk editing saves time.

How:

  1. Go to Products → All Products.
  2. Select multiple products → Choose “Edit” from Bulk Actions → Apply.
  3. Update price, category, or stock across all selected items.

💡 Pro Tip: Use the Quick Edit option for fast updates — perfect for adjusting sale prices during promotions.

9. Enhancing Product Discovery

Better product organization helps users browse efficiently and boosts SEO.

Tactics:

  • Use breadcrumb navigation (WooCommerce adds it automatically).
  • Enable search filters like category, price range, and rating.
  • Install plugins like:
    • YITH WooCommerce Ajax Filter
    • WooCommerce Product Search

💡 Pro Tip: Combine with Divi’s Filterable Portfolio Layouts for creative product showcases.

10. Creating Catalog-Only Product Listings

Professionals who don’t sell online can convert WooCommerce into a catalog mode.

How:

  • Install the YITH Catalog Mode Plugin.
  • Disable Add-to-Cart and Checkout.
  • Display “Request a Quote” instead.

💡 Example:
An exporter can list products with detailed specs and inquiry forms rather than online payment options.

11. Maintaining Product Consistency

As your catalog grows:

  • Standardize image dimensions and naming.
  • Maintain uniform pricing formats.
  • Review old products quarterly — archive outdated ones.
  • Add metadata and alt text for every image.

💡 Pro Tip: Consistency is key to professionalism — it reassures clients and simplifies SEO maintenance.

Conclusion

With WooCommerce and Divi, creating a professional product catalog is not just for eCommerce experts — it’s for anyone who wants to present their offerings beautifully and efficiently.
Organized products, clear variations, and thoughtful categories make your store intuitive to explore and easy to trust.

In the next article, we’ll cover Setting Up Payments, Shipping, and Taxes in WooCommerce — essential for going live and managing transactions confidently.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

WordPress Development | Tutorial 20 | Managing Orders

WordPress Development | Tutorial 20 | Managing Orders

Your WooCommerce store is live — ready to handle real customers and transactions. Managing orders efficiently ensures a reliable, professional buying experience. Explore how to handle orders, coupons, and customer data inside WooCommerce. With the Divi theme, design client dashboards and reports that look polished and on-brand. Complete your mastery from WordPress fundamentals through store setup to order management.

read more
WordPress Development | Tutorial 19 | Designing a Smooth Checkout

WordPress Development | Tutorial 19 | Designing a Smooth Checkout

Designing a smooth checkout flow is crucial for trust and conversions in WooCommerce. With Divi, you can create a clean, intuitive, and conversion-focused design without code. Studies show that over 60% of online shoppers abandon carts due to checkout friction. Improve your checkout experience to increase sales and build confidence in your brand.

read more
WordPress Development | Tutorial 18 | Setting Up Payments

WordPress Development | Tutorial 18 | Setting Up Payments

Setting up payment gateways, shipping options, and tax rules properly in WooCommerce ensures your online store operates smoothly, securely, and legally. With Divi, you can design professional checkout and payment pages that inspire trust. This guide walks you through the process step-by-step, building on your WooCommerce setup and ensuring your store is ready for transactions.

read more
WordPress Development | Tutorial 16 | Online Store Using WooCommerce & Divi

WordPress Development | Tutorial 16 | Online Store Using WooCommerce & Divi

Learn how to build a fully functional online store using WooCommerce and Divi — step by step. This guide walks professionals through installation, product setup, payment gateways, store design, optimization, and security best practices. Perfect for anyone selling physical products, digital downloads, or services on their WordPress website.

read more
WordPress Development | Tutorial 15 | Scaling WordPress

WordPress Development | Tutorial 15 | Scaling WordPress

Learn how to scale your WordPress ecosystem using Multi-Site, automate updates, streamline maintenance, and deliver professional client handovers — all powered by Divi. This guide covers setup steps, performance optimization, user permissions, templates, and growth strategies perfect for agencies, freelancers, and businesses managing multiple websites.

read more
WordPress Development | Tutorial 14 | Portfolio Website

WordPress Development | Tutorial 14 | Portfolio Website

Transform your professional credibility with a stunning portfolio website. This comprehensive guide shows entrepreneurs, consultants, lawyers, doctors, and creative professionals how to build a portfolio using Divi’s visual builder—no coding required. Learn to showcase projects with filterable galleries, create compelling case studies, display client testimonials, and optimize for speed and SEO. Includes pre-built Divi layouts, module recommendations, and real-world examples from various industries.

read more