Jak stworzyć matę powitalną dla swojej strony WordPress (+ Przykłady)

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

W WPBeginner i innych markach konsekwentnie używamy mat powitalnych do budowania naszej listy e-mailowej i promowania różnych produktów. Jest to świetny sposób na zwiększenie konwersji w Twojej witrynie i zachęcenie ludzi do powrotu.

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

Dlaczego mata powitalna może zwiększyć Twoje konwersje

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

Mata powitalna to duży, pełnoekranowy interstitial, który blokuje widok reszty treści Twojej witryny, aby przyciągnąć uwagę użytkownika.

Może to brzmieć jak zły pomysł, ale to świetny sposób, aby od razu dotrzeć z Twoim komunikatem do odwiedzających.

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 zapisania się, jeśli zamiast wyskakującego okienka z intencją wyjścia wyświetlasz matę powitalną, na przykład kod rabatowy lub nawet darmowy prezent.

Na przykład, mogliście zobaczyć popularne sklepy eCommerce oferujące specjalny rabat za pomocą pełnoekranowej maty powitalnej z elementami grywalizacji.

W innych przypadkach mogliście zobaczyć popularnych blogerów używających pełnoekranowej maty powitalnej do rozwoju ich newsletterów e-mailowych.

Na przykład możesz zaoferować darmowy przewodnik lub plik PDF w zamian za adres e-mail użytkownika.

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

Jak stworzyć matę powitalną dla swojej witryny

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

Możesz przeczytać naszą pełną recenzję OptinMonster aby uzyskać więcej szczegółów.

Najpierw musisz odwiedzić stronę OptinMonster i założyć konto. Będziesz potrzebować co najmniej planu Basic, aby tworzyć pełnoekranowe nakładki.

Następnie musisz zainstalować i aktywować wtyczkę OptinMonster WordPress. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Wtyczka łączy aplikację OptinMonster z Twoją witryną. Po aktywacji wtyczki zobaczysz kreatora konfiguracji w swoim panelu WordPress. Kliknij przycisk „Połącz istniejące konto”.

Następnie otworzy się nowe okno.

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

Teraz jesteś gotowy do stworzenia swojej maty powitalnej.

Tworzenie maty powitalnej dla Twojej witryny

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

Kliknij przycisk „Utwórz swoją pierwszą kampanię”, aby rozpocząć tworzenie swojego „welcome mat”.

Teraz pojawi się nowe okno, w którym możesz wybrać gotowe szablony lub wybrać gotowe do użycia kampanie i magnesy na leady, inspirowane przez odnoszące sukcesy marki. OptinMonster daje Ci również możliwość zatrudnienia specjalisty do personalizacji Twoich kampanii.

W tym samouczku użyjemy opcji „Szablony”.

Spowoduje to przejście do kreatora kampanii OptinMonster.

Następnie wybierz „Pełny ekran” jako typ kampanii.

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

Po wybraniu szablonu, nadaj swojej kampanii nazwę i kliknij przycisk „Rozpocznij tworzenie”.

Następnie możesz dostosować swoją kampanię za pomocą kreatora przeciągnij i upuść. Możesz tutaj zmienić wszystko, co chcesz.

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

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

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

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

Stąd musisz przełączyć opcję „Wyświetlić zsuwaną stronę?” na włączoną.

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

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

Gdy będziesz zadowolony ze swojej maty powitalnej, możesz skonfigurować sposób jej wyświetlania na swojej stronie.

Wyświetlanie maty powitalnej na Twojej stronie WordPress

Możesz ustawić sposób wyświetlania wyskakującego okienka maty powitalnej, przełączając się na zakładkę „Zasady wyświetlania” w OptinMonster.

Istnieje wiele opcji personalizacji i targetowania, takich jak lokalizacja użytkowników, przedmioty, które mają w swoim koszyku eCommerce, co wcześniej robili na Twojej stronie, zamiar wyjścia i inne.

Domyślnie kampanie OptinMonster wyświetlają się na wszystkich stronach Twojej witryny po 5 sekundach od jej odwiedzenia przez użytkownika.

Ponieważ jest to mata powitalna, prawdopodobnie chcesz, aby wyświetlała się natychmiast. Wystarczy zmienić tę wartość na 0 sekund.

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

Możesz kliknąć przycisk „Gotowe? Przejdź do akcji”, gdy skończysz.

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

W tym samouczku użyjemy domyślnych ustawień.

Po przewinięciu w dół zobaczysz Ustawienia plików cookie dla swojej kampanii.

Na przykład, możesz ponownie wyświetlić swoją kampanię, jeśli użytkownik już dokonał konwersji po określonej liczbie dni. Podobnie, istnieją również opcje ponownego wyświetlenia kampanii osobom, które zamknęły wyskakujące okienko lub widziały je, ale nie dokonały konwersji.

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

Ustawienia można edytować przed opublikowaniem kampanii.

Gdy będziesz gotowy, aby Twoja mata powitalna stała się aktywna, po prostu przejdź do zakładki „Opublikuj” u góry ekranu.

Zmień status publikacji z „Szkic” na „Opublikuj”.

Nie zapomnij kliknąć „Zapisz”, aby zapisać zmiany i zamknąć kreator kampanii.

Następnie zobaczysz Ustawienia Wyjścia WordPress dla swojej kampanii. Upewnij się, że Twoja kampania została opublikowana.

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

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

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

Przykłady świetnych mat powitalnych

Przyjrzyjmy się kilku przykładom mat powitalnych z różnych branż. Dla każdego z nich omówimy, co robią dobrze, a także jakie drobne zmiany moglibyśmy zasugerować.

1. Singularity

Ta mata powitalna od Singularity zachęciła użytkowników do zapisania się i obejrzenia transmisji na żywo z Singularity University Global Summit. Odniosła ogromny sukces i zebrała ponad 2000 nowych zapisów na listę e-mail w ciągu niecałych 9 dni.

Szczególnie podoba nam się świetne wykorzystanie logo, czytelne czcionki i jasny przycisk „Przypomnij mi!”.

2. Goins, Pisarz

Ta mata powitalna od Goins, Writer oferuje darmowy przewodnik. Jest to jasna, prosta oferta, a minimalistyczny design jest zgodny z resztą witryny.

Uważamy, że przyciski „Tak” i „Nie, dziękuję” są jasne i łatwe w użyciu, a użycie liczb w nagłówku sprawia, że oferta jest przekonująca.

3. AVweb

Ta mata powitalna zawiera duży, wyraźny obraz małego samolotu. Jest natychmiast przyciągająca wzrok.

Podoba nam się świetny obraz i jasne wezwanie do działania „Zapisz mnie!”. Jedną małą możliwą poprawką byłoby skrócenie podpisu, aby uniknąć zasłaniania góry obrazu.

4. Loaded Landscapes

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

Podoba nam się jasna oferta i entuzjazm czerwonego przycisku wezwania do działania. Tło strony pod matą powitalną mogłoby być nieco rozpraszające, więc warto rozważyć uczynienie go w pełni nieprzezroczystym.

5. OptimizeMyBnb

Ten „welcome mat” został użyty na konkretnej stronie, która była zawarta jako klikalny link w książce sprzedawanej przez właściciela strony internetowej za pośrednictwem zewnętrznych sprzedawców. Sprzedawcy ci jednak nie przekazywali danych klientów. Użycie „welcome mat” w ten sposób pomogło przechwycić adresy e-mail klientów.

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

Istnieją dziesiątki innych przykładów pełnoekranowych mat powitalnych, które możesz 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ą:

• Zaprezentuj ukierunkowaną ofertę lub kupon
• Prezentuj nowe produkty i usługi
• Poinformuj odwiedzających, czego mogą się spodziewać po stronie
• 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 e-mail jako część fazy przedpremierowej

Jeśli zależy Ci na poprawie konwersji na Twojej stronie internetowej, mata powitalna, a nawet pełnoekranowe okna przerywające przy wyjściu, to jedne z elementów o najwyższej konwersji, które możesz dodać do swojej strony internetowej.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć powitalną matę dla swojej strony internetowej i że przykłady były inspirujące. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia wyskakującego okienka z kuponem w WordPress oraz najlepszymi wtyczkami do paska powiadomień WordPress.

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