The Composer section is where you set the rules on how your product can be customized.



  1. Before you start
  2. Pre-set Configurations
  3. Prices
  4. Constraints / Links
  5. Showing attributes in groups or steps


1. Before you start

Before you begin setting up customization rules, it's crucial to grasp some fundamental concepts to fully understand how to manage your configurable items. Make sure to follow this guide to better understand Attributes, Options, and Functions before checking this guide.

2. Pre-set Configurations

Pre-set configurations in Zakeke allow you to have the ability to define new attribute and options combinations for your products inside the 3D configurator. Pre-set configurations can be defined for all the elements of your products or just some of them, giving customers the freedom to create unique designs based on your defined rules. Please follow this guide to create and manage pre-set configurations


3. Prices

You can set a price for each option in order to have a dynamic price for your product, meaning that the final price of the product for your customers changes based on the options that they select.

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. 



Only for Shopify users

Shopify users are not provided with the Prices tab because Shopify does not allow any dynamic price and the only way to set a price for each option is to link each option to an actual variant of the product in the store.

If you wish to set a specific price for each option, you need to use the Adjust price option that you see in the Create New Option modal when you create a new option for your product. That is where you can set a price for the option (Zakeke is able to dynamically calculate the final price of your product by adding the prices of all options). In order to do so, Zakeke needs to link the option to an actual variant of your product at your store and you can choose whether to use an existing variant (Use an existing variant in your shop) or create it on the fly (Create a charge).





4. Constraints / Links

Attributes and options can be linked to each other to create conditional rules and constraints, such as making an option or attribute available only if given conditions on other option(s) or attribute(s) are met

Constraints are set and managed from the Link feature in the menu of the attribute/option.

Please note that those shown below are just some generic examples, links can be used with options of any kind, including those that have actions on objects.



You sell a customizable backpack for which customers can choose both the leather color and the zipper color:

  • Attribute: Leather Color
    • Option 1: Black
    • Option 2: Brown
  • Attribute: Zipper Color
    • Option 1: Gold
    • Option 2: Silver

However, the silver color for the zip is available only for the brown version of the backpack:

  • Attribute: Leather Color
    • Option 1: Black
    • Option 2: Brown
  • Attribute: Zipper Color
    • Option 1: Gold
    • Option 2: Silver - Only available for the Option 2 (Brown) of the Attribute 1 (Leather Color)

This is how to set the constraint rule:


In the configurator, it's like in the image below:




5. Showing attributes in groups or steps

Zakeke allows you to change the way attributes are shown to your customers. In particular, you can group attributes or make each attribute (or group of attributes) a single step of a process for which your customers proceed step-by-step (attribute by attribute) to personalize your product instead of having all attributes available at the same time.


5.1 Groups 

Attributes can be grouped into Groups. For each group you can have as many attributes.

Example: a shoe where your customers can choose a color or a material (options) for the different parts (attributes) that compose the shoe. The group is "Customize colors" which includes all the attributes (front, side lace, tongue, swoosh, ...) and for each attribute, you have color options (yellow, blue, black, ...).


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:

You see the Create New Group window

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 position that must be used when opening this group (learn here more on how to set camera positions).
  • 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.


5.2 Steps

By using the Steps option you can make it that customers go through a step-by-step process to personalize your item. You can set a step for each attribute or even for a group of attributes. Customers are able to move among steps by using "back" and "next" buttons.

To create a step:

  1. Select one or more attributes (hold CTRL key while clicking to select multiple attributes).
  2. Click the "Step" button in the toolbar.
  3. A "New step" dialog gets shown.
  4. Type the name of the step and confirm.

The attributes tree changes as in the image below:

This is how your customers see the configurator:


Example of steps that group multiple attributes



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.


Was this article helpful?
2 out of 2 found this helpful