Variable products in WooCommerce allow you to sell items with multiple variations, such as size, color, or material. Each variation can have its own price, stock level, and image. This guide will walk you through creating a variable product, adding categories, product images, and assigning different prices.
What You’ll Need
- Access to the WordPress Dashboard
Admin or shop manager permissions. - Product Information
- Product name and description.
- Attributes (e.g., size, color).
- Prices for each variation.
- Images for the product and variations.
- Categories or tags.
Step 1: Log in to the WordPress Dashboard
- Open your browser and go to your site’s admin URL:
yourwebsite.com/wp-admin
- Enter your username and password, then click Log In.
Step 2: Navigate to Add a New Product
- In the left-hand menu, hover over Products and click Add New.
Step 3: Enter Product Name and Description
- Enter the product name in the Product Name field (e.g., “Customizable T-Shirt”).
- Write a detailed product description in the large editor box below (e.g., “Soft cotton t-shirt available in various sizes and colors.”).
Step 4: Choose Product Type
- Scroll down to the Product Data section.
- From the dropdown at the top, select Variable Product.
(This changes the settings to allow variations.)
Step 5: Add Attributes
Attributes define the variations for your product, such as size or color.
- Go to the Attributes tab within the Product Data section.
- Click Add to create a new attribute.
- Enter the attribute name (e.g., “Size”).
- In the Values field, enter the options separated by a vertical bar
|
(e.g., “Small | Medium | Large”). - Check the boxes for Visible on the product page and Used for variations.
- Repeat the process for additional attributes, such as “Color” (e.g., “Red | Blue | Green”).
- Click Save Attributes.
Step 6: Configure Variations
- Go to the Variations tab in the Product Data section.
- From the dropdown menu, select Create variations from all attributes and click Go.
- This will automatically create all possible combinations of your attributes (e.g., Small/Red, Medium/Blue).
- Click Expand next to each variation to configure individual settings.
Set Details for Each Variation
- Regular Price: Enter the price for this variation.
- Sale Price: Optionally, set a sale price.
- Stock Quantity: If managing stock, set the quantity.
- Image: Click the image icon to upload or select a specific image for this variation.
- SKU: Optionally, enter a unique SKU for tracking.
- Shipping: Add weight and dimensions if necessary.
- Repeat for all variations.
- Click Save Changes when done.
Step 7: Add a Short Description
- Below the Product Data section, enter a Short Description summarizing the product (e.g., “Available in multiple colors and sizes.”).
Step 8: Add a Product Category
- On the right-hand side, locate the Product Categories panel.
- Select an existing category or click Add New Category to create one.
Step 9: Add Product Images
Main Product Image
- Locate the Product Image panel on the right.
- Click Set Product Image.
- Upload an image or choose one from your Media Library.
Product Gallery
- In the Product Gallery panel, click Add Product Gallery Images.
- Upload or select multiple images to showcase different angles or variations.
Step 10: Publish the Product
- Review all details to ensure accuracy.
- Click Publish at the top-right of the screen to make the product live.
Best Practices for Variable Products
- Use Clear Names: Make attribute names (e.g., “Size” or “Color”) easy to understand.
- High-Quality Images: Provide clear and attractive images for each variation.
- Organized Categories: Ensure the product is categorized appropriately to make it easy for customers to find.
- SEO Optimization: Include relevant keywords in the product title, description, and tags.
Troubleshooting Tips
- Variations Not Showing?
- Ensure the product is set to Published.
- Check that variations have prices assigned.
- Missing Attribute Options?
- Confirm that the Used for Variations box is checked for each attribute.
- Image Display Issues?
- Check your theme’s WooCommerce compatibility or adjust image sizes in the WooCommerce settings.
By following these steps, you can successfully create and configure variable products in WooCommerce to provide customers with a seamless shopping experience.