Het Spin Wheel is een gegamificeerd prijzenrad. Bezoekers draaien om een kortingscode, korting, gratis verzending of een andere prijs te winnen, met kansen die jij bepaalt. Het komt in twee indelingen met precies dezelfde instellingen en functies — kies de indeling die bij je plaatsing past.
De twee indelingen
- Spin Wheel (Stacked) — een hoge, smalle kaart: logo, kop en tekst bovenaan, het rad in het midden en de knop eronder. Het best voor inline plaatsing in een pagina, zijbalken of smallere ruimtes.
- Spin Wheel (Side-by-Side / Full Screen) — een brede kaart met twee kolommen: tekst aan de ene kant, het rad aan de andere. Ondersteunt ook een overname van het volledige scherm, waarbij de hele pagina de achtergrond wordt (een effen kleur of je afbeelding) met het rad en de tekst in het midden. Het best voor herosecties, brede banners en promoties over het volledige scherm.
Alles hieronder geldt voor beide indelingen, tenzij anders vermeld.
Hoe het werkt voor de bezoeker
- Het rad verschijnt met een pulserende knop Spin.
- De bezoeker klikt op Spin; het rad draait en komt tot stilstand op een segment.
- Wint de bezoeker een prijs (een segment met een kortingscode), dan wordt de code onthuld en kan die erop klikken om hem te kopiëren. Winsten kunnen worden gevierd met confetti of een gloed.
- Komt de bezoeker op een verliezend segment (zonder kortingscode), dan kan die opnieuw draaien als je meer dan één draai toestaat.
- Als de draaien op zijn, dimt het rad naar een status “verbruikt”, zodat duidelijk is dat de bezoeker klaar is.
De segmenten instellen (de prijzen)
Het rad heeft 4 tot 8 segmenten. Segmenten 1–4 staan altijd aan. Segmenten 5–8 hebben elk een schakelaar Show Segment, zodat je ze naar behoefte aanzet.
Elk segment heeft deze instellingen:
- Label — de korte tekst op het segment van het rad (bijv. “10% KORTING”).
- Win Chance — een gewicht dat bepaalt hoe waarschijnlijk dit segment is. Hoger = waarschijnlijker. De gewichten zijn relatief, dus 30/20/30/20 betekent dat het eerste en derde segment elk ongeveer 30% van de keren uitkomen. Geef een segment dat je zelden wilt weggeven (zoals een grote prijs) een laag getal.
- Color — de kleur van het segment.
- Prize Message — wat de bezoeker ziet als die daar uitkomt (bijv. “Je hebt 10% korting gewonnen!”).
- Coupon Code — de code die bij winst wordt onthuld. Laat dit leeg om het segment een “verlies” te maken (bijv. een segment “Probeer opnieuw”). Een lege code = geen winst, geen viering.
Of het winst of verlies is, hangt helemaal af van of het segment een kortingscode heeft. Een segment met een code is een winst; een segment zonder is een verlies.
Hoe vaak mogen ze draaien?
De instelling Spins Allowed regelt dit met één getal:
- 1 = maar één draai.
- 2, 3, … = tot zoveel draaien, maar het rad stopt zodra de bezoeker wint. Opnieuw draaien kan alleen na een verliezend segment en als er nog draaien over zijn.
Stijl en weergave
- Preset — kleurenschema dark, light of brand.
- Display Mode — inline (in de pagina ingesloten), fullpage (een kaart gecentreerd op een gedimde overlay, zoals een modal) of fullscreen (het hele scherm wordt de achtergrond met de inhoud in het midden — de overnamelook). Fullscreen is de belangrijkste reden om de template Side-by-Side te gebruiken.
- Background Image (fullscreen) — optioneel. Kies in de modus fullscreen een afbeelding uit de mediabeheerder om het hele scherm te vullen. Laat het leeg voor een effen kleur uit de preset.
- Size — compact, default of spacious.
- Win Celebration — confetti, glow of none. Speelt alleen bij een echte winst.
- Spin Duration — hoe lang de draaianimatie duurt, in seconden.
- Tick Sound — een optioneel tikgeluid tijdens het draaien.
- Auto-close After Win — hoeveel seconden er na een winst wordt gewacht voordat het sluit. 0 laat het open.
Afbeelding, tekst en knoppen
- Show Image — een optioneel logo of productafbeelding boven de titel (kiezer uit de mediabeheerder). Zet het uit als je geen afbeelding wilt.
- Eyebrow, Title, Subtext — de koptekst.
- Spin Button Text — het label op de draaiknop.
- ‘No thanks’ Button — een optionele tweede knop waarmee de bezoeker het rad kan wegklikken. Zet hem aan of uit en stel de tekst in.
- Button (after win) — een optionele call-to-actionknop die na een winst verschijnt (bijv. “Nu shoppen”) met je eigen link.
- Wheel Center Text (when spent) — het korte woord in het midden van het rad na de laatste draai (standaard “DONE”).
Het resultaat opslaan in het profiel van de bezoeker
Onder Save Result to Profile kun je opslaan wat elke bezoeker heeft gewonnen op het Personyze-profiel, zodat je die later kunt targeten (bijvoorbeeld winnaars herinneren die hun kortingscode niet hebben gebruikt).
- Prize Field — een profielveld om het winnende label in op te slaan. Laat het leeg om over te slaan.
- Coupon Field — een optioneel profielveld om de kortingscode in op te slaan.
Het rad niet opnieuw tonen na winst of verlies
Onder Hide After Win or Loss kun je stoppen met het rad aan een bezoeker te tonen zodra die heeft gespeeld, zodat die het niet bij elk bezoek ziet.
- Hide After Win (Yes/No) — stop met het rad te tonen zodra de bezoeker wint.
- Hide After Loss (Yes/No) — stop met het rad te tonen zodra de bezoeker verliest.
Belangrijk: deze schakelaars bepalen of het rad per uitkomst wordt verborgen. Hoeveel sessies het verborgen blijft, stel je in bij de actie zelf, in de instellingen Placement / Trigger (Display Frequency) — niet in deze template. De schakelaar verbergt het voor de rest van de huidige sessie plus het aantal sessies dat je daar instelt. De bezoeker ziet eerst nog de eigen prijs; het rad wordt alleen bij toekomstige bezoeken onderdrukt.
Het rad sluiten
De sectie Close regelt de X-knop: of die verschijnt, hoe die eruitziet, en of die altijd zichtbaar is of alleen bij hover.
Een opmerking over het voorbeeld in de editor
In de modi fullpage en fullscreen verschijnt het rad in de editor als een plat blok, zodat het de werkbalk van de editor niet bedekt. De echte overlay over de volle pagina of het volledige scherm verschijnt alleen in het live voorbeeld en op je live site — niet in het editorpaneel. Dat is zo bedoeld.
Technische opmerkingen
- Plaatsing en targeting (wie het ziet, waar en hoe vaak) stel je in bij de actie, niet in de template. De template bepaalt alleen het uiterlijk en gedrag van het rad.
- Kansen gebruiken de relatieve gewichten van Win Chance; die hoeven niet op te tellen tot 100.
- De functie “Hide After” gebruikt de ingebouwde sessieonderdrukking van Personyze. Die registreert de onderdrukking zonder de pop-up te sluiten, zodat de bezoeker het resultaat nog ziet. Het aantal sessies komt uit de instelling Display Frequency van de actie.
- Beide indelingen delen één engine — het rad wordt dynamisch getekend, de kansen zijn gewogen, en de eindpositie komt altijd overeen met de onthulde prijs.
- Achtergrond bij fullscreen: in de modus fullscreen wordt de hele pagina de achtergrond (presetkleur of je gekozen afbeelding); er is geen kaartvak — het rad en de tekst staan direct op de achtergrond.
Verder lezen
- Prijzenraderen om te winnen — de mechaniek van het rad in detail.
- Gamificationmarketing — de mechanismen achter interactieve templates en waar ze passen.
- Pop-uptemplates voor websites — alle 16 templates, en hoe je het juiste formaat kiest.