Jak stworzyć matę powitalną dla swojej witryny WordPress (+ przykłady)

Opublikowany: 2023-03-18

Czy chcesz dodać pełnoekranową matę powitalną do swojej witryny?

Mata powitalna to pełnoekranowa, dynamiczna nakładka, która może pomóc Ci zdobyć więcej subskrybentów newslettera, pobrać eBooki, sprzedać Twoje produkty i nie tylko.

W tym artykule podzielimy się tym, jak stworzyć matę powitalną dla swojej witryny WordPress, wraz z kilkoma świetnymi przykładami mat powitalnych, z których można się uczyć.

How to create a welcome mat for your WordPress

Dlaczego mata powitalna może zwiększyć konwersję

Ponad 70% odwiedzających opuszczających Twoją witrynę WordPress nigdy nie wróci, chyba że zamienisz ich w subskrybentów poczty e-mail lub klientów.

Mata powitalna to duża, pełnoekranowa reklama pełnoekranowa, która blokuje widok pozostałej zawartości witryny, aby przyciągnąć uwagę użytkownika.

Może to brzmieć jak zły pomysł, ale jest to świetny sposób, aby od razu przekazać wiadomość odwiedzającym.

Jeśli odwiedzający nie chcą tego, co oferujesz, mogą po prostu zamknąć matę powitalną.

Oczywiście będziesz chciał dać ludziom dobry powód do zarejestrowania się, jeśli pokazujesz matę powitalną zamiast wyskakującego okienka z zamiarem wyjścia, na przykład kod rabatowy lub nawet gratis.

Na przykład, być może widziałeś, jak popularne sklepy eCommerce oferują specjalną zniżkę przy użyciu pełnoekranowej maty powitalnej z grywalizacją.

Gamified Spin a Wheel Campaign

W innych przypadkach być może widziałeś, jak popularni blogerzy używali pełnoekranowej maty powitalnej do rozwijania swojego biuletynu e-mailowego.

Goins writer welcome screen mat

To powiedziawszy, przyjrzyjmy się, jak łatwo dodać matę powitalną do swojej witryny.

Jak stworzyć matę powitalną dla swojej witryny

Najłatwiejszym sposobem stworzenia maty powitalnej w WordPress jest użycie OptinMonster. Jest to najlepsze oprogramowanie do generowania leadów na świecie i pozwala łatwo tworzyć formularze optin, w tym maty powitalne.

Najpierw musisz odwiedzić witrynę OptinMonster i założyć konto. Do tworzenia nakładek pełnoekranowych potrzebny będzie co najmniej plan Podstawowy.

OptinMonster

Następnie musisz zainstalować i aktywować wtyczkę OptinMonster WordPress. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Wtyczka łączy aplikację OptinMonster z Twoją witryną. Po aktywowaniu wtyczki zobaczysz kreatora konfiguracji na pulpicie nawigacyjnym WordPress. Śmiało i kliknij przycisk „Połącz istniejące konto”.

Connecting an OptinMonster account to WordPress

Następnie otworzy się nowe okno.

Po prostu kliknij przycisk „Połącz z WordPress”.

Connect OptinMonster to WordPress

Teraz możesz stworzyć swoją matę powitalną.

Tworzenie maty powitalnej dla Twojej witryny

Możesz przejść do OptinMonster »Kampanie, aby utworzyć nową kampanię.

Śmiało, kliknij przycisk „Utwórz swoją pierwszą kampanię”, aby rozpocząć tworzenie swojej maty powitalnej.

Create first OptinMonster campaign

Pojawi się teraz nowe okno, w którym możesz wybrać gotowe szablony lub wybrać gotowe do użycia kampanie i magnesy ołowiowe, inspirowane odnoszącymi sukcesy markami. OptinMonster daje również możliwość zatrudnienia specjalisty, który dostosuje Twoje kampanie.

W tym samouczku użyjemy opcji „Szablony”.

Choose a template or playbook

Spowoduje to przejście do kreatora kampanii OptinMonster.

Następnie wybierz „Pełny ekran” dla typu kampanii.

Select fullscreen template and campaign

Musisz wybrać szablon dla swojej kampanii. Użyjemy szablonu „Wejście”, ale jeśli chcesz, możesz wybrać inny.

Po wybraniu szablonu wprowadź nazwę swojej kampanii i kliknij przycisk „Rozpocznij tworzenie”.

Click start building

Następnie możesz dostosować kampanię za pomocą narzędzia do tworzenia metodą „przeciągnij i upuść”. Tutaj możesz zmienić wszystko, co ci się podoba.

Do kampanii można dodać różne bloki, takie jak obrazy, tekst, przyciski i inne. Będziesz także chciał edytować tekst, aby odpowiadał Twojej ofercie.

Customize your fullscreen campaign

Po prostu kliknij dowolny element, a zobaczysz, że możesz go edytować w lewym okienku.

Na przykład zmienimy nagłówek pełnoekranowej maty powitalnej dla naszej kampanii demonstracyjnej.

Edit the text of welcome mat

Następnym krokiem jest wsunięcie maty powitalnej. Możesz to zrobić, klikając ikonę koła zębatego Ustawienia w lewym dolnym rogu.

Stąd musisz przełączyć „Wyświetlić slajd strony?” możliwość jej włączenia.

Display a page slide

Oznacza to, że Twoja mata powitalna zsunie się z góry ekranu, zamiast znikać.

Następnie musisz przełączyć się na widok „Sukces” na wycieraczce powitalnej. Oto, co zobaczą Twoi użytkownicy po wykonaniu pożądanej czynności. Jeśli chcesz, możesz dostosować widok sukcesu lub użyć domyślnego szablonu.

View the success view of welcome screen mat

Gdy będziesz zadowolony z wycieraczki powitalnej, możesz skonfigurować sposób jej wyświetlania w Twojej witrynie.

Wyświetlanie maty powitalnej w Twojej witrynie WordPress

Możesz ustawić sposób wyświetlania wyskakującego okienka maty powitalnej, przechodząc do zakładki „Zasady wyświetlania” w OptinMonster.

Istnieje wiele opcji personalizacji i targetowania, takich jak lokalizacja użytkowników, elementy, które mają w koszyku e-commerce, co zrobili wcześniej w Twojej witrynie, zamiar wyjścia i inne.

Domyślnie kampanie OptinMonster wyświetlają się na wszystkich stronach Twojej witryny po tym, jak odwiedzający jest tam przez 5 sekund.

Select display rules

Ponieważ jest to mata powitalna, prawdopodobnie będziesz chciał ją natychmiast wyświetlić. Po prostu zmień tę wartość na 0 sekund.

Domyślnie mata powitalna będzie wyświetlana na każdej stronie Twojej witryny. Możesz łatwo dołączyć lub wykluczyć określone strony, korzystając z reguł personalizacji OptinMonster.

Choose display rules for welcome mat

Po zakończeniu możesz kliknąć przycisk „Następny krok”.

Następnie zobaczysz więcej opcji wyświetlania swojej kampanii. Możesz na przykład dodać efekt lub odtworzyć dźwięk, gdy kampania pojawi się na ekranie użytkownika.

W tym samouczku użyjemy ustawień domyślnych i klikniemy przycisk „Następny krok”.

Add effects to campaign

Na następnym ekranie zobaczysz podsumowanie ustawień reguł wyświetlania.

Możesz edytować ustawienia przed opublikowaniem kampanii.

Summary of display rules

Gdy będziesz gotowy do opublikowania maty powitalnej, po prostu przejdź do zakładki „Publikuj” u góry ekranu.

Śmiało, zmień stan publikacji z „Wersja robocza” na „Opublikuj”.

Publish welcome screen campaign

Nie zapomnij kliknąć „Zapisz”, aby zapisać zmiany i zamknąć narzędzie do tworzenia kampanii.

Następnie zobaczysz ustawienia wyjściowe WordPress dla swojej kampanii. Upewnij się, że Twoja kampania została opublikowana.

Jeśli tak nie jest, po prostu kliknij menu rozwijane Stan i wybierz opcję „Opublikowano”. Nie zapomnij kliknąć przycisku „Zapisz zmiany”, gdy skończysz.

Change the status of welcome mat campaign

Aby sprawdzić swoją kampanię, możesz odwiedzić swoją witrynę w nowym oknie przeglądarki incognito.

Powinieneś zobaczyć, jak Twoja mata powitalna płynnie wsuwa się od góry ekranu.

Fullscreen welcome mat preview

Przykłady świetnych mat powitalnych

Rzućmy okiem na przykłady mat powitalnych z różnych branż. Dla każdego z nich omówimy, co robią dobrze, a także wszelkie drobne zmiany, które możemy zasugerować.

1. Osobliwość

Ta mata powitalna od Singularity skłoniła użytkowników do zarejestrowania się i obejrzenia transmisji na żywo z Singularity University Global Summit. Odniosła ogromny sukces i zdobyła ponad 2000 nowych rejestracji e-mailowych w mniej niż 9 dni.

Singularity fullscreen mat preview

Szczególnie podoba nam się świetne wykorzystanie logo, wyraźne czcionki i jasne „Przypomnij mi!” przycisk.

2. Goins, pisarz

Ta mata powitalna od Goins, Writer oferuje bezpłatny przewodnik. To przejrzysta, prosta oferta, a minimalistyczny design jest spójny z resztą serwisu.

Goins writer welcome screen mat

Uważamy, że przyciski „Tak” i „Nie, dziękuję” są przejrzyste i łatwe w użyciu, a użycie liczb w nagłówku stanowi atrakcyjną ofertę.

3. Sieć AV

Ta mata powitalna ma duży, wyraźny obraz małego samolotu. Od razu rzuca się w oczy.

Welcome mat example AVweb

Podoba nam się świetny obraz i wyraźne „Zarejestruj mnie!” wezwanie do działania. Jedną drobną poprawką byłoby skrócenie sloganu, aby uniknąć zasłaniania górnej części obrazu.

4. Załadowane krajobrazy

Ta mata powitalna z Loaded Landscapes różni się nieco od innych przykładów. Tło jest lekko przezroczyste.

Loaded landscape

Podoba nam się przejrzysta oferta i entuzjazm czerwonego przycisku wezwania do działania. Tło strony pod matą powitalną może być nieco rozpraszające, więc może warto zmienić je na całkowicie nieprzejrzyste.

5. ZoptymalizujMyBnb

Ta mata powitalna została użyta na określonej stronie, która została dołączona jako klikalny link w książce, którą właściciel witryny sprzedawał za pośrednictwem zewnętrznych sprzedawców detalicznych. Ci detaliści nie przekazali jednak danych klientów. Użycie w ten sposób maty powitalnej pomogło w przechwyceniu adresów e-mail klientów.

Optimize your Airbnb thank you

Uważamy, że bardzo jasny nagłówek, podtytuł i tekst wezwania do działania działały dobrze, a przycisk „nie, dziękuję” jest dobrze używany, aby dać użytkownikowi poczucie FOMO.

Istnieją dziesiątki innych przykładów pełnoekranowych mat powitalnych, które można zobaczyć, ale nie dodaliśmy ich wszystkich w tym przewodniku.

Jeśli szukasz więcej inspiracji, oto kilka rzeczy, które możesz zrobić z pełnoekranową matą powitalną:

  • Przedstaw ukierunkowaną ofertę lub kupon
  • Zaprezentuj nowe produkty i usługi
  • Poinformuj odwiedzających, czego mogą oczekiwać od witryny
  • Zdobądź nowych subskrybentów, podkreślając ich najlepsze treści
  • Wskaż odwiedzającym ich profile w mediach społecznościowych
  • Zbieraj subskrybentów poczty e-mail w ramach fazy przedpremierowej

Jeśli poważnie myślisz o zwiększeniu konwersji w swojej witrynie, to wycieraczka powitalna, a nawet pełnoekranowe reklamy wyjściowe to jedne z elementów o najwyższej konwersji, które możesz dodać do swojej witryny.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć matę powitalną dla Twojej witryny i że przykłady okazały się dla Ciebie inspirujące. Możesz także rzucić okiem na nasze porównanie najlepszych usług marketingu e-mailowego i naszą listę niezbędnych wtyczek WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby uzyskać samouczki wideo WordPress. Można nas również znaleźć na Twitterze i Facebooku.