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.

1

Create a configurator

1. Open Catalogues › Product Configurator.

2. Click Create configurator.

3. In the General tab, give it a name, e.g. "Sign configurator", and set it to Active.

2

Add fields

Switch to the Elements tab. On the left you see the element tree, on the right the settings of the selected element.

1. 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.

2. 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.

3

Assign a product

1. Switch to the Products tab.

2. Search for the desired product and add it.

3. Save the configurator in the top right.

4

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