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!

Hem – Alphabeta (legacy viewer)

Tennis racket

Sayduck Platform configurator is currently not supported by Internet Explorer

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!

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!

Building configurator on Platform

Add a part to configurator

Each part signifies a configurable part of the product, for example, sofas fabric or its legs. You can then create new variants or material options for each part.


Variants represent each option user can build to their configurator. For example, each fabric on a sofa would be an individual variant.

Add variant

This creates a new scene with the node data of your active variant, or when used in a new part, it creates an empty 3D scene. You can then edit this new scene however you choose, but in most cases, you would just add new material to your product part.

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


You can mark parts as optional, which will add a "No part" option to your configurator picker. This can be added by selecting the part and checking the checkbox.

Variant groups

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 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.

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

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

Variant conditions

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

Mesh replacement

Mesh replacement is a condition that you add to a variant that changes one mesh to another when the variant is active.

Here we replace Down Round Cap Tall active in Bottom part with Down Round Cap Small:

Material replacement

Material replacement is a condition that you add to a variant that changes one material in the 3D viewer to another when the variant is active.

Here we replace the Jet Black active in Bottom part with Steel Blue:

You can use material replacements to for example build a logic that your first part controls the material for all of your other parts.

Configurator Tutorial

First Part

The first part you will want to build is the Support section. This part will contain only one variant and in it, you will add all the parts of your product that are not configurable. As it contains only one variant, it will not be displayed in the picker.

Add meshes to the scene
Assign materials to the meshes

Second Part

Next, we will build the Top section. For this you will need to create a group for each of the mesh options, then create different color variations for each group.

Create a new part
Click the + from the corner to add a new Group to your part
Create a new variant
Add nodes to the scene

You will repeat this for all your selections on your top part. If you do not have different meshes in your part you do not have to create different groups.

Third Part

The third part will be the Bottom section and it will be build the same way as the previous part.

Create a new part
Click the + from the corner to add a new Group to your part
Add variant and assign nodes to the scene

Was this article helpful?
Thank you!