How to Add the Product Configurator to Your Storefront

Written By Huda

Last updated 2 months ago

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: