> ## Documentation Index
> Fetch the complete documentation index at: https://help.extendcommerce.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Configuring Products with B2B Product Configurator

> Step-by-step guide to building configurable, part-based products with attributes, values, and SKUs in the B2B Product Configurator.

# Prerequisites

Before you begin, make sure:

* The **B2B Configurator** app is installed on your Shopify store.

* The base product you want to configure already exists in Shopify.

* Confirm the user has the right **permissions/role** to access Apps → B2B Product Configurator

# Steps to Configure Products

## Step 1: Navigate to the B2B Configurator

1. Log in to your **Shopify Admin**

2. Navigate to **Apps → B2B Product Configurator**

3. Click **Configure Products**

This screen displays all products that have been configured using the app. From here, you can easily **manage your configured products** by editing, deleting, searching, or filtering them.

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/1.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=d74aae7a1b1351eecfc807a0eb275410" alt="" width="1911" height="790" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/1.png" />

## Step 2: Configure a Product

1. Click **+ Configure Product**

2. In the product picker modal, search and select the Product you want to configure. This product will now act as the **parent configurable product**.

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/2.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=f24d100868f001fde81de984ff9fa4c5" alt="" width="1916" height="896" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/2.png" />

## Step 3: Add Product Parts

1. Product parts are the building blocks of your configurable product.

2. Parts can be added in two ways: by creating a new part or by reusing an existing product as part.

### Option A: Create a New Part

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/3.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=cb0e6b898f24e3c0b77c8606eb1d869b" alt="" width="1917" height="905" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/3.png" />

1. On the product configuration page, click **+ Add Product Part**

2. Enter a **Part Product Name** (e.g. Keyboard)

3. Upload an optional **Part Image**

4. Click **Add Part Product**

Repeat this step for each part you want to include in the configuration.

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/4.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=d929573522bb46923a50cbd5a3fc9405" alt="" width="1920" height="900" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/4.png" />

### Option B: Add an Existing Part

This allows you to reuse the same part across multiple configurable products, ensuring consistency and saving setup time.

1. Click **Pick Existing**

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/5.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=23c01a869311f56f3c12a521180bff2f" alt="" width="1920" height="906" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/5.png" />

2. In the product picker modal, search and select the existing Product which you want to be a part and click Save.

3. If its attributes and SKUs are already setup in the Shopify they will be prefilled when you will click “Expand Details” for that part.

## Step 4: Add Attributes to a Part

Attributes define how a part can vary.

1. Click on “Expand Details” of product part

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/6.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=b8949dbe8ae29dd06d84704ed752d161" alt="" width="1920" height="888" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/6.png" />

2. In the **Attributes Configuration** section, click **+ Add Attribute**

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/7.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=fd52cba6861c1ebad4b0ffeb68a0b8ce" alt="" width="1920" height="893" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/7.png" />

3. Enter:

   **Display Name** (e.g. Keyboard Type)

   **Attribute Name** (auto-generated)

4. Click **Add Value** to start adding attribute values

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/8.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=402a8b2d41744828694f15a5be4a7ff1" alt="" width="1594" height="819" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/8.png" />

## Step 5: Add Attribute Values

Attribute values are the selectable options shown to customers.

For each value:

1. Enter the value name

2. Upload an optional image or Select a color swatch

3. Click **Save**

<Note>
  You can add up to 15 values per attribute.
</Note>

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/9.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=a054ba82c9f413437b87c578187d210c" alt="" width="1570" height="820" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/9.png" />

## Step 6: Configure SKUs

SKU configuration links attribute values to real SKUs for inventory, pricing, and fulfillment.

1. Scroll to the **SKU Configuration** section

2. Click **+ Add SKU**

3. For each SKU:

   * Enter a **SKU Code** (e.g. ME-101)

   * Select the corresponding **Attribute Value** for which the SKU is.

   * Upload an image if required

Repeat this step for all attribute values you want to sell.

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/10.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=f0d0631fc50927074d37a363dca3e67c" alt="" width="1868" height="894" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/10.png" />

### Editing and Deleting

You can update part details, attributes, attribute values, and SKUs at any time by clicking the **Edit** icon next to the respective item.

To remove any of the following:

* Product parts

* Attributes

* Attribute values

* SKUs

Click the **Delete** icon associated with the item.

> **Note:** Deleted items are permanently removed from the configuration and will no longer be available for customer selection.

## Step 7: Save Your Configuration

1. Click **Save** at the top of the page

2. Your product configuration is now active and ready to be used on the storefront

<img src="https://mintcdn.com/extendcommerce/oZs89h1UQ7PfwKzi/images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/11.png?fit=max&auto=format&n=oZs89h1UQ7PfwKzi&q=85&s=47643df649b3990e8aaf73ef8ede2e60" alt="" width="1920" height="902" data-path="images/shopify/extend-product-configurator/configuring-products-with-b2b-product-configurator/11.png" />
