The second main section of Zakeke 3D product configurator consists of the composer.
Zakeke's composer has three main workflow options:
But you have additional tools to better organize everything like:
- Steps / Wizard
What is an attribute
We can define the attributes as variable features of products, all the possible choices of configuration seen by the final user.
For instance, once uploaded and optimized a watch, all its attributes can be defined as:
- Type of bracelet
- Type of dial
- Dial color
Each attribute must have one or more "options", for instance, for the "Dial color" attribute we can have:
How to add a new attribute
To add a new attribute, click the "Add" button in the top toolbar:
The attribute edit dialog will show:
The most important information is the name and the code of the attribute.
The "Preview options" selection will change how the options of the attribute are shown to the user.
Confirm to add a new attribute: it will be shown in the left sidebar.
Other useful options are:
- Options label: Show or hide the label below the option
- Camera position: choose a camera location that must be used when opening this Attribute.
- Objects: when one of these objects or one of its children is clicked, this attribute is opened.
How to allow end-users to get product options by clicking on the 3D model
If you want your customers to be able to click on a part of the 3D model to be able to choose options instead of having to click on the name of the attribute to get options, here below a video guide that shows you how to make it:
Options are the variants of the attributes.
Click the "Add" button to add a new option:
The "edit option" dialog will shown:
The mandatory informations are the name and the code.
You can add an image to the option (really raccomended) so that the user will see a preview of the option. This is how it will look like to the user:
Press "OK" to confirm.
Auto-create preview images
Other than uploading a preview image from your device , you can click the "Object screenshot" button or the "Material screenshot" button that will make and apply an image for you.
For each option it's possible to choose one or more actions that can edit the 3D scene to represent the product.
The main options which can be set are the followings:
- Show objects, to show the 3D assets we want to be seen in the final scene for that specific attribute;
- Hide objects, to hide the 3D assets we don't want to appear on the final scene for that specific attribute;
- Set object material, to set a particular material to the selected object;
- Set sub-object material, to set a particular material to the selected sub-object;
- Set material colour, to set a specific colour to the selected object or sub-object;
- Move camera, that allows selecting a pre-made camera position for the option of the selected attribute.
At the moment when you associate one action to the corresponding elements, you can use the wildcards to select a group of assets with prefixes or suffixes in common.
For instance if I will need to change the material for all the objects that have the word 'Case' in their names, then I have two options to group these selectors: I'll put the '*' before or after the word.
From the composer, you'll also be able to add a new price for each option of the attribute selected.
Go to the prices section, then click 'Add a new price' and add the amount you wish. Then you'll be able to edit, remove or set constraints to it.
Constraints / Links
Constraints are rules that link attributes and options by making them connected.
For instance the attribute 'Material' is true if the option 'Steel' is true. In this case we are setting the steel bracelet available on the scene if the attribute material and the option steel are both true.
Furthermore it's possible to set as true just one of the listed expressions.
If you have many attributes you can group them. This is how it will look like to the user:
To group one or more attributes select them (to select multiple attributes hold down the CTRL key while clicking), then press the "Group" button on the top toolbar:
The "New group" dialogue will be shown:
The main options are:
- Name: the group name.
- Icon: the image used as group icon. (optional, if none is provided then a default icon is shown)
Other useful options are:
- Direction: how the attributes are shown inside the group.
- Camera position: choose a camera location that must be used when opening this group.
- Objects: when one of these objects or one of its children is clicked, this group is opened.
After creating the group, the attributes tree is changed like this:
TIP 1: You can drag other attributes inside, outside or from/to another group.
TIP 2: Use the arrows to the right of a group to re-order them.
Steps / Wizard
Sometimes is necessary to help the user to configure the product through a path. So, apart from groups, Zakeke can organize your attributes on what we call "steps".
When using steps, the user will see only a few attributes at time, then he must click the "Next" button to proceed to the next step.
The creation of a step is very similiar to the creation of a group:
- Select one or more attributes (hold CTRL key while clicking to select multiple attributes).
- Click the "Step" button in the toolbar.
- A "New step" dialog will be shown.
- Type the name of the step and confirm.
The attributes tree will change like this:
This is how it will look like to the user:
TIP 1: Each group has its own steps.
TIP 2: Like groups, after you created a step you can drag other attributes inside, outside or from/to other steps.
TIP 3: Like groups, you can use the arrows to the left of the step to re-order them.