Jeśli dotarłeś tutaj w poszukiwaniu porad i sztuczek dotyczących zaawansowanych Pop-upów to prawdopodobnie już kiedyś z nich korzystałeś. Jeśli jednak nie miałeś okazji ich poznać lub chcesz odświeżyć wiedzę na ten temat, kliknij tutaj.

W tym artykule przygotowaliśmy dla Ciebie zestawienie najlepszych sztuczek i trików, które zwiększą efektywność Twoich pop-upów i pozwolą Ci używac ich w nieco bardziej interesujący sposób!

Przejdźmy do nich!


1. REGUŁY

Stwórz exit pop-up dla niestandardowej grupy odbiorców

Jeśli chcesz stworzyć exit pop-up, który będzie pojawiał się w sekcji koszyka i będzie dedykowany osobom, które nie zasubskrybowały jeszcze Twojego newslettera, uważnie przeczytaj tę wskazówkę!

W stworzeniu go pomogą Ci poniższe ustawienia reguł. Dzięki nim upewnisz się także, że Twoje pop-upy będą wyświetlać się tylko na urządzeniach z ekranem szerszym niż 1000px - czyli na monitorach.

Możesz oczywiście skonfigurować swoje pop-upy tak, by były dopasowane również do urządzeń mobilnych, o czym możesz przeczytać tutaj.

Teraz przejdźmy do stworzenia Twojego pierwszego pop-upu! Zacznijmy od welcome pop-upu i przejdźmy do jego designu!


2. DESIGN

Poniżej możesz zobaczyć przykładową wersję pop-upu, który za chwile wspólnie stworzymy.

Grafika

Wybrana przez Ciebie grafika nie powinna przekraczać poniższych wymiarów:

  • szerokość: 800p

  • wysokość: 500px.

Powyższy pop-up składa się z grafiki podzielonej na dwie części, co jest całkiem efektowne wizualnie. Przy dodawaniu grafik i zwiększaniu/zmniejszaniu szerokości kontenera procentowo, pamiętaj, że ich suma musi być zawsze równa 100%.

Tekst

Przejdźmy teraz do dostosowania tekstu. Jego wielkość oraz wygląd poszczególnych przycisków, będzie zależny od wybranego przez Ciebie projektu pop-upu. Każdy z nich może być indywidualny i mieć inne zastosowanie. Tylko od Ciebie zależy jak będzie on wyglądał ostatecznie.

Margin i padding

Podczas ustawiania margine i padding możesz używać także wartości minusowych. Ale do czego właściwie możesz to wykorzystać?

Zaznaczony fragment tekstu został ustawiony na wartość minusową, co spowodowało przesunięcie go do góry. To rozwiązanie możesz zastosować także w przypadku input boxów. Na przykład, input box z adresem email możesz przesunąć na ten sam poziom, na którym znajduje się input box z imieniem. No ale przecież wtedy pokryją się nawzajem, prawda?

Otóż na to też mamy rozwiązanie.

Musisz po prostu zmienić kilka wartości.

Jednak skąd masz wiedzieć, które wartości musisz zmienić?

Zasada jest prosta: pierwsza zmienna odpowiada za górę, kolejna za prawy bok, trzecia za dół, a ostatnia za lewy bok. Wszystko według wskazówek zegara.


Margin odpowiada za ustawienia elementu na zewnątrz ramki, natomiast padding za ustawienia wewnątrz. Ustawiając padding ustawiamy odległość wewnętrznego tekstu od ramki.

Następnie, po dokonnanych w tym kroku zmianach w Twoim pop-upie, kliknij przycisk SAVE. I gotowe!

UWAGA: Aby wykorzystać szablon do tworzenia kolejnych pop-upów, kliknij save as template.

Na podobnych zasadach możesz stworzyć także exit pop-up. Dzięki połączeniu go z welcome pop-upem, atrakcyjną treścią Twojej wiadomości i opatrzeniu wszystkiego odpowiednimi tagami, stworzysz świetną i atrakcyjna wizualnie kampanię!

Do dzieła!


Potrzebujesz dodatkowej pomocy?

Jesli masz jakiekolwiek dodatkowe pytania dotyczące zaawansowanych pop-upów, skontaktuj się z nami na hello@edrone.me


Nie znalazłes tego, czego szukałes? Sprawdź linki poniżej:

Czy udało Ci się znaleźć odpowiedź na swoje pytanie?