What Is a Configurable Product In Magento?
A configurable product is a collection of custom options and different variations. Magento configurable products give you the power to select which attribute you want to apply in your drop-down menu, which lets you determine how customers will choose their product.
Magento 2 offers a flexible and powerful way to create configurable products. They characteristically have multiple options, each of which can be configured to have different prices, images, and other attributes. See alternatives to Magento 2 here.
Configurable products are among the most valuable and common types of products used by online retailers. This guide will show you how to create a configurable product in Magento 2.
The Magento 2 platform offers several ways to sell products. One of those solutions is a configurable product. This type of product is used when you want to provide various variations for sale. But you don’t want to create dozens or hundreds of individual simple products in your store. You would instead create a single configurable product with all the possible options.
A typical example of this type of product is clothing. You’d like to give your customers the ability to choose different sizes and colors when they buy a shirt from you, but you don’t want to maintain dozens of separate listings for each size and color combination. So instead, you can create one listing for a shirt and simply allow the customer to select their preferred options before checkout.
Configurable products are beneficial because they enable you to provide more options and better serve your customers. Also, they simultaneously reduce the amount of maintenance you will need on your part as an administrator or seller.
How to Create a Configurable Product in Magento 2
In addition to adding details of the product, you can also add images and videos. You may add YouTube videos by inserting a link to a video in the Video URL box. Navigate to Magento 2 admin panel > Products > Catalog and click on Add Product button located at the top right corner of the page.
The first step to how to create configurable product in Magento 2, you need to log into your Magento 2 admin panel. To do this, open your browser and go to the admin login page. Enter the email address and password you created when setting up your store and click “Sign In.”
To create a configurable product in Magento 2, follow the steps below:
1. Add Simple Products
This step involves adding the simple products used to build the configurable product. Simple products are essentially the building blocks of a configurable product; you can also use them to create other types of products to sell online. We’ll focus on how they contribute to a configurable product for our purposes.
There are two things to keep in mind when creating simple products:
- They must share the same attribute set as the configuration product.
- Attributes for each variation of a simple product must have unique attribute values that make sense together.
RELATED ARTICLE: How to integrate Magento 2 with Pos System.
2. Select Configurable Product Type
After logging in, select ‘Catalog’ from the menu on the left sidebar of the screen. This will open a drop-down menu showing you several product options; select Products from that menu. You should be looking at a list of all your current products with options for editing them listed under each one’s name.
To create a new product, click on “Add Product” at the top right corner of the screen. You will be prompted to enter information about this product: its name, description, price, etc., so fill that out now (but don’t worry about getting it perfect; you can always come back and edit it later).
Underneath those fields is a field marked “Product Type.” Select “Configurable Product” from that field’s drop-down menu and click ‘Save’ at the top right corner to save this information. You will get a Product Details page with two tabs, General and Content.
3. Create Configurable Attributes
To create the product attribute, login to the Magento admin panel and navigate to Products > Attributes > Manage Attributes. Click on Add New Attribute.
In the General Properties tab, enter the attribute code and change other properties as per your requirements. To enable this attribute for creating a configurable product, select ‘Yes’ for use in the configurable products option.
In the Manage Label/Options tab, you can update the attribute’s label that will be used in the front. Select “Yes” to add these attribute options (size, color).
You can configure other tabs like Storefront Properties, Inventory, and Advanced Attribute Properties as per your requirement or leave it as default and click on the ‘Save Attribute’ button to create a new attribute.
4. Select the Product Template
You will then be taken to the Product Template page. After this, you can choose your template file from the list of available templates, like Simple Product or Configurable Product. You should select Configurable Product for this tutorial.
Complete the necessary fields:
– Product Name
The following are optional for this section:
Add an image to the product by clicking on Choose File under Base Image or Swatch Image. You can also add an appearance in the next section, Images. This is a good idea if you have many images that you want to use later in the process, such as creating a configurable product with various color options.
5. Complete the Remaining Product Details
Now that you have the first step completed, it’s time to complete the remaining product details. You can do this by following the same process for setting up a simple product.
In the product information tab, select “name” and provide a product name, then “description” and add your products.
- Enter a “short description” and fill out the other fields as needed.
- Next, go to “websites,” here you will want to set the visibility and status of your products:
- Visibility: You will select how visible your products are on your website, i.e., catalog, search, or both.
- Status: If you want your customers to see this new product in your store, you will need to ensure it is shown as enabled.
- Tax Class: Here, you will be able to set whether this configurable product should be taxable.
- To save the data you have entered, select the “Save” button. Then, you can continue to the next step of creating configurable products in Magento 2.
6. Choose the Super Attribute
A configurable product is a product that has multiple options for customers to choose from. An example of a configurable product is a T-Shirt with various color and size options. It’s the combination of simple products that are grouped.
The super attributes are the attributes that combine to form the configurable products. For example, in the case of T-Shirts, we can take Color and Size as Super Attributes. Once you create simple products, it is time to create configurable products. Navigate back to Magento 2 admin panel > Products > Catalog; Click on Add Product button at the top right corner of the page.
You can select the Attributes from the drop-down list. When you choose an attribute, the values associated with the attribute will be automatically generated.
You can also select the attributes ‘Manually.’ To choose the attributes manually, click on “Select Manually.”
7. Enter the Attribute Values
Once you have clicked on the “Add Attribute” button, you will enter the Attribute Values.
You can use the same attribute values for multiple products or create new deals. You can even add more than one attribute at this stage.
8. Configure the Images, Price, and Quantity
After that, you need to choose images for your products. Scroll down and click the ‘Images & Videos tab. Then click the ‘Add New Image’ button. Choose an image on your computer and click on the Save button at the top left corner of the page to save your changes.
In Magento 2, you can set a different price for each configurable product. You need to scroll down and click on the Price tab, then configure prices for all products by choosing them in a drop-down list.
Moreover, suppose some options are out of stock. They will be deleted automatically from your frontend page but remain on the backend page, allowing customers to order when it is available again without creating a configurable product anymore.
After adding all images and setting prices for each configurable product option, scroll up and hit the ‘Save’button at the top right corner of the Magento 2 Admin Panel.
9. Generate the Product Configurations
Now that you have created the individual products, it’s time to generate the product configurations. This can be done by setting up a custom option and assigning each unique product.
A configurable product is made up of simple products with attributes in common. These simple products are listed individually in your catalog, and their pricing and inventory are held separately from the configurable product. However, when selected on your storefront, they appear to your customers as one product with associated options.
You will need to create a new custom option for every variation of the configurable product you wish to sell. For example, if you had three sizes (S, M & L) and two colors (Red & Blue), you would need six options: Red S, Red M, Red L; Blue S, Blue M, Blue L.
10. Save “Configurable Product”
Now is the time to save your new configurable product if you are still with me. There are three buttons on the top left and top right side of the screen. When you have done with all settings, click on the Save button, then select one of these options:
- ‘Save and Continue Edit’: Publish your product and edit;
- The ‘Save and Duplicate’: Duplicate the current product and continue to edit the new product;
- ‘Save and Close’: Publish your product, then close the tab.
Click the two ‘Save’ buttons on the left side of your screen, then click the Save button in the upper-right corner. And now you can check out your new configurable product.
11. Configure the Shopping Cart Thumbnails (Optional)
You can use this feature to display images of each simple product on the shopping cart page, helping customers find the right product. This will also reduce your number of returns and increase your sales.
Using Magento 2 Configurable Product Image Extension allows you to make your store more attractive. To configure the thumbnail pictures for each item in a cart:
Open the configuration panel by clicking Stores > Configuration > MageWorx Extensions > Configurable Products Images.
Select ‘Yes’ to Enable Shopping Cart Thumbnails or ‘No’ to disable them. If you enable them, you’ll select whether you want to use the default product image or select a different one.
12. Preview Your Set Up As a Final Check
To preview your new setup, click on the “Preview” button at the upper right of the product page. You’ll see how it looks on both mobile and desktop. Ensure all images are appropriate, product details and information are correct, and all links work as planned. If you need to make changes, return to earlier steps by clicking “Back.” Click “Save” to finalize your work if everything is in order.
What Are the Benefits of Using Magento Configurable Product
Using configurable products in Magento 2 offers the following benefits:
- Customers can choose the product of their choice.
- The customer can view all the products with their attributes and select them efficiently.
- Configurable products are user-friendly for customers, as they only need to browse through a few options to select their desired product instead of having same multiple products.
- Configurable products are easy to use for Magento merchants. They can easily manage inventory, increase sales and revenue and sell complex products on their site efficiently using configurable products.
That’s all you need to know about how to create a configurable product in Magento 2. This is a handy tool for managing inventory and for providing your customers with the most relevant information about your products as quickly as possible. By using this type of product, you can increase your sales and improve the experience that customers have when they are shopping on your site. If you want to learn more about how to use Magento 2 and other helpful tools, check out our other pieces on it.
You may also like to read our latest article, How to Build an Ecommerce Mobile App Without Learning Coding.