Stwórz pop-up na swoją stronę

Pop-up to okno z grafiką, która wyświetla się odwiedzającym Twoją stronę. Z pomocą pop-upów możesz informować klientów o trwającej promocji, nowościach lub zachęcać do zapisu na newsletter.

Tutaj dowiesz się jak stworzyć pop-up i wyświetlić go na stronie swojego sklepu w dowolnym miejscu.

Wymagania  

Zanim zaczniesz tworzyć pop-up, upewnij się, że:

• Śledzenie stron (Web Tracking) jest poprawnie skonfigurowane,
• Masz przygotowane grafiki, zdjęcia, teksty i linki prowadzące na Twoją stronę.

Jak stworzyć pop-up?

W ExpertSender masz do dyspozycji prosty kreator, dzięki któremu sprawnie stworzysz skuteczny pop-up. W menu bocznym, kliknij sekcję Automatyzacja, a następnie przejdź do podsekcji Pop-upy. Na górze po prawej stronie kliknij przycisk Stwórz nowy pop-up.

Jesteś teraz w kreatorze pop-upów. Na górnej listwie widzisz kroki, jakie musisz wykonać, żeby stworzyć pop-up. Etap, na którym obecnie się znajdujesz, podkreślony jest kolorową linią. Możesz dowolnie przechodzić między etapami, klikając je.

Etap 1: Podstawowe ustawienia

Uzupełnij pola. Nadaj nazwę tworzonemu pop-upowi, która pojawi się w raporcie. Pomyśl nad nazwą, która ułatwi ci wyszukiwanie pop-upu i odczyt oraz analizę danych.

Wybierz z rozwijanego menu adres strony, na której ma się on pojawiać.

Wybierz datę rozpoczęcia i zakończenia wyświetlania się pop-upu. Ustaw też odpowiednią częstotliwość wyświetlania się grafiki – dobierz ją do charakteru twojego sklepu i rodzaju komunikatu. Dla ofert ograniczonych czasowo możesz np. wybrać częstotliwość ‘raz na sesję’ lub codziennie.

Etap 2: Wyzwalacze

Zdecyduj, w jakiej sytuacji wyświetli się pop-up. W polu Zdarzenie, wybierz jedną lub kilka z pięciu akcji:

1. Wejście – pop-up wyświetli się, gdy użytkownik wejdzie na stronę.
2. Próba wyjścia – pop-up wyświetli się, gdy użytkownik wyjedzie kursorem poza okno strony sklepu.
3. Przewijanie – pop-up pokaże się, gdy użytkownik zacznie przewijać stronę. Ustaw próg (głębokość przewijania strony wyrażona w procentach), którego minięcie wywoła pop-up.
4. Dodanie do koszyka – pop-up wyświetli się, gdy użytkownik doda rzecz do koszyka.
5. Usunięcie z koszyka – pop-up wyświetli się po usunięciu dowolnego produktu z koszyka.

W polu Warunki ustawisz dodatkowe wymogi, które doprecyzują moment wyświetlania pop-upu. Może to być konkretny typ stron, strony zawierający określony zwrot lub słowo kluczowe, konkretny czas, jaki użytkownik spędził na stronie czy też liczba odwiedzonych stron.

W polu Odbiorcy zawęzisz grupę docelową, której wyświetli się pop-up, np. nowi lub powracający klienci, kupujący lub przeglądający stronę, klienci przychodzący z konkretnego źródła – tutaj wpisz, skąd przychodzą użytkownicy, możesz też podać znacznik UTM konkretnej kampanii marketingowej.

Etap 3: Treść

Jesteś w edytorze graficznym, tu opracujesz wygląd i treść pop-upu. Pop-up składasz z bloków – zdjęć, tekstów i modułów. Dodajesz je na zasadzie ‘przeciągnij i upuść’. Dokładny opis wszystkich funkcji edytora znajdziesz na stronie Jak działa edytor wiadomości?

Zacznij od stworzenia treści pop-upu:

1. Po lewej, na panelu edytora kliknij sekcję Treść, a następnie rozwiń belkę Struktury.
2. Przeciągnij strukturę z wybraną liczbą kontenerów na szare pole robocze widoczne pośrodku. Układaj struktury w dowolnej kolejności i łącz je w paski (wiersze), którym na dalszym etapie możesz przypisać rozmaite funkcje, np. nagłówek, tekst, stopka.
3. Rozwiń belkę Bloki. Przeciągnij blok z wybranym rodzajem treści na pole robocze i wstaw w dowolny kontener.  Kliknij blok — w panelu po lewej pojawi się okno do wczytania zdjęcia, filmu z dysku lub do edycji tekstu.
4. Moduły to miejsce na Twoje autorskie bloki treści. Ponieważ tworzysz pierwszy pop-up, to miejsce będzie puste. Z czasem zapełnisz je własnymi pomysłami.

Teraz przejdź do ustawień wyglądu pop-upu:

1. Po lewej, na panelu edytora kliknij sekcję Wygląd, a następnie rozwiń belkę Ustawienia ogólne. Wybierz szerokość pop-upu, marginesy, typ fontu czy responsywność.
2. Kliknij belkę Paski i przypisz paskom (wierszom) rolę nagłówka, zawartości lub stopki. Zaznacz pasek kliknięciem szarego tła pola roboczego, a następnie ustaw wygląd i funkcję w panelu po lewej. Zrób tak samo dla każdego wybranego paska.
3. W belce Nagłówki ustaw wygląd dla nagłówków H1, H2 i H3.
4. Przejdź do belki Przycisk i ustaw parametry (kolor, font, styl) dla wszystkich przycisków, które masz w pop-upie.
5. W ostatniej belce Formatowanie mobilne ustawisz rozmiar tekstu, wyrównanie czy margines dla pop-upu wyświetlanego na urządzeniach mobilnych.

Etap 4: Położenie

W tej sekcji zdecydujesz o tym, jak pop-up wyświetli się na ekranie komputera, telefonu bądź tabletu.

W panelu po lewej stronie ustaw:

• Umiejscowienie pop-upu na ekranie – centralne, lewo, prawo, na górze, na dole.
• Margines – odległość pop-upu od krawędzi okna sklepu.
• Odstęp (wypełnienie) – odległość między treścią pop-upu a jego krawędziami.
• Stałą pozycję – jeśli chcesz, żeby pop-up pozostał w tym samym miejscu ekranu.
• Przycisk zamykania – umożliwi zamknięcie pop-upu po kliknięciu przycisku.
• Tryb modalny – dodaje szarą, półprzejrzystą blendę, na tle której pop-up jest lepiej widoczny. Tryb ten umożliwia też wejście w interakcję z obszarem poza pop-upem.
• Zamknij pop-up na kliknięcie w tło – umożliwia użytkownikowi szybkie zamknięcie pop-upu i wejście do Twojego sklepu.

W okno poniżej wpisz docelowy adres strony, na której ma pojawić się pop-up i sprawdź, jak prezentuje się na Twojej stronie.

Etap 5: Podsumowanie

To ostatni etap tworzenia pop-upów. Tutaj sprawdzisz, jak wyświetla się Twój pop-up na ekranie komputera i na urządzeniu mobilnym. Kliknij ikony Desktop i Mobile, aby przełączać między widokami.

Po lewej stronie znajdziesz listę kontrolą z elementami niezbędnymi do publikacji pop-upu na twojej stronie:

• Na zielono podświetlamy elementy wprowadzone prawidłowo.
• Na czerwono – elementy wymagające poprawy. Poprawisz je, klikając w ikonę ołówka.
• Pomarańczowe oznaczenie dodajemy przy elementach, które mogą działać lepiej, ale poprawki nie są konieczne do wyświetlenia pop-upu.

Po uzupełnieniu danych z listy kontrolnej opublikuj pop-up, klikając przycisk Aktywuj, znajdujący się w prawym górnym rogu ekranu.

Pop-up gotowy – dobra robota 🙂