How to define design steps?

< Continue Browse

Design steps (or customization steps) allow customers to customize their designs in different ways by changing colors and prints, or adding graphics and text. 

There are a total of 7 design steps available:

  • Color
  • Text
  • Image (logo)
  • Material
  • Print
  • Placeholder (personalization)
  • Order details

Design steps can be added or removed on a product or shop level. Steps that are defined on a shop level will apply to all your products. When you define a step on a product level, it will overwrite the steps on the shop level.

IMPORTANT: The ‘Placeholder’ and ‘Order details’ steps can only be added on a product level, not on a shop level. You can read up more here on Placeholders and Order details.

In the Design Step configuration panel, you can also select the option to add a quotation request form to the shopping cart (basket) of your configurator. Customers can fill out the request form and submit to you. The quotation form helps your business generate more leads and convert them into sales. Learn more about the quotation form here

The default state of the studio is to display 3D products. However, with the BRIKL configurator you can also enable a 2D view. This gives you the possibility to upload a 2D image/photo of your product, that you can customize by adding text, images or personalization options. You can learn more about how to upload 2D images here.

Design steps can be sorted using the input box below the name of each step. The sorting of the steps will affect the overall UI of the 3D Configuration. It will order your customization features tabs in ascending order. If you want any particular step to appear first you need to assign a 0 to the sort order.

Step 1

Navigate to the BRIKL dashboard

Dashboard design nav



Step 2

Open Design > custom product

Open Design > custom product


Step 3

Open the product in the Studio Editor

Open the product in the Studio Editor


Step 4

Open the Studio settings menu

Open the Studio settings menu


Step 5

Open Design steps tab

Open Design steps tab


Step 6

In the Shop section, select the new step you want to add or remove. 

In the Shop section, select the new step you want to add or remove. 
Select steps to add


Once you have added all the steps, you can expand each step and assign a sort order. 

Once you have added all the steps, you can expand each step and assign a sort order. 


Step 7

You can also set the design steps on a product level. This will overwrite the design steps that you defined on a shop level. 
IMPORTANT: Once you have added your first design step on product level, the design steps on shop level will no longer be applicable.

You can also set the design steps on a product level.


Step 8

Make sure the “Show 3D view” is selected. Otherwise you and your customers will not be able to interact with the 3D object.

You can also upload 2D images/photos instead. Learn more about the Show 2D view only here.

Make sure the “Show 3D view” is selected.


Step 9

You can enable a ‘request for quotation” in your cart settings. By doing so, the customer will  be able to submit a request form. Learn more how requests forms work in our 3D Lead Generator guide.

You can enable a ‘request for quotation” in your cart settings.


Copyright © 2020 BRIKL BV, Belgium/Europe