3D Sidebar Configurator for Products With Many Options

Products with dozens of possible combinations, such as shape, edge, colour, base and size, are hard to show in a regular webshop. Customers are left guessing which combination is possible, or have to contact customer service to find out. The sidebar configurator puts every choice next to the 3D product, so each combination is visible right away, matching the underlying product configuration itself. Because customers see every option on the 3D product before ordering, there’s less guesswork, and less risk of an order not matching what they expected.

Example: building a dining table

For a table, the sidebar configurator works as a full dining table configurator. Here is how configuring a dining table with this table configurator works, following the live demo above.

Options in the sidebar

The customer first picks the shape of the tabletop, followed by the edge finish. Next comes the colour of the tabletop and, through a RAL colour picker, the colour of the base. Every choice sits in the sidebar as a separate option, so the customer never loses track between the shape, edge, colour and base options. Because each option has its own place in the sidebar, it stays clear at a glance exactly what’s been chosen, even for a table with dozens of possible variants.

Instantly visible in 3D

Every choice made in the sidebar is applied to the 3D model immediately, without reloading the page, so the customer sees exactly what they are ordering before the configuration is even finished. The result can be viewed in 360 degrees and placed at actual size in the customer’s own space through augmented reality, for example to check whether the table’s size and colour fit the rest of the dining room. Once finished, the configuration can be shared with a single link, so a customer can run the chosen table past a partner before ordering. The same approach is also used in the furniture industry, for cabinets and seating with many variants.