Jak utworzyć wyskakujące okienko z zamiarem wyjścia w WordPress (krok po kroku)

Opublikowany: 2018-09-20
wyskakujące okienko wyjścia wordpress
Obserwuj @Cloudways

Czy otrzymujesz ruch na swojej stronie, ale nikt nie zapisuje się na Twoją listę e-mailową? Średnio ponad 70 procent osób, które opuszczają Twoją witrynę, nigdy nie wróci. To wiele osób, które mogły zostać subskrybentami, a w końcu klientem, których straciłeś na zawsze. Ale co by było, gdyby istniał sposób na konwersję opuszczających witrynę i zwiększenie konwersji? Możesz to zrobić z wyskakującymi okienkami.

Wyskakujące okienka z zamiarem wyjścia są mniej inwazyjne niż inne wyskakujące okienka, zamiast przerywać odwiedzającym, gdy tylko trafią na Twoją stronę, są w stanie wykryć, kiedy odwiedzający ma zamiar opuścić witrynę i wysłać im ukierunkowaną kampanię dokładnie we właściwym momencie . Wyskakujące okienka z zamiarem wyjścia są bardzo skuteczne i angażujące oraz mogą zwiększyć konwersję o 1700 procent poprzez konwersję potencjalnie odrzuconego ruchu.

Jeśli chcesz zwiększyć liczbę subskrybentów i wygenerować więcej leadów dla swojej firmy, oto jak krok po kroku stworzyć wyskakujące okienko w WordPressie.

Dodaj wyskakujące okienko WordPress

  1. Pobierz OptinMonster
  2. Stwórz swoją kampanię
  3. Edytuj swoją kampanię
  4. Dodaj dostawcę poczty e-mail
  5. Ustaw zasady wyświetlania
  6. Stwórz swoją kampanię na żywo w WordPress

Krok 1: Pobierz OptinMonster

Zanim zaczniemy, aby móc uzyskać dostęp do technologii Exit-Intent, będziesz potrzebować Subskrypcji Plus z OptinMonster. Po zarejestrowaniu się w OptinMonster musisz pobrać wtyczkę OptinMonster dla WordPress.

Prześlij wtyczkę do swojej witryny, przechodząc do Pulpit nawigacyjnyWtyczkiDodaj nowyPrześlijZainstaluj teraz . Następnie kliknij przycisk Aktywuj wtyczkę , aby aktywować wtyczkę OptinMonster WordPress.

Następnie kliknij OptinMonster w menu i wprowadź dane uwierzytelniające API, aby połączyć konto OptinMonster z witryną WordPress.

Teraz zacznijmy.

Krok 2: Stwórz swoją kampanię

Zaloguj się do panelu OptinMonster i kliknij przycisk Utwórz kampanię .

Utwórz kampanię

Następnie zostaniesz poproszony o wybranie typu kampanii, wybierz opcję Popup .

Opcja wyskakującego okienka

Następnie wybierz preferowany szablon kampanii. Na potrzeby tego samouczka wybierzemy szablon salda . Aby wybrać kampanię, najedź kursorem na wybrany szablon, a pojawi się przycisk Użyj szablonu , kliknij go.

Użyj szablonu

Teraz pojawi się opcja nazwania kampanii i wybrania witryny, w której chcesz ją wyświetlić. Możesz wybrać więcej niż jedną witrynę, a jeśli nie masz pewności, możesz dodać witrynę później w kreatorze kampanii. Po wypełnieniu tych pól kliknij przycisk Rozpocznij budowę .

Rozpocznij budowę

Z tego miejsca zostaniesz przeniesiony do kreatora kampanii OptinMonster, w którym zobaczysz domyślny motyw Balance . Teraz nadszedł czas, aby rozpocząć edycję kampanii i uczynić ją własną.

Krok 3: Edytuj swoją kampanię

Rozpocznij edycję kampanii, zastępując domyślne obrazy własnymi. Kliknij obszar obrazu, aby otworzyć element edycji obrazu po lewej stronie, a następnie kliknij przycisk Wybierz, aby zastąpić obraz . Pojawi się ekran umożliwiający przeglądanie plików na komputerze lub wybór zdjęcia z istniejącej biblioteki obrazów.

Edycja elementu obrazu

Po wybraniu obrazu, który będzie najlepszy dla Twojej kampanii, nadszedł czas na edycję tekstu. Kliknij tekst nagłówka, aby go zaznaczyć, a następnie zacznij pisać w polu tekstowym po lewej stronie, aby zastąpić domyślny nagłówek własnym. Tutaj możesz również użyć narzędzi do formatowania, aby wybrać czcionkę, pogrubić ją, zmienić rozmiar i nie tylko.

Edycja elementu obrazu

Wykonaj te same kroki, aby edytować również tekst podstawowy.

Edycja elementu obrazu

Możesz także zmienić kolory wyskakującego okienka wyjścia, klikając bloki, które chcesz edytować i naciskając przycisk Kolor tła .

Kolor tła

Jeśli zdecydujesz się, możesz również edytować swoje pola za pomocą elementu Edycja pól . Kliknij blok zawierający pole e-mail i przycisk Zarejestruj się , aby edytować tekst lub dodać nowe pola, takie jak imię i nazwisko oraz numer telefonu.

Element pól edycji

Użyj zielonego przycisku Zapisz u góry ekranu, aby zapisać swoje postępy.

Zapisz przycisk

Krok 4: Dodaj dostawcę poczty e-mail

Następnym krokiem jest dodanie dostawcy poczty e-mail, ten krok jest niezbędny, jeśli chcesz utworzyć kampanię, aby powiększyć swoją listę e-mail. Jeśli nie masz dostawcy usług poczty e-mail, możesz zarejestrować się w dowolnej z wielu opcji, z którymi OptinMonster jest zgodny. Po utworzeniu konta u wybranego dostawcy poczty e-mail kliknij przycisk Integracja w menu u góry ekranu, a następnie naciśnij przycisk Dodaj nową integrację .

Dodaj dostawcę poczty e-mail

Wybierz dostawcę z rozwijanej listy dostawców poczty e-mail, dziś wybierzemy Stały kontakt .

Stały kontakt

Kliknij niebieski przycisk Zarejestruj się ze stałym kontaktem.

Zarejestruj się w Constant Contact

Następnie pojawi się okno, w którym możesz zalogować się do Constant Contact , następnie kliknij pomarańczowy przycisk Zezwól .

Przycisk Zezwól

Następnie wprowadź etykietę konta , na potrzeby samouczka nazwałem moją „ Test ” i kliknij zielony przycisk Połącz ze stałym kontaktem.

Połącz się ze stałym kontaktem

Na koniec wybierz listę dostawców poczty e-mail z menu rozwijanego. Domyślna wartość, którą zapewnia stały kontakt, nazywa się Ogólne zainteresowanie .

Ogólne zainteresowanie

Teraz, gdy już to zrobiliśmy, nadszedł czas, aby ustawić zasady wyświetlania.

Krok 5: Ustaw reguły wyświetlania

Wybierz kartę Reguły wyświetlania na pasku menu i wybierz „ wykryto wyjście ” z listy rozwijanej. Następnie wybierz „ bieżąca ścieżka URL ” i „ to dowolna strona ” w następnych regułach wyświetlania, aby załadować wyskakujące okienko przy wyjściu dla wszystkich stron internetowych. Możesz także wybrać wyświetlanie go tylko nowym odwiedzającym lub tylko na niektórych stronach, na przykład. Po wybraniu konfiguracji kliknij niebieski przycisk Następny krok .

Ustaw zasady wyświetlania

Na tej stronie wybierz opcję „ Optymalizacja ” dla opcji Pokaż widok kampanii . Tutaj możesz również wybrać efekty dla wyskakującego okna wyjścia WordPress, takie jak efekty dźwiękowe.

Pokaż widok kampanii

Pamiętaj, aby kliknąć zielony przycisk Zapisz , aby zapisać wprowadzone zmiany. Po zakończeniu konfigurowania reguł wyświetlania nadszedł czas, aby rozpocząć transmisję na żywo.

Krok 6: Uruchom swoją kampanię na WordPress

Kliknij przycisk Opublikuj u góry ekranu, gdy strona się otworzy, przełącz przycisk Stan , aby uruchomić kampanię. Możesz także wybrać witrynę, na której chcesz wyświetlić wyskakujące okienko wyjścia, jeśli jeszcze tego nie zrobiłeś.

Przycisk stanu

Następnie wybierz swoją platformę, kliknij opcję WordPress.

Następnie przejdź do swojej witryny WordPress i znajdź pobraną wcześniej wtyczkę OptinMonster. Jeśli nie widzisz swojej kampanii w sekcji „ Kampanie ”, kliknij niebieski przycisk Odśwież kampanie . Gdy zobaczysz swoją kampanię na liście, kliknij link „ Rozpocznij ” pod tytułem kampanii. Obok nowej kampanii zobaczysz zielony tekst „ Na żywo ”.

Przejdź na żywo

Gratulacje, zrobiłeś to! Twoje wyskakujące okienko wyjścia WordPress jest gotowe do konwersji porzucających odwiedzających.

Wyskakujące okienko wyjścia z WordPress

Wykonując te proste kroki, możesz utworzyć wyskakujące okienko wyjścia w WordPressie, które powiększy Twoją listę e-mailową i będzie generować leady i sprzedaż. Niezależnie od tego, czy masz bloga, czy sklep internetowy, wyskakujące okienka z zamiarem wyjścia zapewnią Twojej firmie impuls, którego potrzebuje, aby przyciągnąć e-maile i uwagę odwiedzających.