Product Configurator
Quickstart
In this chapter you build your first configurator in a few minutes and assign it to a product. We configure a simple example: an engraved sign with a colour selection (with a surcharge) and an engraving text.
-
Create a configurator
- Open Catalogues › Product Configurator.
- Click Create configurator.
- In the General tab, give it a name, e.g. "Sign configurator", and set it to Active.
-
Add fields
Switch to the Elements tab. On the left you see the element tree, on the right the settings of the selected element.
- Click Add element and choose the type Select list (dropdown).
- Label: "Colour"
- Technical identifier:
colour - Create three options in the option editor: Silver, Gold, Black.
- Give Gold a surcharge of €5.00, for example.
- Add a second element of type Text field.
- Label: "Engraving text"
- Technical identifier:
engraving - Enable Required field.
You can find more about all building blocks under Elements & field types.
- Click Add element and choose the type Select list (dropdown).
-
Assign a product
- Switch to the Products tab.
- Search for the desired product and add it.
- Save the configurator in the top right.
-
View it in the shop
Open the product page in the storefront. Your configurator now appears below the buy area. Choose a colour and enter an engraving text – if you select Gold, the price immediately increases by €5.00.
What next?
- Want to calculate the price by dimensions or quantities? → The formula
- Want to show/hide fields depending on others? → Conditional visibility
- Want to control the behaviour in the cart? → Plugin configuration