Quooker configurator

Een kokendwaterkraan-configurator op je productpagina: kraan, afwerking, reservoir met advies, gekoeld en bruisend water, extra's en een overzicht dat als losse regels in de winkelmand gaat — ingericht en bijgehouden vanuit je eigen catalogus, prijzen en voorraad.

Updated 30 Oct 2026·Reading time 15 minbeginnermodule

Wat is het?

De Quooker configurator laat een bezoeker op de productpagina in zes stappen een kokendwaterkraan samenstellen: kraan, afwerking, reservoir (met drie vragen advies), gekoeld en bruisend water, extra’s en een overzicht. Alles wat de bezoeker kan kiezen komt uit je eigen catalogus in Nexym: de modellen, de kleuren, de vorm, welke reservoirs bij welke kraan horen, de afbeeldingen, de prijzen en de voorraad. Komt er een kleur of model bij, dan staat die er vanzelf in; is een artikel uitverkocht, dan is het niet te kiezen. Het is een klantmodule: Nexym zet hem aan voor de projecten die hem hebben.

Wat je nodig hebt

Een koppeling met je shop die producten, prijzen, voorraad en afbeeldingen inleest, met de attributen van je Quooker-artikelen: het model van een losse kraan, het soort artikel, het type reservoir (PRO3, COMBI, COMBI+), de kleur, de vorm en de inhoud.
Het embed-script op je site (Beheer → Setup).
Om in de winkelmand te kunnen leggen: een shopkoppeling die de id’s van je producten kent (zoals voor de winkelmandknop van Zoeken).

In drie stappen live

Zet de module aan. Hij richt zich zelf in: op Quooker configurator → Catalogus zie je bij Automatisch ingericht uit welk attribuut hij de kraanmodellen, de soort, het type reservoir, de afwerking, de vorm, de uittrekbare slang en de liters haalt, en wat hij niet vond. Onderaan staat in Wat de configurator ziet elk model, elke afwerking en elk reservoir met prijs, voorraad en bron (een attribuut, je orders, of meegeleverd).
Bekijk het resultaat op Voorbeeld, op desktop en mobiel, met je echte catalogus. Pas op Instellingen zo nodig de plek van de knop, de teksten en het logo aan — alles heeft een standaard. Kleuren, afronding, lettertypes en knoppen komen uit Setup → Look & feel, dezelfde als van je andere modules.
Zet de module op live. Op Overzicht zie je hoe vaak hij geopend is, hoe ver bezoekers komen, hoe vaak het advies gevolgd is en hoeveel configuraties in de winkelmand gingen. Staat CDP (Segments) aan, dan maak je daar met Maak segment direct een segment van elke stap of gekozen optie (zie Meten en privacy).

Hoe de catalogus werkt

Kraanmodellen zijn je losse kranen, gegroepeerd op het attribuut dat hun model noemt (bijv. FLEX Square). Elke kleur van zo’n kraan is een afwerking. Artikelen met kraan én reservoir in één SKU (sets) gebruikt de configurator standaard niet: de kraan en het reservoir gaan als twee losse regels in de winkelmand.
Reservoirs zijn je losse reservoirs, herkend aan het type reservoir. De systeemprijs is kraan + reservoir; het verschil met het goedkoopste reservoir staat als + € … op de kaart. Standaard past elk reservoir bij elke kraan; koppelt je shop kranen aan hun reservoirs (gerelateerde producten, up- of cross-sells), kies dat dan bij Bron.
Vorm (Round/Square) komt uit het vormattribuut, anders uit de naam van het model; stijl (Modern/Classic) uit de naam. Een model zonder vorm staat bij beide filters, en een filter met maar één waarde wordt niet getoond.
Meest gekozen komt op het model dat het meest besteld is (180 dagen), tenzij je zelf een label instelt. De USP over de uittrekbare slang staat alleen bij modellen die er een hebben.
De tekst en cijfers van een reservoir (liters, afmetingen, vermogen, energielabel) komen uit het reservoirartikel. Waar de hub niets heeft, gebruikt de configurator de meegeleverde waarden van dat type reservoir — het voorbeeld zegt welke.
Een extra of accessoire waar geen artikel bij past, wordt niet getoond: geen lege kop, geen prijs. Past er geen enkele extra bij de keuze, dan valt de stap Extra’s weg.
Sla je een kaart op het tabblad Catalogus op, dan wordt die kaart je eigen regel. Terug naar automatisch zet alles weer op automatisch.

Wat de bezoeker ziet

Op de productpagina van een losse kraan: een kaart met het logo en Kieswijzer, een korte kop, de vanaf-prijs (kraan + reservoir: het goedkoopste model in de goedkoopste afwerking met het goedkoopste reservoir), de knop Stel je Quooker samen en onder een lijn de drie punten (één per regel bij Instellingen). De kaart staat automatisch in de kolom van de producttitel, direct onder het blok met de winkelwagenknop, en lijnt uit met de titel. Plaats je hem zelf met een CSS-selector, dan komt hij als eigen blok vóór of na dat element — nooit ingeklemd in een rij knoppen. De kaart staat alleen op de productpagina van een artikel uit de configurator — nooit op andere producten, categorieën of contentpagina’s. Bij Instellingen → Toon op productpagina’s van kies je: alle artikelen van de configurator (standaard), alleen kranen, of kranen en reservoirs; met een eigen CSS-selector kan ook Overal waar de CSS-selector staat. Is de kolom smal (bijv. op mobiel), dan staat de prijs op een eigen regel en is de knop even breed als de kaart.
Een venster over de pagina met grote foto’s van het gekozen artikel; de foto wisselt mee met model en afwerking. Het adres verandert mee, dus Terug sluit het, een herlaadbeurt houdt de keuze vast en Deel link deelt precies deze configuratie.
Wissel je van kraan, dan gaan afwerking, reservoir en extra’s terug naar de standaard van dat model. Een andere afwerking verandert alleen de kraanprijs; een zeepdispenser kleurt mee. Kies je PRO3, dan verdwijnt de montagebeugel; zonder CUBE vervallen de CUBE-accessoires.
Het advies stelt hooguit drie vragen en raadt een reservoir aan, maar kiest nooit zelf. Vergelijk reservoirs opent een paneel met een kolom per reservoir (gekozen en aanbevolen gemarkeerd) en de cijfers per onderwerp. Met Verschillen (standaard) staat wat voor alle reservoirs gelijk is apart in het grijze blok; Alles toont elke rij. Op mobiel staan de drie reservoirs als kaarten bovenaan die bij het scrollen kleiner worden en blijven staan; per rij staat het label boven de drie waarden en de beste waarde is gemarkeerd. Onderaan kies je Houd … of het aangeraden reservoir.
Bewaar per e-mail stuurt de afbeelding, de regels, het totaal en een korte link (?qc=…, 90 dagen geldig) die de configuratie weer opent, plus Direct in winkelmand. De e-mail draagt de look van je winkel (Setup → Look & feel: kleuren, lettertype, afronding, knop) en heeft bovenaan het logo van je winkel, of de naam van je winkel als er geen logo is. De configurator bewaart het adres nergens; alleen met toestemming voor herkenning koppelt Nexym het (versleuteld) aan de bezoeker, zie Meten en privacy. Wie geen mail wil, kiest Kopieer link. De tekst van de e-mail pas je aan onder Instellingen → E-mail → Templates.
Het overzicht toont per keuze een regel met foto (kraan, afwerking, reservoir, bruisend water en elke extra), de prijs of Inbegrepen en wijzig, en daaronder het totaal. Ook in de keuzerijen van reservoir, bruisend water en extra’s staat de foto van het product.
Plaats in winkelwagen legt alles in één keer in de winkelmand, met één melding. Lukt één product niet, dan staat erbij welke en waarom (bijv. is nu niet te bestellen in de winkel), met Opnieuw. De reden van de winkel zie je op Overzicht bij Aandacht nodig. Een artikel waarvan de hub het nummer in je shop niet kent, staat in Wat de configurator ziet als Niet bestelbaar via de winkelmand.
Is een gekozen combinatie niet (meer) leverbaar — bijvoorbeeld uit een oude link — dan staat er Niet leverbaar in plaats van een prijs, met leverbare alternatieven om te kiezen. Een prijs van € 0 toont de configurator nooit.
Een artikel zonder voorraad dat je shop nabestelbaar heeft staan (bijv. Magento Nabestellen: Toegestaan), is gewoon te kiezen en te bestellen. Op de kaart, in het vergelijkpaneel, in het overzicht en in de e-mail staat dan Nabestelling · langere levertijd — of de levertijd uit je eigen attribuut (bijv. Levertijd) als dat er is. Alleen wat niet te bestellen is, heet Niet leverbaar. De vanaf-prijs en het advies tellen nabestelbare artikelen mee.
Of een artikel op voorraad, uitverkocht of nabestelbaar is, leest de configurator uit de voorraadstatus van Nexym zelf — dezelfde als in de productlijst. Heeft een artikel helemaal geen voorraadregistratie, dan is het te koop zolang Producten zonder voorraaddata op Tonen staat — voor al je modules onder Setup → Look & feel → Producten tonen, of alleen voor de configurator met Afwijken voor Configurator (tabblad Catalogus); zo beslist de winkelmand van je shop. Staat het op Verbergen, dan heet zo’n artikel Niet leverbaar.
Op mobiel staat elke stap op een eigen scherm met Stap 1 van 6, één vraag tegelijk, en opent de balk onderaan het overzicht.
Het venster en de configurator op een eigen pagina (hieronder) zijn dezelfde configurator: dezelfde stappen, kaarten, regels, overzicht en balk. Alleen de lijst eromheen verschilt — het venster met titel en sluitknop, de pagina met de kop van je winkel.

De configurator op een eigen pagina

Wil je de configurator als pagina in je winkel, zet dan op een lege CMS-pagina deze ene regel:

<div data-nexym-kies="quooker"></div>

De configurator vult de breedte van de inhoud (tot 1320 px); kop, voet en kruimelpad van je winkel blijven staan. Bovenaan staat ← Terug naar het product waar de bezoeker vandaan kwam (en het kruimelpad Home › Quooker configurator als je pagina er zelf geen heeft), dan de titel met Stap X van 6 · opnieuw beginnen en een balk met de zes stappen; elke stap is klikbaar. Daaronder links de foto met je keuzes als pillen (die schuift mee) en rechts alleen de huidige stap. Onderaan plakt een balk met je samenstelling, het totaal, Bewaar, Vorige en Volgende (in de laatste stap Plaats in winkelwagen); aan het einde van de configurator stopt die balk vanzelf boven de voet van je winkel. Op mobiel staat de foto klein bovenaan, één vraag tegelijk bij het reservoir en een compacte balk met het totaal. De keuze staat in het adres van de pagina (?tap=flex-round&finish=gunmetal&res=pro3), zodat delen, terug en herladen werken. Prijzen, voorraad, advies, winkelmand, bewaren en de cijfers zijn dezelfde als in het venster; zo’n sessie telt als Configuratorpagina.

Onder Instellingen → Configurator op een pagina staan de code (met Kopieer), het adres van die pagina, of de knop op de productpagina en de banners het venster openen of naar de pagina leiden en de kleur van de winkelwagenknop (je hoofdkleur uit Look & feel, die van de winkelwagenknop van je winkel, of een eigen kleur). Het lettertype is dat van Look & feel; staat daar dat van je winkel, dan neemt de pagina het lettertype van je winkel over. Bij Voorbeeld zie je de pagina onder Pagina.

Openen vanuit andere modules en links

De configurator opent ook buiten de productpagina:

Vanuit een popup of UI-element en een zoekbanner: kies bij de knop Open de Quooker-configurator (of die van één kraanmodel). Die keuze staat er alleen als de configurator aan staat.
Met een gewone link in je eigen content: #nexym-open=quooker-configurator, eventueel met &model=flex-round (en finish, reservoir, step). Op een link-element kan ook data-nexym-open="quooker-configurator" met data-nexym-model="flex-round". Staat de configurator niet aan, dan doet zo’n link gewoon wat zijn eigen href zegt.
?qc_open=1 in een adres opent hem bij het laden van de pagina.

Per sessie zie je op Overzicht → Geopend via waar hij vandaan kwam: de knop op de productpagina, een gedeelde link, de bewaarmail, een zoekbanner, een popup of een andere link. Websitechat en de keuzehulp hebben (nog) geen knop die een andere module opent; een popup met deze knop kun je wel vanuit de keuzehulp tonen.

Niet voorradig en nabestelbaar

Wat nu niet te bestellen is, heet Niet voorradig. Onder Instellingen → Logo en beschikbaarheid → Niet voorradige producten kies je Tonen, uitgegrijsd (standaard) of Verbergen. Verbergen laat zulke modellen, afwerkingen, reservoirs, CUBE en extra’s weg; tellers en filters volgen. Wat de bezoeker al gekozen heeft (bijv. uit een gedeelde link) blijft staan, met de voorradige alternatieven.
De kaarten zelf tonen alleen naam en prijs. Of iets nabestelbaar is, en de levertijd uit je eigen attribuut, staat in de balk onder de afwerkingen, onder de reservoirs bij het gekozen reservoir, in het overzicht, in het vergelijkpaneel en in de e-mail: op één regel, de rest in de tooltip. Welk attribuut de levertijd levert, zie je op Catalogus bij Levertijd bij nabestellen uit.

Bedragen volgen de instelling valutateken tonen van je website (Setup → Websites) en Hele bedragen onder Setup → Look & feel → Producttegel (1.455,00 of 1.455,-). Wat een debugbrowser doet, telt niet mee in de cijfers.

Per store

Draait je project meer dan één store, dan kies je in de projectwissel bovenin een store (of één taal ervan). Een balk bovenaan Instellingen zegt dan dat wijzigingen alleen voor die store gelden. Elke instelling die per store kan verschillen heeft Standaard gebruiken: aangevinkt volgt de store het project, uitgevinkt zet je een eigen waarde. Een eigen waarde staat erbij als Eigen waarde · terugzetten; met terugzetten volgt de store weer het project.

Per store kunnen verschillen: de plaats van de knop op de productpagina (plaatsing, selector, positie, op welke pagina’s), alle teksten, de knoppen Bewaar per e-mail en Delen, de eigen pagina (adres, waar de knop heen leidt en de winkelwagenknop), het logo en wat er met niet voorradige producten gebeurt. Kleuren en lettertype per store stel je in bij Setup → Look & feel voor die store. De winkel laadt op elke pagina de instellingen van de store van die pagina, en een bewaarde configuratie wordt gemaild in de look en met het logo van de store waar hij bewaard is. De catalogus (kranen, reservoirs, extra’s, afwerkingen) en de voorraadregel gelden voor alle stores. Met één store verandert er niets.

Promotie in het overzicht

Onder Instellingen → Promotie zet je een bundelkorting in de laatste stap, waar de beslissing valt.

Toegepast: kiest de bezoeker een bundel, dan staat bovenaan het overzicht een groene balk met wat hij bespaart en TOEGEPAST. Elke regel toont de oude prijs doorgestreept en de nieuwe eronder. Het totaal staat onder elkaar: Subtotaal, in groen Bundelkorting 5% met het bedrag, een lijn, het Totaal incl. btw, en daaronder de voorwaarde. De balk onderin toont één prijsblok: een groen label Je bespaart … · 5% bundelkorting, de nieuwe prijs, de oude doorgestreept en incl. btw. De knop zegt In winkelmand · 5 producten. Op de telefoon staat het prijsblok over de hele breedte, met de knoppen eronder.
Bijna: mist er nog één ding, dan zegt een gestippelde roze balk wat. De knop + CUBE opent die stap, en na de keuze ben je terug in het overzicht.
Klopt er meer dan één ding niet, dan staat er niets.

Wat een bundel is: een kraan met een reservoir (of een set van beide), en de CUBE erbij als je die aanvinkt. Een minimaal totaal kan ook. Die bundel controleren de configurator én de shop: Nexym maakt in Magento een kortingsregel die alleen op zo’n bundel werkt en alleen de artikelen uit de configurator afprijst (zie Kortingscodes). Het minimale totaal controleert Nexym voordat het een code meegeeft.

Zo zet je hem aan

Kies de soort (% bundelkorting, Vast bedrag of Alleen bericht), de korting, wanneer hij geldt, de twee teksten en de looptijd. In de teksten vult Nexym {bedrag}, {percentage} en {ontbreekt} in. Onder de teksten zie je beide balken met een voorbeeld uit je eigen catalogus. Sla op.
Aanmaken in shop: de kortingsregel en de eerste codes.
Test in shop: proefwinkelmanden in je webshop, er wordt niets besteld.
Zet de promotie Aan en sla op. Dat lukt pas als de regel bestaat, past en geslaagd is getest.

Bij “In winkelmand” gaan eerst alle producten in de winkelmand en daarna één code die één keer werkt, op dezelfde winkelmand. Nexym toont de code nergens. Weigert de shop hem, dan blijven de producten staan en leest de bezoeker Korting kon niet worden toegepast — de prijs in je winkelmand is zonder bundelkorting. Haalt de klant in de winkelmand een onderdeel weg, dan vervalt de korting: dat regelt de shop.

Goed om te weten

Er is geen maximum per bestelling. Een kortingsregel in Magento kan een percentage niet aftoppen, en wat de configurator toont moet gelijk zijn aan wat de winkelmand geeft.
Een gratis product kan Magento niet als kortingsregel geven. Daarom zit het er niet bij.
De looptijd is in Nederlandse tijd en de laatste dag telt mee. De regel in de shop krijgt alleen de einddatum: vóór de start geeft Nexym geen codes uit, en zo kun je hem al testen.
Verandert de promotie of de catalogus (een nieuw artikel), dan staat er Bijwerken nodig. Tot je bijwerkt en opnieuw test, ziet niemand de promotie.
Er loopt altijd hooguit één promotie. Nieuwe promotie kan als de huidige uit staat of afgelopen is; de oude blijft bewaard.
Op Overzicht zie je hoe het gaat: korting getoond, op + stap geklikt, met korting in de winkelmand, besteld met de code, en hoeveel korting die bestellingen kregen.

Opbouw op de achtergrond

Het indelen van je catalogus (welke artikelen kranen, reservoirs en extra’s zijn) gebeurt op de achtergrond: bij het aanzetten van de module, kort nadat je catalogus verandert, en als je op Opnieuw opbouwen klikt. De tabbladen en de winkel lezen de laatste opbouw — ook bij tienduizenden producten openen ze direct. Bovenaan staat wanneer die gemaakt is (Opgebouwd om 14:05), met bezig met bijwerken… zolang er een nieuwe loopt. Prijzen en voorraad leest de winkel bij elke vraag opnieuw; daarvoor hoeft niets opnieuw opgebouwd te worden.