> ## 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.
# Adding the Product Configurator to your Storefront
> Add the Product Configurator block to your Shopify theme so customers can build configured products directly from the product page.
## Step 1: Open Theme Customizer
1. Go to **Shopify Admin → Online Store → Themes**
2. Click **Customize** on your active theme.
## Step 2: Add the Product Configurator Extension
1. In the Theme Customizer, navigate to **Product** **> Default Product**
2. Under Template > Product Information > Details > Add a block
3. Select **Product Configurator** from the available Apps.
4. Adjust placement if needed.
## Step 3: Save Your Changes
Click **Save** to apply the configuration to your theme.
## **Configurable Products on the Storefront**
When logged-in customers visit your store, the configurable parts will be displayed on the product page, allowing them to customize the product before purchasing. Here’s how it will appear on the storefront:
