Kampania pop-up składa się z dwóch części: samego pop-upu i opcjonalnego teasera. Teaser to mały baner na twojej stronie, np. „Zakręć i wygraj 🎁”, który po kliknięciu otwiera pop-up.
Typ i położenie pop-upu
Otwórz Miejsce wyświetlania w sekcji Układ w edytorze:
- Typ: standardowy pop-up, pasek u góry lub u dołu ekranu, slider w rogu albo pełna strona. Pasek, slider i pełna strona są dostępne w wyższych planach.
- Wyrównanie: gdzie znajduje się pop-up. Paski mogą być u góry lub u dołu, slidery po lewej lub po prawej stronie, a standardowe pop-upy w dowolnym miejscu siatki 3 × 3.
Gdy po raz pierwszy otworzysz nowy pop-up, Scratcher zapyta o domenę, na której będzie wyświetlany. Możesz ją później zmienić w polu Domena.
Dopasuj wygląd pop-upu
Kliknij Ustawienia pop-upu nad stroną lub kliknij krawędź pop-upu. Na karcie Style:
- Pop-up: Tło, Tło nakładki (przyciemniona warstwa za pop-upem), Obramowanie, Rozmiar, Kształt, Wyrównanie zawartości i Margines.
- Przycisk zamykania: jego Tło, kolor elementu Ikona, Rozmiar, róg (Wyrównanie) i Margines.
Na karcie Efekty wybierz, jak pop-up się otwiera i zamyka, np. Zanikanie lub Przesunięcie.
Dodatki do pop-upu:
- Ukryj teaser po zamknięciu: ukryj też teaser, gdy ktoś zamknie pop-up.
- Ukryj po wysłaniu formularza: nie pokazuj pop-upu ponownie odwiedzającym, którzy już się w nim zapisali.
Teaser
W sekcji Przebieg wiersz Teaser pozwala włączać i wyłączać teaser. Kliknij Ustawienia w jego menu, aby go skonfigurować:
- Akcja: Pokaż pop-up, Link lub Brak.
- Ukryj na komputerze, Ukryj na tablecie, Ukryj na telefonie.
- Style: Tło, Obramowanie, Rozmiar, Kształt, róg (Wyrównanie) i Margines teasera oraz jego własny przycisk zamykania.
Teaser wyświetla się od razu po załadowaniu strony; wyzwalacze w sekcji Wyświetlanie dotyczą tylko pop-upu. Zaprojektuj teaser jak stronę i zapisz go przez Zapisz teaser jako szablon, aby użyć go ponownie.
Obraz tła w pop-upach
Pop-upy mają element Tło obrazu, który wypełnia obrazem jedną stronę pop-upu. Ustaw jego Wysokość na telefonie, aby określić, jaką część ekranu zajmuje na telefonach.
Otwieraj pop-up własnym przyciskiem
Z dodatkiem wyzwalacza Wyzwalacz kliknięcia pop-up otwiera się, gdy ktoś kliknie element na twojej stronie. Wpisz selektor CSS elementu, np. .open-competition. Jeśli nie masz pewności, zapytaj swojego webdevelopera.