Configurator (Business Pro)

The configurator layout works with individual 3D scenes or variants stacked on top of each other. These scenes are built by creating new variants within your new parts. Each part represents a configurable section of the product. Within a part, you can edit meshes, create new variants or assign new material options for each part.

Remember when building a configurator you can always contact support and we will help you build your product!

Umage cabinet


Web AR

The 3D configurator supports our Web AR feature. This means that any configuration can be displayed in AR with a single click from the 3D viewer.

Available for all iOS 12 or newer devices and coming soon to Android!

Configurator Picker

The Sayduck Platform has a default picker that is provided to all our users. It is to be added separately and can customize and improve to fit your theme.

For more info on building the picker, check out Configurator API!

Building configurator on Platform

Below you can find our in-depth tutorial videos on building configurators in the Sayduck Platform. After that there are more detailed explanations to each of the configurator related feature.

Configurator Tutorial (part 1) - Learning the basics

This video shows you how to build a basic material configurator within the Sayduck Platform.

You can view the final product from this link:

Configurator Tutorial (part 2) - Groups and Mesh replacements

This video shows you how to build a configurator with multiple sizes as well as how to use groups in the Sayduck Platform.

You can view the final product from this link:

Configurator structure

Configurators are constructed from multiple Variants or in other words 3D scenes that are loaded on top of each other.

The Variants (RED, WHITE | OAK, WALNUT) are separated into their own containers called Parts (SEAT | LEGS) as seen in the image below.

Create a new Part

To create a new Part, simply click the Add part button.

Create from material folder

Feature that automatically creates a part with variants for all material inside the folder.

Simply select the Material folder and Base material and click Create configuration.

Material folder
Materials inside this folder will be created into variants and the name of the part will be the same as the folder name.

Base material
The material that is assigned to node in the 3D scene. This material will then be changed to the materials inside the folder with the use of Material replaments

Mark Part as Optional

You can mark parts as optional, which will add a "No part" option to your configurator picker.

You can create the same effect with an empty variant

Create (sub) groups to your Part

Groups allow our users to create options suited for their configurator. A group will be displayed similar to your other variants, but when selected it opens a new drop-down filled with options.

Group + Creates a new group. Note that you can also create groups with in groups.

Group Name This name will be displayed in the drop-down options as well as above its variant options when no label has been added.

Group Label Replaces the group name displayed above the variant drop-down.

You can use groups to not only separate meshes but to create different categories of materials in your variants, for example, "Leathers" and "Fabrics".


Variants represent the 3D scenes that create the configurable product. In a configurators, variants can hold:

- 3D objects or nodes (mesh + material)
- Conditions (mesh/material replacements)

For more information, check out Variants

Create a new Variant

Add variant creates a new 3D scene with by coping your active variant, or when used in a new part, it creating an empty 3D scene.

You can find more information about editing your 3D scene by going to Scene.

Variant conditions

Variant conditions are global settings that are used to change meshes and material in the 3D scene.

The logic of mesh/material replacements can be hard to grasp at first. If you have any question, please reach out and we will help you out.

Mesh replacement

Mesh replacement is a condition that you add to a variant which replaces a mesh with another in the 3D scene.

The sentence to explain this best is:
When this variant is selected, I will replace the mesh called handle_S_S with handle_S_L.

Additional sizes
- Create different size options to your configurator by replacing SIZE 1 (used in variants) with SIZE 2 (in your resources) meshes.

Armrest option
- Remove all Armrest meshes by replace meshing them with nothing.

With the current logic, the added mesh is first positioned to its original position and then moved to the position of the mesh they are replacing. This causes issues when trying to use Mesh replacement multiple times to the same mesh. To avoid issues created from adding this, Mesh replacements should mainly be used from one configuration.

Material replacement

Material replacement is a condition that you add to a variant which replaces material with another when the variant is active. These are mainly used when you want to create separate parts that controls materials assigned to multiple meshes.

The sentence to explain this best is:
When this variant is selected, I will replace material shadow_material with shadow_S.

The best way to use Material replacements, is to create a separate configuration with only the needed Material replacements.

Was this article helpful?
Thank you!