> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weltpixel.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to create a Magento configurable product [ Tutorial ]

In this tutorial, you’ll learn how to create a **Magento Configurable Product**. Configurable products let customers choose options such as color or size on the product page, and each selection is tied to a simple product behind the scenes.

---

### Step 1: Create a New Attribute
Log in to your Magento Admin and go to:  
**Catalog → Attributes → Manage Attributes**

![magento-manage-attributes.png](https://storage.crisp.chat/users/helpdesk/website/-/e/5/0/b/e50b1af3210e300/a6388698-873d-485b-9edb-200ecf_zye0ne.png)

Click **Add New Attribute** in the top-right corner.

![magento-add-new-attribute.png](https://storage.crisp.chat/users/helpdesk/website/-/8/c/c/8/8cc857f4d280c000/607e1377-0d1d-4825-bac1-67f2ea_ebsbmx.png)

---

### Step 2: Configure Attribute Properties
On the Attribute edit page, under the **Properties** tab, configure:

- **Attribute Code**: e.g., `color`
- **Scope**: Global
- **Catalog Input Type**: Dropdown (required for configurable products)
- **Unique Value**: No
- **Values Required**: Yes (ensures all simple products have this attribute)
- **Input Validation for Store Owner**: None
- **Apply To**: All product types or selected ones
- **Use To Create Configurable Product**: Yes

![magento-attribute-properties.png](https://storage.crisp.chat/users/helpdesk/website/-/e/c/3/1/ec31d5c97399e800/a522f88f-0f65-494d-90c4-1b388d_1caboff.png)

---

### Step 3: Configure Frontend Properties
Decide how the attribute behaves in the frontend:

- Searchable, comparable, filterable in Layered Navigation
- Visible on product pages (Additional Information)
- Used for Sorting or Listing

![magento-frontend-properties.png](https://storage.crisp.chat/users/helpdesk/website/-/4/8/6/0/48607672a8e4b000/26df5a83-02a0-48ea-847f-f27a5e_m3s8.png)

---

### Step 4: Manage Labels & Options
Go to the **Manage Label/Options** tab:

- Add labels (different per store view if needed).
- Add dropdown values, e.g., Red, Blue, Green.
- Assign sort order or default value.

![magento-manage-options.png](https://storage.crisp.chat/users/helpdesk/website/-/7/8/a/3/78a3bad4d0032000/869d2469-923b-4511-aaa3-1b4124_1aqeqot.png)

Click **Save Attribute**.

---

### Step 5: Create an Attribute Set
Apply your new attribute to a set:

1. Go to **Catalog → Attributes → Manage Attribute Sets**.
2. Click **Add New Set**, name it (e.g., *Clothing*), base it on *Default*.
3. Drag your new attribute from **Unassigned Attributes** to a group like *General*.

![magento-attribute-set.png](https://storage.crisp.chat/users/helpdesk/website/-/5/3/2/7/532719bec8672000/114036c6-9be1-4183-8fb2-504a65_1v4k6yx.png)

![magento-assign-attribute.png](https://storage.crisp.chat/users/helpdesk/website/-/c/1/7/1/c171d5f8cefe1000/dd2aec9d-6bc2-46fb-8f17-b83625_5vphr1.png)

---

### Step 6: Create a Configurable Product
1. Go to **Catalog → Manage Products → Add New Product**.
2. Select **Configurable Product**, choose your new attribute set (e.g., *Clothing*).
3. Select attributes to configure (e.g., *Color*, *Size*).

![magento-configurable-step1.png](https://support.weltpixel.com/hc/article_attachments/115010705907/Screenshot_13.png)

![magento-configurable-attributes.png](https://support.weltpixel.com/hc/article_attachments/115010843788/Screenshot_14.png)

Fill out product info like a simple product, but note:

- **Price** acts as a default. Associated products can override it.
- **Stock** is managed per associated product, not globally.

---

### Step 7: Add Associated Products
From the **Associated Products** tab, add variations using one of these methods:

- **Quick Simple Product Creation** – Fill in fields and click *Quick Create*.

![magento-quick-create.png](https://support.weltpixel.com/hc/article_attachments/115010843908/Screenshot_16-1024x550.png)

- **Create Empty** – Opens a blank form to define a simple product.
- **Copy from Configurable** – Pre-fills info from parent product.
- **Create separately** under **Catalog → Manage Products** and set visibility to *Not Visible Individually*.

![magento-simple-product.png](https://support.weltpixel.com/hc/article_attachments/115010844188/Screenshot_10-700x232.png)

Assign all simple products with combinations of attributes (e.g., Red-S, Red-M, Blue-S, Blue-M).

![magento-associated-products.png](https://support.weltpixel.com/hc/article_attachments/115010706687/Screenshot_12-1024x228.png)

---

### Step 8: Save and Test
Click **Save**, then check the frontend. Your configurable product should now display dropdowns for customer selection.

---

### Final Notes
- Configurable products improve UX by letting customers choose variations directly on the product page.
- Visual appearance depends on your theme and installed extensions.
- Always make sure every associated simple product has the required attributes filled.