När en gäst är kopplad till ordern i kassan dyker lojalitetspanelen upp i höger kolumn av checkout-vyn. Det är servitörens fönster mot hela lojalitetsprogrammet, kompakt men snyggt.
När visas den?
Lojalitetspanelen visas när:
- Ordern har en kund kopplad (via Koppla kund i POS, eller via bokning som automatiskt kopplar)
- Kunden är medlem i lojalitetsprogrammet (auto-enrollad vid tidigare betald order, eller nyss skapad)
- Lojalitetsprogrammet är aktivt i inställningarna
Om en av dessa saknas visas panelen inte. Exempelvis: en kontantkund utan telefonnummer, eller en order där programmet är avstängt.
Vad visas?
Panelen har ett kompakt kort-design med amber-gradient-bakgrund (subtil, inte skrikig). Uppifrån ner:
1. Nivå-badge (överst)
- Färgad pille med nivånamnet ("Gold", "Silver", "VIP")
- Färgen kommer från nivåns färg (du väljer när du skapar nivån)
- Subtila ikoner (trofé, stjärna, diamant) beroende på nivåns ordning
2. Poängsaldo
- Stort tal: "452 poäng"
- Mindre text under: "≈ 45,20 kr att lösa in" (realtidsberäkning mot orderns maxrabatt)
3. Nivåförmåner
- Bullet-lista över nivåns förmåner
- Servitören ser direkt vilka förmåner gästen har rätt till (t.ex. "Välkomstdrink till sällskapet")
- Om förmånerna är tomma visas inget
4. Inlösen-knappar
- Fyra snabb-knappar: 100 pts, 200 pts, 500 pts, 1000 pts
- En Max-knapp som räknar fram högsta tillåtna inlösen (baserat på saldo + maxrabatt-procent)
- Knappar är inaktiverade (gråade) om:
- Saldot inte räcker
- Minsta inlösen inte uppnås
- Orderns maxrabatt-tak nås
5. Klippkortsbelöningar (om tillämpligt)
- Om gästen har intjänade klippkortsbelöningar:
- Räknare överst: "3 klippkortsbelöningar klara"
- En knapp per belöning (max 3-5 synliga, scrollable om fler): "Lösa in Pizza Club"
- Trycker servitören på en belöningsknapp appliceras rabatten omedelbart
6. Utgångsvarning (om relevant)
- Om gästens äldsta poäng förfaller inom 30 dagar: liten röd-orange varning nederst
- Texten: "⚠ 200 poäng utgår om 14 dagar"
- Ger servitören en chans att nudga gästen att lösa in
Hur servitören använder den
Standardflöde:
- Öppna ordern, klicka Checkout
- Checkout-vyn öppnas med lojalitetspanelen till höger
- Fråga gästen: "Vill du lösa in poäng? Du har 452 poäng, värda 45 kronor."
- Klicka den knapp gästen väljer (100, 200, 500 eller Max)
- Rabatten appliceras omedelbart och syns i orderns totalsumma
- Fortsätt med betalning som vanligt
Avancerad användning:
- Peka på nivå-badgen för att se datum när nästa nivå kvalas till
- Scrolla i klippkortsbelöningar om gästen har flera
- Ångra inlösen genom att klicka på rabatt-raden i ordern och ta bort
Design och UX-principer
- Amber-gradient bakgrund men dämpad – stjäl inte fokus från ordern
- Kompakt – aldrig mer än 3-4 synliga sektioner samtidigt
- Kontrasterande knappar – lätta att träffa på pekskärm (min 44×44px)
- Realtidsuppdatering – saldo och rabatt uppdateras omedelbart
- Visuell bekräftelse – liten animation när poäng dras från saldot (för tydlighet)
Behörigheter
- Alla staff kan se panelen
- Bara staff med rätt behörighet kan klicka inlösenknappar
- Junior personal utan behörighet ser knappar men de är gråade med tooltip: "Din roll har inte behörighet att lösa in poäng"
Felsökning
"Jag ser ingen lojalitetspanel"
- Är kunden kopplad till ordern?
- Är gästen medlem? (auto-enrollas vid första betalda order – nya kunder blir medlemmar först vid betalning)
- Är programmet aktivt?
"Knapparna fungerar inte"
- Har du inlösen-behörighet?
- Räcker saldot för knappens värde?
- Överskrider rabatten orderns maxgräns (50 % default)?
"Panelen visar gammal data"
- Stäng och öppna checkout-vyn igen – panelen laddas om
- Eller: uppdatera hela POS-sidan