2025-05-12 11:42:29

Creating a 3D-configurator for a modular sofa

In this article, we will look at creating a 3D-configurator for a modular sofa in our service. In it, the buyer will be able to change various module options, as well as upholstery and cushion materials.
Site3D Configurator: Creating a 3D-configurator for a modular sofa

Preparing the model

First, we will prepare a 3D-model in Blender. To do this, we will create a replaceable module that we will turn into the necessary options.

Next, we will add the necessary combinations of modules. At the same time, it is advantageous to clone identical elements using the link (Alt + D) for faster loading of the model.

We place all combinations in the center of the coordinates and name their component elements with a common part. In our example, these are "var_1", "var_2" and "var_3".

We assign our own material to the upholstery and pillows. We assign the general part of the name "pillow" to the pillows.

At the end, we export the finished model to GLB with compression to reduce the total size of the model file.

Building the configurator

Next, we create a new project in our service. Uploading the prepared 3D-model.

In the "Settings" block, on step 3, click on the plus icon and select "Add models". In the name of the part of the model, select "base". Next, we create a list of module options and enter "var_1", "var_2" and "var_3" as the name of the model part.

We add a change of materials for upholstery and pillows.

Adding a visibility switch for the pillows. In the "Related settings" block, specify the pillow material setting. When hiding the pillows, this setting will not be active.

The 3D-configurator of the modular sofa is ready. At step 4, you can get the code to insert it on the site or a link to view it in a separate browser window.