Wyskakujące wtyczki WordPress: dobre, złe i brzydkie

Wyskakujące okienka, na pewno widziałeś je na wielu stronach internetowych. Są to okna, które pojawiają się w witrynie, gdy czytasz artykuł lub próbujesz wyjść. Ich głównym celem jest powiększanie biznesowej listy e-mailowej (tzw. pozyskiwanie leadów).

Niektórzy marketingowcy je uwielbiają, inni nie. Niektórzy odwiedzający witrynę mogą czuć się przez nich zirytowani. Ale dlaczego nadal są używane?

Ponieważ są dobrym narzędziem do generowania leadów, jeśli są używane mądrze.

Na przykład ludzie w Sleeknote przeanalizowali dane z ponad miliarda wyświetleń wyskakujących okienek od swoich najlepszych klientów. Odkryli, że wyskakujące okienka wyświetlane po ośmiu sekundach konwertują się lepiej niż wyskakujące okienka wyświetlane przed lub po.

Spójrz na to: współczynnik konwersji 3,62% dla wyskakującego okienka pojawiającego się po 8 sekundach w porównaniu do 0% (co oznacza brak wyskakującego okienka). To na pewno coś znaczy, prawda?

Teraz w tym artykule porozmawiamy o:

• Najlepsze wtyczki pop-up WordPress;
• Anatomia wyskakującego okienka;
• Wyskakujące najlepsze praktyki dotyczące przypadków;
• Wyskakująca inspiracja.

Czy powinniśmy?

Najlepsze wtyczki pop-up WordPress

Teraz, gdy zaczniesz szukać wyskakującej wtyczki WordPress, która spełni Twoje potrzeby, oto kilka funkcji, które mogą się przydać:

• Dostępne wstępnie zaprojektowane szablony, dzięki czemu nie zawsze musisz zaczynać od zera lub potrzebujesz inspiracji;
• Przeciągnij i upuść wyskakujący kreator, dzięki czemu możesz zaprojektować wszystko szybko i łatwo, bez kodu;
• Integracje z e-mail marketingiem: upewnij się, że Twoja wyskakująca wtyczka WordPress bezproblemowo integruje się z Twoim dostawcą poczty e-mail.
• Wiele dostępnych wyzwalaczy dla Twojego wyskakującego okienka: zamiar wyjścia, na podstawie czasu spędzonego na stronie, położenia geograficznego, powracających w porównaniu z nowymi użytkownikami itp.;

Teraz rzućmy okiem na 5 najlepszych wyskakujących wtyczek WordPress w ekosystemie:

OptinMonster

Obecnie używany przez ponad 1 213 400 stron internetowych, jest to samodzielny produkt SaaS. Mają też wtyczkę WordPress z ponad 1 000 000 aktywnych instalacji.

Oto niektóre z jego najcenniejszych funkcji:

• Dostępne są różne formaty wyskakujących okienek : lightbox, pływające paski, wsuwane, zgrywalizowane kółka obrotowe, liczniki czasu i wiele innych;
• Przeciągnij i upuść kreatora pop-up WordPress;
• Gotowe szablony pop-up;
• Wiele personalizacji opartych na zachowaniu: zamiar wyjścia, geolokalizacja, retargeting i inne;
• wyskakujące testy A/B;
• Animacje i efekty dźwiękowe;
• Integracja z najpopularniejszymi wtyczkami do formularzy WordPress ;
• Integracje z e-mail marketingiem (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo i wiele innych);

Ceny : od 9 USD miesięcznie, rozliczane corocznie w przypadku planu podstawowego.

Kreator wyskakujących okienek

Ta wyskakująca wtyczka WordPress, używana w ponad 600 000 witryn, jest bardzo popularna. Oto niektóre z jego najcenniejszych funkcji:

• Integracja z najpopularniejszymi wtyczkami do formularzy WordPress (Ninja Forms, Gravity Forms, Contact Form 7, itp.) ;
• Integracje z e-mail marketingiem (Mailchimp, GetResponse, Hubspot i wiele innych);
• Kieruj na dowolne treści WordPress, takie jak posty, strony i 26 innych;
• Planowanie wyskakujących okienek ;

Ceny : od 87 USD rocznie za plan Start.

Gwar

Ta wyskakująca wtyczka WordPress, używana w ponad 100 000 witryn, została stworzona przez WPMU DEV. Stoją za wieloma popularnymi wtyczkami WordPress.

Oto niektóre z najcenniejszych funkcji Hustle:

• Szablony do różnych zastosowań (np. Czarny piątek, gratisy, powiadomienie o COVID, subskrypcja biuletynu);
• W pełni responsywne wyskakujące okienka;
• Dostępnych jest wiele opcji stylizacji , od obramowań, cieni, odstępów, typografii, koloru, po niestandardowe CSS;
• Wyzwala wiele zachowań , takich jak czas spędzony na stronie, przewijanie, zamiar wyjścia i inne.
• Integracje z e-mail marketingiem (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo i wiele innych);

Cena : 5 USD / miesiąc, rozliczane rocznie za plan Hustle Pro. Dostępna bezpłatna wersja próbna.

Sumo

Sumo to wtyczka WordPress, która pomaga ponad 60 000 stron internetowych powiększać listę e-mailową za pomocą wyskakujących okienek. Podobnie jak OptinMonster, działa również jako samodzielny produkt. Poza WordPressem obsługuje jeszcze więcej stron internetowych.

Oto niektóre z jego najważniejszych cech:

• Zaplanuj jednorazowe e-maile marketingowe lub krople e-mail, aby komunikować się z subskrybentami;
• Formularze zgłoszeniowe ;
• Pełna kontrola projektu nad wyskakującymi okienkami;
• Wstępnie zaprojektowane szablony ;

Ceny : ludzie w Sumo chwalą się, że możesz korzystać z Sumo ZA DARMO i płacić tylko wtedy, gdy zdobędziesz więcej klientów.

Pakiet PRO zaczyna się od 39 USD miesięcznie naliczanych rocznie.

KonwertujPro

Convert Pro to nasz wybór do tworzenia wyskakujących okienek WordPress. Jest naprawdę elastyczny i ma wiele opcji projektowania i wyzwalania.

Oto funkcje, które lubimy:

• Edytor przeciągnij i upuść ;
• responsywność mobilna ;
• Wieloetapowe wyskakujące okienka;
• Wiele opcji wyzwalania;
• Ogromna biblioteka szablonów;
• Dostępnych jest wiele formatów wyskakujących: zamiar wyjścia, kliknięcie, paski informacyjne, wsuwane, wbudowane wezwania do działania, pełnoekranowe wezwania do działania, maty do konwersji i inne.
• Łatwe testowanie A/B;
• Integracje z e-mail marketingiem (Mailchimp, Sendinblue, ConvertKit, Drip, Klaviyo i wiele innych);

Ceny : od 79 USD rocznie.

Jak stworzyć wyskakujące okienko WordPress za pomocą ConvertPro

Czas na demo, nie sądzisz?

Ponieważ jesteśmy użytkownikami Convert Pro, w Colibri pokażę Ci, jak korzystamy z tego narzędzia.

Oto kroki tworzenia wyskakującego okienka WordPress za pomocą Convert Pro:

1. Po zakupie wtyczki udaj się do sklepu BrainStormForce (twórców wtyczki) i pobierz plik zip za pomocą Convert Pro . Teraz przejdź do pulpitu WordPress -> Wtyczki -> Dodaj nowy. Prześlij tutaj swój plik zip, a następnie aktywuj wtyczkę.
2. Przejdź do pulpitu WordPress -> Konwertuj Pro -> Utwórz nowy.
3. Wybierz żądany typ wyskakującego okienka WordPress .
4. Wybierz szablon i cel.
5. Nazwij wyskakujące okienko, a następnie naciśnij „Utwórz”.
6. Zacznij projektować wyskakujące okienko . Dodaj do niego nagłówki, akapity, wizualizacje. Istnieje kilka kształtów i formatów przycisków, które możesz wybrać w menu po lewej stronie. Możesz nawet dodać odliczanie, jeśli na przykład prowadzisz promocję. W opcji „Panel” możesz dostosować rozmiar wyskakującego okienka, dodać animację, tła i nie tylko. Możesz również stylizować swój formularz w dowolny sposób. Możesz także tworzyć wieloetapowe wyskakujące okienka w opcjach zaawansowanych. Możesz wyświetlić podgląd mobilnej wersji wyskakującego okienka, klikając ikonę urządzenia mobilnego u góry pulpitu nawigacyjnego.
7. Skonfiguruj swój formularz . Na tym poziomie możesz wybierać spośród wielu wyzwalaczy. W menu „Cel” możesz dostosować swoje ustawienia na podstawie geolokalizacji, urządzenia i innych zachowań użytkowników. Na przykład lubię tworzyć osobne wyskakujące okienka na urządzenia mobilne i komputery stacjonarne. Na urządzeniach mobilnych wyskakujące okienka WordPressa uruchamiam po 5 sekundach, podczas gdy na komputerze stacjonarnym używam wyjścia.
8. Połącz Convert Pro z narzędziami innych firm , takimi jak formularze i oprogramowanie do e-mail marketingu.
9. Nie zapomnij zapisać i „Upublicznij” wyskakujące okienko WordPress, gdy skończysz.

I to wszystko. Masz swoje pierwsze wyskakujące okienko WordPress!

Teraz, gdy już wiesz, jak zaprojektować wyskakujące okienko, przyjrzyjmy się jego niezbędnym elementom.

Anatomia wyskakującego okienka

Jak wspomniano wcześniej, wyskakujące okienko służy do przekształcania odwiedzających w potencjalnych klientów lub potencjalnych klientów w klientów.

W jaki sposób wyskakujące okienko może pomóc Ci osiągnąć ten cel? Prawidłowo zastosowane wyskakujące okienka mogą pojawić się przed odpowiednią osobą, we właściwym czasie, z odpowiednim komunikatem, dzięki czemu mogą zmaksymalizować szanse na konwersję.

Oto elementy, które ma wyskakujące okienko:

• Formularz . Te formularze mogą być bardzo proste i zawierać tylko przycisk wezwania do działania lub mogą zawierać dodatkowe pola niestandardowe.
• Spust . Te wyskakujące okienka mogą pojawiać się zgodnie z niektórymi witrynami lub zachowaniem użytkownika, np.: po 8 sekundach na stronie, po przewinięciu 70%, gdy użytkownik zamierza opuścić witrynę itp.
• Kierowanie . Możesz wywołać te wyskakujące okienka, aby pojawiały się w oparciu o geolokalizację odwiedzającego, typ strony, na której się znajduje, itp. Może odwiedzający czyta artykuł o zdrowej diecie. Możesz pokazać mu wyskakujące okienko promujące Twój ebook z energetyzującymi przepisami na koktajle. Dostosowanie jest tutaj kluczowe, jeśli chcesz zmaksymalizować współczynniki konwersji.
• Niestandardowe elementy projektu, które pomogą Ci przekazać wiadomość lub uczynić ją bardziej atrakcyjną: obrazy, filmy itp.

Teraz Twoja praca nie zakończyła się na projekcie pop-up. Musisz wymyślić kolejne kroki. Zwykle musisz pielęgnować swoich potencjalnych klientów za pomocą kampanii e-mail marketingowych. Oznacza to, że będziesz potrzebować oprogramowania do obsługi poczty e-mail, aby połączyć się z wyskakującą wtyczką WordPress.

Przyjrzyjmy się teraz kilku dobrym praktykom projektowania wysoce konwertujących wyskakujących okienek.

Najlepsze praktyki dotyczące wyskakujących okienek

Zamierzam zachować to krótko i słodko. No to ruszamy:

• Nie narzucaj się wyskakującym okienkom. Bądź mądry ze swoimi wyzwalaczami. Zawsze wybieram zamiar wyjścia, aby nie ingerować zbytnio w wrażenia użytkownika.
• Nie pokazuj wyskakujących okienek na wszystkich swoich stronach. Pomyśl o celu swojej strony. Czy na pewno chcesz wyświetlić wyskakujące okienko na stronach z cenami lub skontaktować się z nami? Bądź mądry w tym temacie.
• Upewnij się, że wyskakujące okienko wygląda dobrze na wszystkich urządzeniach.
• Ułatw odwiedzającym witrynę zamykanie wyskakującego okienka.
• Używaj obrazów w wyskakujących okienkach. Analiza Sleeknote wykazała, że ​​konwertują one lepiej niż te bez obrazów.
• Wywołaj FOMO (strach przed pominięciem) w swojej wyskakującej kopii. Na przykład możesz to zrobić, wstawiając licznik czasu, który informuje ludzi, ile dni pozostało do zakończenia promocji.
• Im więcej pól masz w formularzu, tym mniej konwersji. Uważaj, jak równoważysz te rzeczy. Z jednej strony wiele pól formularza może pomóc w lepszej segmentacji potencjalnych klientów.
• Określ cele i cel korzystania z konkretnego wyskakującego okienka.
• Zaimplementuj wyskakujące okienka w określonym czasie, aby zwiększyć zaangażowanie.
• Spróbuj podzielić wyskakujące okienka na segmenty dla nowych i powracających użytkowników.
• Gdy użytkownicy przewijają treść lub spędzają więcej czasu nad artykułem, oznacza to, że przykułeś ich uwagę. Co powiesz na użycie wyzwalacza przewijania, aby pokazać im wyskakujące okienko z aktualizacją treści lub zaproszeniem na webinar?

7 przykładów pop-upów, które Cię zainspirują

Teraz wystarczy teoria, spójrzmy na kilka prawdziwych wyskakujących okienek.

Przykład wyskakującego okienka 1: Sleeknote

To wyskakujące okienko Sleeknote wykorzystuje dowody społecznościowe, aby przekonać ludzi do subskrypcji biuletynu. Kiedy się zarejestrujesz, dołączysz do innych 70 000 marketerów.

A ponieważ niektórzy ludzie mogą przejść przez zmęczenie biuletynem, używają terminu „cotygodniowa inspiracja marketingowa”. Sleeknotes również „przekupuje” swoich gości dożywotnim dostępem do zasobów klienta w zamian za subskrypcję. Używają również gif i emotikony, aby wyskakujące okienko było bardziej atrakcyjne wizualnie.

Przykład wyskakującego okienka 2: Hubspot

W poniższym przykładzie mamy wyskakujące okienko z zamiarem wyjścia z Hubspot (oprogramowanie marketingowe i sprzedażowe), które próbuje przekonać odwiedzających witrynę do subskrypcji biuletynu. Wykorzystują również dowody społecznościowe, aby być bardziej przekonującym: dołączyło już ponad 600 000 marketerów.

Mogliby użyć niektórych obrazów, aby wyglądać bardziej chwytliwie.

Przykład wyskakującego okienka 3: Haute Hijab

Ten wielomilionowy sklep e-commerce korzysta z wyskakującego okienka, które oferuje 15% zniżki dla odwiedzających, którzy subskrybują biuletyn.

Przykład wyskakującego okienka 4: Backlinko

Brian Dean, słynny ekspert SEO, ma na swoim blogu zablokowane treści. To naprawdę cenne studium przypadku, które chętnie podzieli się ze swoim czytelnikiem w zamian za wiadomość e-mail.

Po kliknięciu przycisku „Odblokuj teraz” uruchomi się wyskakujące okienko.

Przykład wyskakującego okienka 5: Mailpoet

Mailpoet (oprogramowanie do marketingu e-mailowego) i większość witryn internetowych używa wyskakujących okienek do informowania odwiedzających o plikach cookie witryny. Mailpoet robi to za pomocą przejrzystego wyskakującego okienka, a nie starego, szarego i nudnego, do którego jesteśmy przyzwyczajeni.

Przykładowe okienko 6: Virgin Atlantic

Virgin Atlantic używa wyskakującego paska informacyjnego, aby poinformować pasażerów o środkach bezpieczeństwa związanych z COVID-194.

Inne strony używają tej taktyki do promowania specjalnych wyprzedaży, a nawet łączą to z odliczaniem.

Przykład pop-up 7: Dedoles

Spróbuj przyciągnąć odwiedzających witrynę tajnymi bonusami. Ludzie z Dedoles używają do tego koła nagród. W zamian za wiadomość e-mail otrzymasz zniżkę lub prezent.

Zawijanie

Mrugnij dwa razy, jeśli nadal jesteś ze mną

Zobaczmy teraz, czego się dzisiaj nauczyliśmy:

• Jakie są najlepsze wtyczki pop-up 5 WordPress w ekosystemie;
• Jak używać ConvertPro do tworzenia wyskakujących okienek WordPress;
• Jakie są elementy wyskakującego okienka;
• Jakie są najlepsze praktyki, które możesz ukraść, aby utworzyć wyskakujące okienka WordPress, które konwertują;

To wszystko ludzie!

Jeśli podobał Ci się ten artykuł i chcesz dowiedzieć się więcej o tym, jak zaprojektować witrynę WordPress , zasubskrybuj kanał Colibri na Youtube i śledź nas na Twitterze i Facebooku!

Chcesz rozkręcić swój biznes?

Otrzymuj co dwa miesiące aktualizacje dotyczące:

• projektowanie wspaniałych stron WordPress
• budowanie obecności w Internecie
• promować swoją witrynę

Adres e-mail:

Zaznacz, jeśli masz więcej niż 18 lat i chcesz otrzymywać na e-mail ekskluzywne prezenty, informacje o WordPressie i naszych produktach. Możesz zrezygnować z subskrypcji w dowolnym momencie. Sprawdź naszą Politykę prywatności i Warunki użytkowania, aby uzyskać więcej informacji.