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

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

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.

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.

You can think of them as statements like these:

- When this variant is active, replace mesh1 (used in a different variant) with mesh2 (not active used any variant).
- When this variant is active, replace material1 (used in a different variant) with material2 (not active used any variant).

Mesh/material replacements should only be used for assets in other Parts/Variants

Mesh replacement

Mesh replacement is a condition that replaces an actively used mesh with another mesh in from resources.

It is mainly used in configurators with multiple size options.

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.

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

Material replacement

Material replacement is a condition that replaces an actively used material with another material in from resources.

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

Can be used to change material on all/multiple meshes that are in different parts
Was this article helpful?
Thank you!