How to Add Configurable Products to Shopify and Sync to the Designer

You can create configurable products with various configurable attributes like product color, brand, size, and more. Configurable products allow customers to choose from available options while placing an order. Here is how you can do it. 

Shopify Backend 

To add a configurable product to Shopify, navigate to the “Products” section, click on the Add Product button and insert the following information.

Title: Insert the title of the product. 

Media: Upload the image of the product. 

Pricing: Set the pricing of the image. By enabling the Charge tax on this product tax rule as per backend will be applied. 


  • SKU: Set the SKU for the products. 
  • Barcode: Set the Barcode for the products.
  • Track Quantity: Enable this option to track the quantity of this product. 
  • Continue selling when out of stock: Enable this option even when the product is going out of stock. 

Quantity: Set the quantity of the product. 

Weight: Insert the weight of the product. 

Options: Checkmark this option to add the options of Sizes and Colors. 

  • Option Name: Select the name of the option. 
  • Option Values: Insert the value of the option. 

Variants: Set the Price and Quantity of each option added. 

Now, Save the product and add the images of each variant. 

Type: Select “Configurable” as a type. 

Collections: Set the collection of the product. 

Product Status: Keep the status “Active” to enable the product to sell.

After inserting all the information, Save the product.  

Once the product is added, navigate to the Apps section and open the “Brush Your Ideas Designer Tool” app. Click on the View Products and Sync the newly added product to the designer tool. 

Login to Backend

After syncing, the newly added products will be visible in the Catalogs ➤ Products. Now open the newly added product in edit mode and do the following configurations. 

Images & Videos: Upload the images & Videos for the product. 

Product Designer: Enable the product designer tool in the backend. 

Now set the design area for each product variant by following these steps.

After configuring the design area, Save the product, which will be available on your Shopify store for customization.

Related Articles