Kategória 13 · popup
Modaly & popup vzory.
Štyri varianty: newsletter signup, exit-intent / zľava, multi-step modal, cookie consent. Accessibility-first — fokus trap, ESC, scroll-lock, respekt na prefers-reduced-motion.
Variant 01 · Newsletter
Klasika — e-mail za týždenný digest.
Klik na tlačidlo otvorí modal. Trigger v reáli môže byť aj 50 % scroll alebo časový (po 20 s).
Demo · newsletter modal
Single-step formulár s veľkým CTA a textovým „Teraz nie" pre slušné odmietnutie.
Best practices
→ Spúšťať najskôr po 30 s alebo 50 % scroll
→ Frequency cap 14 dní v localStorage
→ Vždy „No thanks", nie len X
→ Focus na input po otvorení
Variant 02 · Exit-intent / zľava
Posledný impulz, keď kurzor mieri preč.
Na desktope detekuje mouseleave nad horným okrajom. Na mobile scroll-up po dlhšom čase. Funguje raz za session.
Demo · exit-intent
Aktivované — pohni kurzorom hore mimo okna a uvidíš modal s 20 % zľavou.
Demo · surprise gift
Gamifikovaný variant — „Práve si odhalil/a darček". Kopíruje kód do schránky.
Variant 03 · Multi-step modal
Tri kroky namiesto troch modalov.
Email → preferencie → potvrdenie. Dots indikujú progress, „Pokračovať" sa mení na „Dokončiť".
Demo · multi-step
Pre onboarding alebo prieskum, kde nechcete jednu zložitú stránku.
Best practices
→ Max 3-4 kroky
→ Vždy umožniť návrat
→ Progress dots → motivácia dokončiť
→ Save state ak používateľ zatvorí
Variant 04 · Cookie consent
Dolný banner — slušná verzia.
Žiadny full-screen blok. Stručný text, dve rovnocenné akcie (nie sivé „Odmietnuť"). Zatváracia animácia je len fade.
Demo · cookie banner
Posúva sa zdola, ostáva aj pri scrolle. Po kliknutí zatvorí + zapamätá do localStorage.
Compliance pripomenutie
→ EU vyžaduje opt-in pre analytics/marketing
→ Esenciálne cookies nepotrebujú súhlas
→ Konzentu by mal expirovať po 6-12 mesiacoch
→ Možnosť zmeniť rozhodnutie v päte stránky