WordPress

Jak otworzyć wyskakujący formularz WordPress po kliknięciu łącza lub obrazu

  • 21 lutego, 2023
  • 7 min read
Jak otworzyć wyskakujący formularz WordPress po kliknięciu łącza lub obrazu


Czy chcesz utworzyć wyskakujące okienko, które pojawia się, gdy odwiedzający klikną link lub obraz w Twojej witrynie?

To sprawdzony sposób na powiększenie listy e-mailowej. Jest skuteczniejszy, ponieważ zaczyna się od akcji podjętej przez użytkownika. Popularne witryny często używają go, aby zaoferować zachętę do zdobycia jeszcze większej liczby subskrybentów.

W tym artykule pokażemy krok po kroku, jak otworzyć wyskakujące okienko WordPress po kliknięciu łącza lub obrazu.

Jak otworzyć wyskakujący formularz WordPress po kliknięciu linku lub obrazu

Co to jest wyskakujący formularz „po kliknięciu”?

Formularze wyskakujące po kliknięciu to wyskakujące okienka typu lightbox, które otwierają się, gdy użytkownik kliknie łącze, przycisk lub obraz w Twojej witrynie WordPress.

Zwykle wyskakujące okienka pojawiają się na stronach internetowych, gdy użytkownik przybywa lub ma zamiar go opuścić. Wyskakujące formularze po kliknięciu są uruchamiane przez interakcję użytkownika.

Używamy również wyskakujących okienek na kliknięcie na WPBeginner, aby rozwijać naszą listę e-mailową. Na przykład wyskakujące okienko pojawi się, gdy użytkownik kliknie ikonę e-mail na pasku bocznym obok wszystkich ikon społecznościowych.

Po kliknięciu podgląd wyskakującego okienka

Dlaczego formularze wyskakujące po kliknięciu są tak skuteczne?

Formularz wyskakujący po kliknięciu jest skuteczny, ponieważ wykorzystuje potężny efekt Zeigarnika. Jest to zasada psychologiczna, która mówi, że użytkownicy, którzy sami rozpoczynają działanie, są bardziej skłonni do jego zakończenia.

Gdy ktoś kliknie łącze lub przycisk, aby wywołać wyskakujące okienko, oznacza to, że już wykazał zainteresowanie. Gdy pojawi się wyskakujące okienko formularza, będą bardziej skłonni go użyć.

Na przykład możesz użyć wyskakującego okienka po kliknięciu, aby zaoferować magnes ołowiowy. Może to być darmowy zasób do pobrania, taki jak e-book lub plik PDF, który użytkownicy mogą otrzymać w zamian za swój adres e-mail.

Istnieją jednak inne sposoby korzystania z wyskakujących okienek po kliknięciu w witrynie. Na przykład możesz poprosić użytkowników o odebranie kodu kuponu, uzyskanie informacji o produkcie, wypełnienie ankiet i nie tylko.

Warto przeczytać!  bezpieczeństwo - Wymuszaj na użytkowniku zmianę hasła w interfejsie użytkownika przy pierwszym logowaniu i polityce haseł

To powiedziawszy, przyjrzyjmy się, jak łatwo utworzyć wyskakujące okienko lightbox po kliknięciu dla Twojej witryny.

Tworzenie wyskakującego okienka po kliknięciu w WordPress

Najprostszym sposobem na utworzenie wyskakującego okienka po kliknięciu jest użycie OptinMonster. Jest to wyskakująca wtyczka do WordPress i oprogramowania do generowania leadów.

Najpierw musisz zarejestrować konto OptinMonster. Będziesz potrzebować konta Pro (lub wyższego), ponieważ zawiera ono funkcję MonsterLinks™, która umożliwia tworzenie wyskakujących okienek po kliknięciu.

Po prostu odwiedź witrynę OptinMonster i kliknij przycisk „Pobierz OptinMonster teraz”, aby rozpocząć.

OptinMonster

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

Pozwala to połączyć konto OptinMonster z witryną WordPress.

Po aktywowaniu wtyczki musisz połączyć swoje konto. Powinieneś zostać automatycznie przeniesiony do strony powitalnej na pulpicie nawigacyjnym WordPress.

Śmiało i kliknij przycisk „Połącz istniejące konto”.

Połącz istniejące konto

Następnie otworzy się nowe okno.

Możesz kliknąć przycisk „Połącz z WordPress”, aby dodać swoją witrynę do OptinMonster.

Połącz OptinMonster z WordPressem

Po podłączeniu konta OptinMonster do witryny WordPress możesz utworzyć wyskakujące okienko po kliknięciu.

Wystarczy przejść do OptinMonster » Kampanie z pulpitu nawigacyjnego WordPress i kliknij przycisk „Utwórz swoją pierwszą kampanię”.

Utwórz swoją pierwszą kampanię

Zostaniesz przeniesiony prosto na stronę OptinMonster.

Typ kampanii powinien być już ustawiony na Popup. Jeśli nie, po prostu kliknij Popup, aby je wybrać. Następnie musisz wybrać szablon kampanii.

Wybierz typ kampanii i szablon

Będziesz mógł później zmodyfikować dokładnie ten szablon. W tym samouczku użyjemy szablonu „Podstawowy”.

Po prostu najedź kursorem na szablon i kliknij przycisk „Użyj szablonu”.

Wybierz podstawowy szablon

Zostanie wyświetlony monit o wprowadzenie nazwy kampanii. to jest tylko dla ciebie. Użytkownicy tego nie zobaczą.

Po prostu wpisz nazwę i kliknij „Rozpocznij budowanie”, aby utworzyć wyskakujące okienko.

Wpisz nazwę swojej kampanii

OptinMonster automatycznie załaduje szablon w kreatorze kampanii typu „przeciągnij i upuść”.

Warto przeczytać!  shortcode - wtyczka wstawia treść przed treścią strony

Możesz edytować domyślny tekst oraz dodawać lub usuwać elementy z szablonu. Po prostu przeciągnij bloki z menu po lewej stronie i upuść je na szablonie.

Dodaj bloki do kampanii onclick

Możesz także usunąć dowolny element z formularza, klikając go i korzystając z opcji menu po lewej stronie. Na przykład usuniemy pole „Nazwa” z formularza.

Najpierw musisz kliknąć kartę „Opcje” u dołu ekranu. Następnie kliknij pole, aby je zaznaczyć, a w lewej kolumnie zobaczysz dostępne opcje, w tym opcję usunięcia.

Usuń pole nazwy

Po zaprojektowaniu popupu kolejnym krokiem jest zaprojektowanie widoku Sukces, który ludzie zobaczą po wypełnieniu formularza.

Po prostu przełącz się do widoku „Sukces” u góry ekranu.

Edytuj widok powodzenia dla wyskakującego okienka onclick

Możesz edytować widok sukcesu, tak jak edytowałeś widok optin. Na przykład możesz chcieć zmienić tekst lub dołączyć link do pobrania magnesu ołowiowego.

Łączenie wyskakującego okienka z listą e-mailową

Gdy będziesz zadowolony z wyskakującego okienka, kliknij na Integracje zakładka u góry ekranu. Musisz połączyć OptinMonster ze swoją usługą marketingu e-mailowego, aby móc dodawać osoby do swojej listy e-mailowej.

Stąd kliknij przycisk „+ Dodaj nową integrację” po lewej stronie ekranu.

Dodaj narzędzie do marketingu e-mailowego

Następnie możesz wybrać dostawcę poczty e-mail z listy rozwijanej.

Stąd po prostu postępuj zgodnie z instrukcjami, aby połączyć go z OptinMonster.

Wybierz swojego dostawcę poczty e-mail

Ustawianie wyskakującego okienka, aby pojawiało się po kliknięciu

Teraz musisz skonfigurować wyskakujące okienko, aby pojawiało się, gdy użytkownik kliknie link.

Śmiało i kliknij na Zasady wyświetlania zakładka u góry ekranu.

Wybierz reguły wyświetlania

Domyślna reguła wyświetlania ustawiona przez OptinMonster to „czas na stronie”. Oznacza to, że domyślne wyskakujące okienko pojawi się, gdy użytkownik będzie przeglądał tę stronę przez określony czas.

Możesz jednak kliknąć listę rozwijaną i zamiast tego wybrać opcję „MonsterLink™” (po kliknięciu).

Wybierz regułę wyświetlania MonsterLink

Następnie powinieneś zobaczyć swój MonsterLink™ w regułach wyświetlania.

Możesz kliknąć przycisk, aby skopiować kod MonsterLink™. Będziesz tego potrzebować za chwilę.

Skopiuj plik MonsterLink

Uruchamianie wyskakującego okienka po kliknięciu

Następnie możesz przejść do karty „Opublikowane” u góry strony i zmienić stan kampanii z „Wersja robocza” na „Opublikuj”.

Warto przeczytać!  Pomoc dotycząca żądań jquery/ajax
Opublikuj swoją kampanię on-click

Gdy to zrobisz, kliknij przycisk „Zapisz” u góry ekranu i zamknij narzędzie do tworzenia kampanii.

Następnie zobaczysz „Ustawienia wyjściowe WordPress” dla swojej kampanii. Możesz kliknąć menu rozwijane „Stan” i zmienić je z „Oczekujące” na „Opublikowane”. Po zakończeniu kliknij przycisk „Zapisz zmiany”.

Zmień stan z oczekującego na opublikowany

Dodanie Twojego MonsterLink do Twojej witryny WordPress

Teraz musisz dodać specjalny MonsterLink™ do swojej witryny. Jeśli nie skopiowałeś tego wcześniej, możesz to uzyskać, wracając do ustawienia „Reguły wyświetlania” w swojej kampanii.

Najpierw musisz utworzyć nowy post lub stronę albo edytować tę, na której chcesz dodać link.

MonsterLink™ to kod HTML, więc musisz go wkleić do niestandardowego bloku HTML.

Gdy jesteś w edytorze treści WordPress, kliknij przycisk (+), aby dodać niestandardowy blok HTML.

Dodaj niestandardowy blok HTML do swojej strony

Teraz skopiuj swój MonsterLink™ do tego bloku. Powinno to wyglądać mniej więcej tak:

<a href=" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Możesz zmienić słowa „Subskrybuj teraz!” do dowolnego tekstu, którego chcesz użyć w swoim linku.

Wprowadź kod MonsterLink

Po umieszczeniu linku możesz wyświetlić podgląd strony lub posta, aby upewnić się, że działa.

Oto nasz link w akcji. Zauważ, że zastosowaliśmy trochę stylu do tekstu, aby utworzyć ramkę z większym tekstem, aby pomóc w promowaniu głównego magnesu:

Po kliknięciu podgląd wyskakującego okienka

Wskazówka: Nie jesteś ograniczony tylko do linków tekstowych za pomocą MonsterLinks™. Możesz także używać MonsterLink z przyciskami wezwania do działania, obrazami, banerami lub menu nawigacyjnymi na swojej stronie internetowej.

Mamy nadzieję, że ten samouczek pomógł ci dowiedzieć się, jak uruchomić wyskakujący formularz WordPress po kliknięciu. Możesz także zapoznać się z naszym samouczkiem, jak przyspieszyć witrynę WordPress, oraz naszym najlepszym przewodnikiem SEO WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Możesz nas również znaleźć na Świergot i Facebooka.




Źródło