This page runs a working configurator for an illustrative magnetic-switch keyboard. Choose a case colour and a UK, US or Nordic layout, and the summary records the exact build, ready to send as a quote request.
Keyboard buyers tend to split into two camps. Competitive players care about the switch: how far it travels before a press registers, and whether actuation can be tuned key by key. Office and home users care more about how the board sits on the desk and whether the legends match the language they type in. Both groups will send a keyboard back if the Enter key turns out to be the wrong shape.
PC and gaming hardware Configurator demo
Magnetic Keyboard
- Product
- Magnetic Keyboard
- Colour
- Black
- Layout
- UK
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
Four of the six case finishes are live in the demo: black, white, gunmetal and navy. Each is its own product image, so the surface finish reads properly. The layout selector covers UK ISO, US ANSI and Nordic. On a keyboard that choice is not cosmetic. It changes the Enter key, the left Shift and the legends on a row of punctuation keys, so it belongs on the order as a named option.
- Colour: Black, White, Gunmetal, Navy
- Layout: UK, US, Nordic
Why a configurator suits keyboards
Six case colours across three layouts gives eighteen distinct keyboards. Many peripheral shops photograph the black US version and let every other variant inherit it. That is how a UK buyer ends up looking at an ANSI Enter key on a page selling ISO stock.
Layout mistakes are costly in this category. A keyboard that has been unboxed and typed on is hard to resell as new, and a customer who wanted Nordic legends cannot fix it with a keycap swap unless the shop sells one. Showing the correct layout, and passing it to the order as a structured field, removes one of the most avoidable returns in the range.
Colour also drives stock risk. Sand and forest will sell to a narrower audience than black, and a retailer importing by the carton wants to know which ones are pulling before reordering. Saved builds show which colour and layout pairs people put together, even when they do not buy that day.
How a production version would be built
A keyboard suits layered images. The case is shot once per colour from a fixed top-down angle. Because only the Enter key, Shift and a handful of legends change between layouts, those keys can sit on a small overlay rather than needing a fresh photograph of the whole board. If keycap colour becomes an option later, it slots in as another layer. Behind the images sit SKUs per colour and layout, regional stock and any pairs not offered. On Shopify each build maps to a variant with its own stock count.
Build sheet for this range
- Colours in the full range: 6 (4 shown in this demo)
- Layout choices: 3
- Combinations to support: 6 × 3 = 18
- Images for one photograph per combination at 3 angles: 54
- Images if layouts can be shown as separate layers, at 3 angles: 27
- Data each of the 18 combinations needs: a SKU or variant ID, price, stock or lead time, and any dimensions or specification that change
Questions about keyboard configurators
Can a configurator show ISO and ANSI layouts without photographing every colour three times?
Yes. Only a small group of keys changes between layouts: the Enter key, the left Shift and some punctuation legends. Those can be shot or rendered as an overlay that sits on the base image of each colour. One clean top-down shot per colour, plus a matching overlay for each layout, covers the full range.
Could buyers choose actuation point or rapid trigger settings in the configurator?
They could, but these are firmware settings rather than physical parts, so most brands manage them in companion software. Where a configurator helps is explaining what magnetic switches do before purchase, with a short note beside the switch option. If you ship boards with factory-tuned profiles, those can be offered as named presets.
How should layouts be handled when we ship to several countries?
Default the layout to the visitor's region, then let them change it. A UK visitor lands on ISO UK, a Swedish visitor on Nordic, and the summary always states the layout in plain words. That cuts the number of orders where someone accepted a default without noticing it was wrong for them.
Can a keyboard configurator include keycaps and cables as add-ons?
Yes. Keycap sets, coiled cables, wrist rests and spare switches work as optional extras on the same order. Each one needs its own image or thumbnail. Compatibility, such as which keycap sets fit which layout, belongs in your configurator product data so the page never offers a set that will not fit.
More PC and gaming hardware configurator demos
Media Keyboard
Mesh Airflow Chassis
Panoramic Glass Tower
Portable Games PC
Pro Gamepad
Silent Mesh Chassis
All PC and gaming hardware configurator demos
A configurator for your keyboards
This demo uses an illustrative product. If you sell keyboards, I can build the same experience around your own range, photography and ordering process, connected to Shopify, WooCommerce or a quote workflow. I reply to enquiries within two UK working days.