Chcesz zaprojektować pop-up, który zrobi świetne pierwsze wrażenie na odwiedzających – ale chcesz także zrobić to szybko, a co najważniejsze łatwo?
W takim razie masz szczęście! Z naszym edytorem Pop-Up tworzenie pop-upów jest jak bułka z masłem.
Kliknij linki poniżej, poniżej, aby przejść bezpośrednio do sekcji, która Cię interesuje lub czytaj dalej, aby dowiedzieć się wszystkiego po kolei.
UWAGA: Ten artykuł dotyczy wyłącznie pop-up edytora. Jeśli potrzebujesz informacji na temat całego procesu tworzenia pop-upów, KLIKNIJ TUTAJ!
Krok 1 — Ustawienia Pop-upu
W tej sekcji określasz wygląd i zachowanie całego okna.
1. Układ
W sekcji Wybierz układ określasz ogólną strukturę Pop-upu. Dostępne są cztery warianty:
Bez tła — minimalistyczna wersja bez dodatkowej grafiki.
Z tłem — Pop-up zawiera tło graficzne.
Zdjęcie z lewej — grafika po lewej stronie, treść po prawej.
Zdjęcie z prawej — treść po lewej stronie, grafika po prawej.
Wybrany układ wpływa na rozmieszczenie wszystkich elementów w oknie.
Wygeneruj obraz (AI Banner Generator)
Możesz skorzystać z opcji Generator Banerów AI, aby stworzyć grafikę bezpośrednio w edrone.
Po wygenerowaniu obrazu pobierz go i użyj w sekcji poniżej.
Dodaj swoje zdjęcie
Jeśli chcesz użyć własnej grafiki:
Kliknij Prześlij zdjęcie.
Maksymalny rozmiar pliku to 2 MB.
Ustawienia zdjęcia
Po dodaniu grafiki możesz określić:
Dopasowanie zdjęcia:
Wypełnienie
Wzór
Wyśrodkowanie
Proporcje zdjęcia:
50%
33%
25%
Możesz również zdecydować, czy zdjęcie ma być wyświetlane na urządzeniach mobilnych.
2. Styl Pop-upu
Dostosuj podstawowe parametry wyglądu:
Ustawienie | Co robi? |
Margines wewnętrzny | Odstęp między krawędzią Pop-upu a jego zawartością |
Zaokrąglenie narożników | Stopień zaokrąglenia rogów okna |
Szerokość | Maksymalna szerokość Pop-upu |
Kolor tła | Główny kolor tła okna |
Kolor tła cienia | Kolor przyciemnienia tła za Pop-upem |
Cień | Intensywność cienia wokół Pop-upu |
Dzięki temu możesz dopasować Pop-up do wyglądu Twojego sklepu lub strony.
3. Ikona zamknięcia
Wybierz styl przycisku zamykania Pop-upu („X”), jego:
wygląd (różne ikonki),
rozmiar,
kolor,
pozycję (osi X i Y).
Dzięki temu użytkownik łatwo znajdzie przycisk zamknięcia, ale nie będzie on dominował wizualnie.
4. Czcionka
W sekcji Własny Google Font możesz określić, jaką czcionką będą wyświetlane treści w Pop-upie.
Masz do wyboru dwa warianty:
Gotowa czcionka z listy
Z rozwijanej listy możesz wybrać jedną z dostępnych czcionek Google Fonts, np.:
Open Sans
Lato
Roboto
Raleway
Cabin
Po wybraniu czcionki zostanie ona automatycznie zastosowana w Pop-upie.
Własna czcionka (Custom)
Jeśli chcesz użyć innej czcionki z Google Fonts:
Wybierz opcję Custom.
Wklej link do czcionki (pole „Link”).
Uzupełnij pole Font Family nazwą rodziny czcionki.
Dzięki temu możesz w pełni dopasować typografię do identyfikacji wizualnej swojej marki.
5. Przekierowanie po działaniu
Jeśli chcesz, aby po wypełnieniu formularza użytkownik został przeniesiony na inną stronę (np. landing page lub promocję), wpisz adres URL w pole Popup Adres przekierowania.
Możesz też zaznaczyć opcję, aby link otwierał się w nowej karcie.
Krok 2 — Edycja treści Pop-upu
Po przejściu do zakładki Pop up możesz zbudować treść, którą zobaczą Twoi klienci.
Lista elementów
Po prawej stronie widzisz listę wszystkich elementów, które aktualnie znajdują się w Pop-upie:
teksty (nagłówek i opis),
pola formularza (np. Imię, Email),
przycisk,
odstępy,
tekst z linkiem do polityki prywatności.
Dla każdego elementu możesz:
edytować jego treść,
zmieniać kolejność (przeciągając),
duplikować,
usuwać.
To daje pełną kontrolę nad zawartością Pop-upu.
Dodawanie nowych elementów
Kliknij Dodaj element, aby otworzyć panel z komponentami, które możesz dodać do Pop-upu.
Podstawowe elementy
Tekst – nagłówki i opisy
Zdjęcie – grafika lub ilustracja
Przycisk – CTA (np. „Sign up”)
Timer – odmierzanie czasu
Kupon – automatyczne wyświetlenie kodu
Subskrypcja SMS
Koło fortuny
Odstęp – wizualne rozdzielenie zawartości
Elementy formularza
Imię
Nazwisko
Email
Telefon
Płeć
Data urodzenia
Checkbox (np. zgody marketingowe / RODO)
Możesz dowolnie łączyć elementy, tworząc prosty formularz zapisu lub bardziej rozbudowaną formę interakcji.
Podgląd i publikacja
Po wprowadzeniu zmian:
kliknij Podgląd, aby sprawdzić, jak Pop-up będzie wyglądał w rzeczywistości,
następnie wybierz Opublikuj, by aktywować Pop-up na stronie.
Jeśli zobaczysz komunikat „Masz nieopublikowane zmiany”, pamiętaj o publikacji — inaczej nowa wersja nie zostanie wdrożona.
Potrzebujesz dodatkowej pomocy?
Jeśli masz jakiekolwiek dodatkowe pytania związane z Custom Pop-up, skontaktuj się z nami na hello@edrone.me