How to Add Configurable Products in Adobe Commerce

Introduction Configurable products are a cornerstone of any versatile e-commerce platform. They allow merchants to sell products with multiple variations, such as size, colour, or material, under a single listing. Adobe Commerce provides powerful tools to create and manage configurable products, enhancing the shopping experience for customers while simplifying catalogue management. In this blog, we’ll…

min read

Introduction Configurable products are a cornerstone of any versatile e-commerce platform. They allow merchants to sell products with multiple variations, such as size, colour, or material, under a single listing. Adobe Commerce provides powerful tools to create and manage configurable products, enhancing the shopping experience for customers while simplifying catalogue management.

In this blog, we’ll guide you through the step-by-step process of adding configurable products in Adobe Commerce and explore how to leverage product variants effectively.


What Are Configurable Products in Adobe Commerce?

A configurable product is essentially a parent product that links multiple child products (simple products), each representing a variation. Customers can select from these variations using dropdown menus on the product page.

For example:

  • Parent Product: T-shirt
  • Child Products:
    • Size: Small, Medium, Large
    • Colour: Red, Blue, Black

Steps to Add Configurable Products in Adobe Commerce

1. Prepare Product Attributes

Before creating a configurable product, ensure the necessary attributes for product variants are in place.

  1. Navigate to Stores > Attributes > Product.
  2. Click Add New Attribute to create attributes (e.g., size, colour).
  3. Configure the attribute settings:
    • Set Catalog Input Type for Store Owner to Dropdown.
    • Enable Use for Configurable Product.
  4. Add attribute values (e.g., Small, Medium, Large) and save.

2. Create an Attribute Set

  1. Go to Stores > Attributes > Attribute Set.
  2. Create a new attribute set or modify an existing one.
  3. Drag and drop the attributes (e.g., size, colour) into the attribute group.

3. Add the Configurable Product

  1. Navigate to Catalog > Products and click Add Product.
  2. Select Configurable Product as the product type.

4. Configure Product Details

  1. Basic Information: Fill in required fields such as Product Name, SKU, Price, and Description.
  2. Product Attributes: Choose the attributes (e.g., size, colour) that will define the variants.
  3. Images and Videos: Add high-quality images representing the product.

5. Add Configurations

  1. Click Create Configurations to set up the product variants.
  2. Select the attributes to configure the variants (e.g., size, colour).
  3. Choose attribute values to generate the variants (e.g., Small, Medium, and Large for size).
  4. Assign prices, SKUs, and stock levels for each variant.

6. Save and Publish

  1. Review the configurations to ensure accuracy.
  2. Click Save to finalize the configurable product.
  3. The product will now appear in your catalogue with selectable variants on the front end.

Benefits of Configurable Products in Adobe Commerce

  1. Improved User Experience: Customers can easily select their desired options without browsing multiple product pages.
  2. Centralized Management: Manage all variants under a single parent product for streamlined catalogue organization.
  3. Enhanced SEO: Consolidating variations reduces duplicate content and improves search visibility.

Tips for Managing Configurable Products

  1. High-Quality Images: Use images for each variant to showcase all available options clearly.
  2. Detailed Descriptions: Provide comprehensive details about the configurable options.
  3. Stock Updates: Regularly update stock levels for child products to ensure accurate availability.
  4. Testing: Test the configurable product on the front end to verify variant selection works correctly.

Common Challenges and Solutions

Challenge 1: Missing Attribute Values

  • Solution: Ensure all attribute values are correctly added and associated with the attribute set.

Challenge 2: Incorrect Variant Pricing

  • Solution: Double-check pricing configurations for each variant during the setup process.

Challenge 3: Complex Variants

  • Solution: Use extensions for advanced configurations or dynamic pricing rules if default tools aren’t sufficient.

Conclusion

Adding configurable products in Adobe Commerce is a straightforward process that brings immense value to your e-commerce store. By centralizing product variants under a single listing, you can improve the customer experience, streamline management, and boost sales. Follow the steps outlined in this guide to create and manage configurable products with ease.

Take advantage of Adobe Commerce’s robust tools to elevate your catalogue and drive customer satisfaction!