Product configurator

Presentation in the shop

The same data can be shown in very different ways. What fits depends on whether the customer is comparing, browsing or just ticking boxes.

Presentation

You choose the presentation per stream on the Display tab.

Coffee as list
House blendstrong, crema €8.90 Espresso Fortedark roast €10.90
Mug as gallery
Classic €6.90 Double walled €12.90 Thermal €16.90

as list

One row per product. The most readable option, good for many lines - but without an input field.

as slider

Side by side with paging. Good when the image matters and space is short.

as gallery

A grid of tiles. The choice for looks, input field included.

Fine tuning

Depending on the chosen presentation, the Display tab shows a group of its own below.

Show image

Adds the product cover to the list view.

Click behavior

What a click on the product in the list view triggers.

  • Open product info
  • Select product

Reduce distances

Moves the gallery tiles closer together.

Full area marking

Hides the selection buttons in slider and gallery; the whole product becomes clickable.

Keeping an overview

Chosen so far

Carcass 80 cm, oak€189.00 Metal feet, black€42.00
1. Base unit decided

collapsed - open to change

2. Shelves and back panel several open
Shelf, oak−3+ €87.00

When should groups collapse?

From about six groups on. Below that, opening and closing costs more clicks than it buys in clarity.

The three switches for this sit on the configurator, not on the stream - described in the chapter “Creating a configurator”.

When is a summary worth it?

As soon as scrolling makes the customer lose track of what they have already chosen. With two groups it is not needed.

With images or without?

With images when the choice is made visually. Without when the numbers decide - the list then reads faster.

Position on the product page

You choose the position on the Configurator tab in the Options card.

1Open the Position field. It offers the four places to choose from.

Full width

The configurator sits under the image and takes the full width.

  • Below the image, above the description (full width)
  • Below the image, below the description (full width)

Right column

The configurator sits right next to the price, inside the buy box.

  • Below the price, above the “shopping cart” button (right column)
  • Below the price, below the “shopping cart” button (right column)

The right column is narrow. For a few short groups this is the most direct solution, for long journeys it is not.

← Back to the manual

Frequently asked questions

Which presentation should I pick?
List for many lines, gallery when the image sells, slider when both apply and space is short. If an input field is needed, only slider and gallery will do.
Why can I not see my input field?
The stream is probably set to list. The input field appears as slider and as gallery only.
Can the configurator sit right next to the price?
Yes, through the position in the right column - above or below the cart button as you prefer.