Moduł „Generator okienek POPUP”

Moduł pozwala skonfigurować trzy różne typy okienek na sklepie:
- pop‑up z formularzem newslettera,
- dowolny (customowy) pop‑up z własnym komunikatem i przyciskami,
- pop‑up weryfikacji wieku 18+.
Każdy typ działa niezależnie – możesz włączyć tylko jeden, dwa lub wszystkie równocześnie (z zachowaniem sensownej logiki wyświetlania).
1. Pop‑up newsletterowy – treść i wygląd
Ustawiasz treść klasycznego pop‑upa zapisowego:
- Obrazek obok formularza (opcjonalnie)
– jeśli nie dodasz grafiki, okno będzie tylko tekstowe.
- Tytuł (np. „Zgarnij −10% na pierwsze zakupy”).
- Opis zachęcający do zapisu (WYSIWYG – możesz używać pogrubień, list, linków).
- Pełny tekst zgody marketingowej (WYSIWYG – z linkiem do regulaminu / polityki prywatności).
- Tekst na przycisku CTA – np. „Zapisuję się”, „Odbierz rabat”.
2. Pop‑up newsletterowy – kiedy się wyświetla
Definiujesz jedno konkretne automatyczne zdarzenie, które otwiera okno:
- Po określonym czasie od wejścia na stronę (np. po 30 s).
- Po przewinięciu strony do określonego procenta wysokości (np. 60%).
- Na exit‑intent (próba wyjścia z witryny na desktopie).
- Albo wcale – tylko na kliknięcie w boczny „bąbelek”.
Dodatkowo:
- Czas ukrycia po zamknięciu – ile dni po zamknięciu okno ma się już automatycznie nie pojawiać (np. 30 dni).
- Jeśli użytkownik zapisał się do newslettera, pop‑up już go nie „męczy”.
3. Boczne „bubble” / zakładka do newslettera
Możesz włączyć małą, klikalną zakładkę na krawędzi ekranu, która zawsze otworzy okno newslettera:
- Krótki tekst na zakładce – np. „Odbierz rabat”.
- Osobne ustawienia dla:
- desktopu – czy pokazywać, po której stronie (lewa/prawa/dół) i w jakiej odległości od krawędzi,
- mobile – to samo, ale z osobnymi pozycjami i offsetem.
- Wygląd zakładki:
- kolor tła,
- kolor tekstu,
- kolory tła i tekstu po najechaniu (hover).
4. Własny pop‑up (Custom popup) – zbuduj dowolny komunikat
Niezależnie od newslettera możesz uruchomić drugi, własny pop‑up – np. informację o:
- ważnej promocji,
- regulaminie akcji,
- nowej kolekcji,
- komunikacie RODO / zmianie polityki, itp.
Co konfigurujesz?
Układ i treść:
- Wybór layoutu:
- obraz jako tło z tekstem na środku,
- obraz z lewej, tekst z prawej,
- obraz z prawej, tekst z lewej,
- sam tekst wycentrowany (bez zdjęcia).
- Obraz (opcjonalnie, zależnie od layoutu).
- Tytuł pop‑upa.
- Podtytuł / opis w edytorze WYSIWYG.
Przyciski (1–5 sztuk):
- tekst przycisku (np. „Dowiedz się więcej”, „Zobacz ofertę”),
- link docelowy (dowolny URL),
- styl przycisku:
- pełny (wypełniony),
- obrys (outline).
Wygląd tła i tekstu:
- tło:
- jednolity kolor,
- gradient z wbudowanego kreatora,
- albo zaawansowane tło CSS (wklejasz własny
background),
- kolor tytułu,
- kolor treści,
- zestawy kolorów dla:
- przycisków Primary (full),
- przycisków Secondary (outline).
Kiedy ma się wyświetlać:
- po określonym czasie od wejścia,
- po przewinięciu do określonego % strony,
- na exit‑intent (desktop),
- lub tylko manualnie (bez automatycznego pokazywania).
Dodatkowo ustawiasz, na ile dni po zamknięciu ukrywać ten konkretny pop‑up.
5. Weryfikacja wieku 18+ (Age gate)
Osobny tryb pop‑upa, który pojawia się zanim użytkownik skorzysta ze sklepu – np. dla branży alkoholowej, tytoniowej, erotycznej:
Treść i układ:
- Tytuł, np. „Czy masz ukończone 18 lat?”.
- Krótki opis/ostrzeżenie (WYSIWYG).
- Layout:
- obraz jako tło z tekstem,
- obraz z lewej / prawej,
- sam tekst, bez obrazu.
- Opcjonalny obraz (zależnie od wybranego layoutu).
Zachowanie przycisków:
- Przycisk „Tak” (potwierdzenie wieku):
- po kliknięciu zapisuje się cookie na określoną liczbę dni – w tym czasie pop‑up już się nie pojawi.
- Przycisk „Nie” (odmowa):
- po kliknięciu następuje przekierowanie pod wskazany URL (np. strona informacyjna, portal ogólny).
Wygląd:
- tło:
- jednolity kolor,
- gradient (z kreatora),
- zaawansowane tło CSS (własny
background),
- kolory:
- tytułu,
- opisu,
- przycisku „Tak” (tło, obrys, tekst),
- przycisku „Nie” (tło, obrys, tekst).
Moduł „Generator okienek POPUP” daje Ci pełną kontrolę nad:
- treścią (newsletter, komunikaty marketingowe, weryfikacja wieku),
- momentem wyświetlania (czas, scroll, exit‑intent, tylko klik),
- wyglądem (obrazy, tła, gradienty, kolory, przyciski),
- oraz częstotliwością pokazywania (przez cookies),
dzięki czemu możesz zwiększać zapisy do newslettera, skutecznie komunikować promocje i jednocześnie spełniać wymogi prawne dotyczące dostępu do treści 18+.