Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

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

W WPBeginner i innych markach konsekwentnie wykorzystujemy maty powitalne do budowania naszej listy mailingowej i promowania różnych produktów. To świetny sposób na zwiększenie konwersji na twojej witrynie internetowej 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żesz się uczyć.

How to create a welcome mat for your WordPress

Dlaczego mata powitalna może zwiększyć twoją konwersję?

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

Mata powitalna to duży, pełnoekranowy materiał reklamowy, który blokuje widok pozostałej treści twojej witryny internetowej, aby przyciągnąć uwagę użytkownika.

Może się to wydawać złym pomysłem, ale jest to świetny sposób na natychmiastowe dotarcie z twoją wiadomością do odwiedzających.

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

Oczywiście, jeśli zamiast wyskakującego okienka z intencją zakończenia wyświetlana jest mata powitalna, warto dać użytkownikom dobry powód do rejestracji, taki jak kod rabatowy lub nawet gratis.

Na przykład, być może widziałeś popularne sklepy e-handlu oferujące specjalną zniżkę za pomocą pełnoekranowej maty powitalnej z grywalizacją.

Gamified Spin a Wheel Campaign

W innych przypadkach, być może widziałeś popularnych blogerów używających pełnoekranowej maty powitalnej do rozwijania swojego newslettera e-mail.

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

Goins writer welcome screen mat

W związku z tym przyjrzyjmy się, jak łatwo dodać matę powitalną do twojej witryny internetowej.

Jak stworzyć matę powitalną dla twojej witryny internetowej?

Najprostszym sposobem na stworzenie maty powitalnej w WordPress jest użycie OptinMonster. Jest to najlepsze oprogramowanie do generowania leadów na świecie i umożliwia łatwe tworzenie formularzy optin, w tym mat powitalnych.

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

Najpierw należy przejść na witrynę internetową OptinMonster i założyć konto. Do tworzenia nakładek w trybie pełnoekranowym potrzebny będzie co najmniej plan Basic.

OptinMonster

Następnie należy zainstalować i włączyć wtyczkę OptinMonster WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Wtyczka łączy aplikację OptinMonster z twoją witryną internetową. Po włączaniu wtyczki zobaczysz kreator konfiguracji w twoim kokpicie WordPress. Kliknij przycisk „Połącz Twoje istniejące konto”.

Connecting an OptinMonster account to WordPress

Następnie otworzy się nowe okno.

Wystarczy kliknąć przycisk „Połącz z WordPress”.

Connect OptinMonster to WordPress

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

Tworzenie maty powitalnej dla twojej witryny internetowej

Możesz udać się do OptinMonster ” Kampanie, aby utworzyć nową kampanię.

Kliknij przycisk „Utwórz twoją pierwszą kampanię”, aby rozpocząć tworzenie maty powitalnej.

Create first OptinMonster campaign

Pojawi się nowe okno, w którym można wybrać gotowe szablony lub gotowe do użycia kampanie i magnesy, inspirowane przez odnoszące sukcesy marki. OptinMonster daje również możliwość zatrudnienia specjalisty, który dostosuje twoje kampanie.

W tym poradniku użyjemy opcji „Szablony”.

Choose a template or playbook

Spowoduje to przejście do kreatora kampanii OptinMonster.

Następnie wybierz „Tryb pełnoekranowy” dla twojego rodzaju kampanii.

Select fullscreen template and campaign

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

Po wybraniu szablonu wpisz nazwę twojej kampanii i kliknij przycisk „Rozpocznij tworzenie”.

Click start building

Następnie możesz dostosować twoją 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 obrazki, tekst, przyciski i inne. Będziesz także chciał edytować tekst, aby odpowiadał Twojej ofercie.

Customize your fullscreen campaign

Wystarczy kliknąć dowolny element, aby zobaczyć, że można go edytować w panelu po lewej stronie.

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

Edit the text of welcome mat

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

W tym miejscu należy przełączyć opcję „Wyświetlić slajd strony?”, aby ją włączyć.

Display a page slide

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

Następnie musisz przełączyć się do widoku „Sukces” twojej maty powitalnej. To jest to, co twoi użytkownicy zobaczą po wykonaniu pożądanego działania. Jeśli chcesz, możesz dostosować widok sukcesu lub użyć domyślnego szablonu.

View the success view of welcome screen mat

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

Wyświetlanie maty powitalnej na twojej witrynie WordPress

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

Istnieje wiele opcji personalizacji i targetowania, takich jak lokalizacja użytkowników, jakie przedmioty mają w koszyku e-handlu, co robili wcześniej na twojej witrynie, zamiar wyjścia i wiele innych.

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

OptinMonster display rule

Ponieważ jest to mata powitalna, prawdopodobnie będziesz chciał, 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 dołączyć lub wykluczyć określone strony za pomocą reguł personalizacji OptinMonster.

Go to actions tab

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

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

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

Add MonsterEffects and animations

Jeśli przewiniesz w dół, zobaczysz Ustawienia plików ciasteczka dla twojej kampanii.

Możesz na przykład ponownie wyświetlić twoją kampanię, jeśli użytkownik dokonał już konwersji po określonej liczbie dni. 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.

Edit cookie settings in OptinMonster

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

Ustawienia można edytować przed opublikowaniem kampanii.

View summary of your campaign

Gdy twoja mata powitalna będzie gotowa do udostępnienia, po prostu przejdź do karty „Opublikuj” w górnej części ekranu.

Zmień status publikacji z „Wersja robocza” na „Opublikuj”.

Publish welcome screen campaign

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

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

Jeśli tak nie jest, wystarczy kliknąć menu rozwijane Status i wybrać opcję „Opublikowane”. Nie zapomnij kliknąć przycisku „Zapisz zmiany”, gdy skończysz.

Change the status of welcome mat campaign

Aby sprawdzić twoją kampanię, użytkownik może przejść na twoją witrynę internetową w nowym oknie przeglądarki w trybie incognito.

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

Fullscreen welcome mat preview

Przykłady świetnych mat powitalnych

Przyjrzyjmy się kilku przykładom mat powitalnych z różnych branż. Dla każdego z nich omówimy to, co robią dobrze, a także wszelkie drobne zmiany, które możemy zasugerować.

1. Osobliwość

Ta mata powitalna od Singularity zachęciła użytkowników do zarejestrowania się i obejrzenia transmisji na żywo z globalnego szczytu Singularity University. Odniosła ona ogromny sukces i zdobyła ponad 2000 nowych rejestracji e-mail w ciągu 9 dni.

Singularity fullscreen mat preview

Szczególnie podoba nam się świetne wykorzystanie logo, wyraźny krój pisma 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 pasuje do reszty witryny internetowej.

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 tworzy atrakcyjną ofertę.

3. AVweb

Ta mata powitalna ma duży, wyraźny obrazek małego samolotu. Od razu przyciąga wzrok.

Welcome mat example AVweb

Podoba nam się świetny obrazek i wyraźne wezwanie do działania „Zapisz mnie!”. Jedną małą możliwą modyfikacją byłoby skrócenie sloganu, aby nie zakrywał górnej części obrazka.

4. Wczytywanie krajobrazów

Ta mata powitalna od 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 witryny pod matą powitalną może być nieco rozpraszające, więc warto je zmienić, aby było w pełni nieprzezroczyste.

5. OptimizeMyBnb

Ta mata powitalna była używana na określonej stronie, która została umieszczona jako klikalny odnośnik w książce sprzedawanej przez właściciela witryny internetowej za pośrednictwem zewnętrznych sprzedawców detalicznych. Sprzedawcy ci nie przekazywali jednak danych własnych klientów. Wykorzystanie maty powitalnej w ten sposób pomogło przechwycić adresy e-mail klientów.

Optimize your Airbnb thank you

Uważamy, że bardzo wyraźny nagłówek, podtytuł i tekst wezwania do działania zadziałały dobrze, a przycisk „nie, dziękuję” został dobrze wykorzystany, 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 matą powitalną w trybie pełnoekranowym:

  • Przedstawienie ukierunkowanej oferty lub kuponu
  • Prezentacja nowych produktów i usług
  • Niech odwiedzający wiedzą, czego mogą oczekiwać od witryny.
  • Pozyskiwanie nowych subskrybentów poprzez wyróżnianie ich najlepszych treści
  • Kierowanie odwiedzających do ich profili w mediach społecznościowych
  • Zbieranie subskrybentów e-mail w ramach fazy poprzedzającej uruchomienie.

Jeśli poważnie myślisz o poprawie konwersji na swojej witrynie internetowej, to mata powitalna, a nawet pełnoekranowe reklamy pełnoekranowe są jednymi z najbardziej konwertujących elementów, które możesz dodać do swojej witryny internetowej.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć matę powitalną dla twojej witryny internetowej i że przykłady okazały się inspirujące. Warto również zapoznać się z naszym przewodnikiem na temat tworzenia wyskakujących okienek z kuponami w WordPressie i najlepszych wtyczek do paska powiadomień WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

2 komentarzeZostaw odpowiedź

  1. Adebambo Oyinlola Aderonke

    Is it possible for a blogger who is on free plan to use a welcome mat?

    • WPBeginner Support

      All of our tutorials are for WordPress.org sites, WordPress.com has limitations on what plugins are available and this is not an option on WordPress.com to our knowledge at this time.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.