Jak tworzyć skuteczne wyskakujące okienka dla Twojego sklepu internetowego

Popupy mogą być najbardziej znienawidzone na stronach internetowych, ale są niezwykle skuteczne kierowanie ruchem i uzyskiwanie subwencji do Twojej witryny. Oto kolejny problem: ponieważ niektóre wyskakujące okienka są tak popularne, są nadużywane przez właścicieli stron internetowych i sprzedawców internetowych, ale niestety są rzadko poprawnie skonfigurowany.

W tym artykule przyjrzymy się, jak tworzyć wyskakujące okienka pop-up dla witryn WooCommerce za pomocą Popups - WordPress Popup, jednej z najpopularniejszych wtyczek WordPress popup, która pozwala na celuj w swoje moduły, aby uzyskać maksymalną wydajność.

Co sprawia, że ​​skuteczne popup?

Jeśli chcesz tworzyć skuteczne wyskakujące okienka, najlepszą rzeczą, jaką możesz zrobić, to odpal ich w odpowiednim momencie, więc nie tylko unikniesz irytujących odbiorców, ale także sprawisz, że faktycznie się temu przyjrzą i rozważą twoją wiadomość.

Jest to możliwe tylko po skonfigurowaniu wyskakujących okienek na podstawie aktywności użytkowników na miejscu. Więc kiedy wybierasz wtyczkę popup dla swojej witryny WordPress, upewnij się, że znajdziesz taką, która Ci to umożliwi moduły ognia na wybranych stronach, i po upływie określonego czasu.

Dlaczego Twoje okienko nie działa

Gdy okienko nie konwertuje, zwykle dzieje się tak, ponieważ odwiedzający go denerwują. To sprawia, że ​​nie tylko nie wykonują akcji wywoływanej przez wyskakujące okienko, czasami całkowicie porzucają witrynę.

Popup jest ogólnie uważane za denerwujące gdy:

1. Widz nie można znaleźć żadnego połączenia między jego treścią a chwilowym nastawieniem
2. Jego trudno zamknąć
3. To odpala od razu, zanim jakakolwiek inna treść stanie się widoczna

Aby odgadnąć, o czym myślą Twoi użytkownicy, nie musisz być przeglądarką internetową. Wystarczy śledzić ich działania i rozumieć, co robią lub na jakie strony faktycznie patrzą.

Instalowanie wyskakujących okienek - WordPress Popup

Aby rozpocząć tworzenie wyskakujących okienek, najpierw przejdź do Wtyczki> Dodaj nowy menu administratora w pulpicie nawigacyjnym WordPress. Szukać Popups - WordPress Popup, kliknij Zainstaluj, a następnie aktywuj wtyczkę.

Wtyczka rejestruje i tworzy nowy typ postu, i umieszcza całkowicie nowy element menu w pasku administracyjnym o nazwie Wyskakujące okienka. Podobnie jak w przypadku postów i stron, kliknięcie pozycji menu najwyższego poziomu spowoduje wyświetlenie listy aktualnie utworzonych, aktywnych lub nieaktywnych wyskakujących okienek.

Możesz teraz łatwo dodawać nowe wyskakujące okienka do swojej witryny, wybierając Popupy> Dodaj nowe podmenu w menu administratora lub wybierając Nowe> Popupy w pasku administracyjnym.

Opcje konfiguracji

Po dodaniu nowego okienka pojawi się ekran podobny do tego, który widzisz podczas pisania nowych postów. Ponadto, Popups - WordPress Popup zapewnia również dogłębne opcje konfiguracji. Spójrzmy na niektóre podstawowe funkcje, które ma.

1. Dokonywanie edycji za pomocą edytora WYSIWYG

Jest to twój zwykły edytor WYSIWYG dla każdej zawartości WordPressa, więc prawdopodobnie już go znasz. Edytor wyskakujący również dodaje twój Wygląd wyskakującego okienka opcje (patrz poniżej), dzięki czemu możesz naprawdę zobaczyć, jak będzie wyglądało Twoje ostatnie okienko.

2. Wyświetl konta społecznościowe przy użyciu skrótów

Jeśli chcesz wyświetlić pole strony na Facebooku lub inne powiązane konto społecznościowe w swoim wyskakującym okienku, ta wtyczka umożliwia Ci to, udostępniając kilka skrótów.

Klikając na Wyświetl opcje link poniżej każdego shortcode, zobaczysz, jak możesz dostosować te modale. Najlepszym sposobem nauki tych skrótów jest eksperymentowanie z nimi.

Gdybym chciał dołączyć do strony Facebooka Hongkiat w moim domyślnym wyskakującym okienku, wybrałbym pierwszy skrót na liście i postępując zgodnie z wytycznymi, wypełniłbym wymagane dane. Oto krótki kod, który otrzymam:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" name = "hongkiat.com" show_faces = "false" hide_cover = "true" action = "like"] 

Dodając ten krótki kod na dole mojego okna, wynik będzie wyglądał następująco:

3. Dostosuj wygląd skrzynki

w Wygląd wyskakującego okienka pole opcji, możesz łatwo dostosować wygląd ostatniego wyskakującego okienka, ustawiając odpowiednie wartości.

Na przykład, jeśli chciałbym mieć wyskakujące okienko z czerwoną obwódką i zwykłym białym tłem, to bym to zrobił Kolor tła i Kolor ramki odpowiednio.

4. Dostosuj reguły wyświetlania wyskakujących okienek

Jest to prawdopodobnie najważniejsze pole opcji, w którym można skonfigurować udane wezwanie do działania. W tym polu możesz ustaw warunki, kiedy wtyczka pokaże twoje okno. Im precyzyjniej ukierunkowane, a tym samym odpowiednie wyskakujące okienka, tym lepiej się przekonwertują!

Najłatwiejszym sposobem zrozumienia reguł wyświetlania wyskakujących okienek jest potraktowanie trzech składników (oznaczonych osobnym paskiem wprowadzania, patrz zrzut ekranu poniżej) ustawień jako części zdania złożonego.

Możesz dodaj tyle reguł, ile chcesz klikając na i przycisk na końcu reguły lub przez dodanie zupełnie nowego zestawu reguł klikając na Dodaj grupę reguł przycisk na dole pudełka.

Zasady, które dodasz za pomocą i przycisk pozwoli na pojawienie się wyskakującego okienka wszystkie warunki wewnątrz danej grupy reguł są spełnione. Nowe grupy reguł są dodawane jako instrukcja OR, dlatego gdy masz więcej niż jedną grupę reguł, wyskakujące okienko zostanie uruchomione za każdym razem dowolna grupa reguł jest ważny.

Powiedzmy, że chcę wyświetlać wyskakujące okienko tylko na mojej stronie głównej dla użytkowników innych niż smartfony, a także chcę pokazać go każdemu, kto ogląda moje produkty. W związku z tym w tym popupie użyję następujących warunków:

Pierwsza grupa reguł:

• Jeśli Typ strony (opcja 1) jest równe (Opcja 2) Pierwsza strona (opcja 3) ORAZ
• Jeśli Telefon komórkowy (opcja 1) nie jest równy (Opcja 2) Prawdziwe (opcja 3) LUB

Druga grupa reguł:

• Jeśli Typ postu (opcja 1) jest równe (Opcja 2) produkt (opcja 3)

5. Dostosuj opcje wyświetlania wyskakujących okienek

Gdy wtyczka zobaczy warunki, które ustawiłeś Reguły wyświetlania wyskakujących okienek są spełnione, wygląda na Opcje wyświetlania ustawienia do zobaczenia jak pokazać swój modal.

Większość wyskakujących okienek pojawia się na środku ekranu użytkownika, ale jeśli chcesz to zmienić, po prostu wybierz inną opcję wewnątrz Pozycja pudełka Lista rozwijana. Twoje popup może się pojawiać lub przesuwać, w zależności od twojego wyboru w Animacja opcja.

Jeśli potrzebujesz jakiegoś działania ze strony użytkowników w wyskakującym okienku, powinieneś ustawić Zamknij przy konwersji? na Tak.

Aby uniknąć wyżej wymienionych błędów popup, zwróć uwagę na swoje Działanie wyzwalające opcja. Możesz ustawić opóźnienie czasowe, więc twoja popup będzie pokaż po upływie określonej liczby sekund po załadowaniu strony, lub możesz zwolnić wyskakujące okienko, jeśli odwiedzający przewinął procent zawartości.

Jeśli chciałbym, aby moje poprzednie okno pojawiło się po upływie 10 sekund na dowolnej stronie produktu, wybrałbym sekundy po załadowaniu strony akcja i ustaw ją na 10.

Teraz, gdy znasz swoje możliwości i możliwości Popupów - wtyczka WordPress Popup, zobaczmy kilka pomysłów, aby stworzyć naprawdę niesamowite, dobrze ukierunkowane wyskakujące okienka z wezwaniem do działania!

Jak tworzyć skuteczne wezwania do działania

1. Promocja produktu

Korzystając z odrobiny content marketingu - tworząc odpowiednie, wartościowe treści, które odnoszą się do jednego lub niektórych twoich produktów - możesz specjalnie skierować się do niszowych odbiorców, nie wyglądając na sprzedawców.

Ideą tego rodzaju wyskakującego okienka jest to, że gdy użytkownicy już czytają post, w którym demonstrujesz użycie lub skuteczność produktu, to można założyć, że są już zainteresowani.

Więc dlaczego nie zainicjować wyskakujące okienko promocyjne produktu który wystrzeliwuje, gdy czytelnik jest prawie w twoim artykule o tym samym produkcie ?! To naprawdę łatwe do skonfigurowania.

• Zestaw Reguły wyświetlania wyskakujących okienek aby wyświetlić wyskakujące okienko, gdy Strona lub Post jest równa dowolnej tytułowi strony lub postu, w ten sposób modal ładuje się tylko na wybranej treści
• Zestaw Działanie wyzwalające w Opcje wyświetlania do % wysokości strony z wartością około 70-80%, więc okienko wyskakujące będzie widoczne tylko wtedy, gdy widzowie zapoznali się już z korzyściami.

Ponadto, dlaczego nie umożliwić odwiedzającym natychmiast dodaj promowany produkt do koszyka?

Aby to zrobić, musisz znaleźć konkretny identyfikator produktu na liście produktów i wstawić go do następującego skrótu: [produkt]. Jeśli masz krótki kod, po prostu wstaw go do zawartości wyskakującego okienka za pomocą edytora postów WYSIWYG.

Jeśli nawet nie dodasz do nich niczego specjalnego, nadal będziesz miał coś takiego (przy odrobinie pomocy z The Marketing Gibberish Generator):

Możesz także użyć tej metody dla upsellerów, na przykład udostępnianie akcesoriów niektórym produktom w wyskakującym okienku po tym, jak użytkownik spędził trochę czasu na stronie produktu (ponieważ zazwyczaj oznacza to, że czyta opis produktu).

2. Rejestracja na prezent

W wielu przypadkach chcesz się upewnić dotrzeć do poprzednich klientów później kiedy masz sprzedaż, kilka nowych produktów lub tym podobne. Dobrym sposobem na to (bez biuletynu) jest każ im się zarejestrować do Twojej witryny.

Prawdopodobnie najlepszym miejscem na to jest albo koszyk lub ekran kasowy że patrzą na prawo przed zakończeniem zakupu.

Zestaw Reguły wyświetlania wyskakujących okienek aby twoje modalne pokazy:

• jeśli strona jest równa Checkout (lub jakkolwiek ją nazwałeś) AND
• jeśli użytkownik nie jest zalogowany

Jak skonfigurować: Użytkownik jest zalogowany | nie jest równy | Prawdziwe

Zestaw Działanie wyzwalające w Opcje wyświetlania do kilku sekund, więc twoje okienko nie stanie się natychmiast widoczne.

Jak skonfigurować: sekundy po załadowaniu strony | 3

Najprostszym sposobem utworzenia okienka rejestracyjnego jest przedstawiać użytkownikom link lub przycisk, który wskazuje ekran rejestracji. Możesz znaleźć swój link rejestracyjny na dole strony logowania do WordPress.

Jeśli nie widzisz linku Rejestracja na ekranie logowania, prawdopodobnie zabroniłeś rejestracji użytkownika. Musisz dostać się do swojego Ustawienia> Ogólne menu administratora i sprawdź Ktokolwiek może zarejestrować opcja.

Kiedy skończysz z oknem na motywator rejestracji, prawdopodobnie otrzymasz coś takiego:

Prawdopodobnie lepiej znasz nawyki zakupowe swoich klientów, ale w większości przypadków kupon na niewielką kwotę lub Darmowa dostawa znacznie ułatwia przekonanie odwiedzających do rejestracji.

Ustaw je za pomocą WooCommerce Menedżer kuponów (znaleziono pod WooCommerce> Kupony menu) i wyślij kupony w wiadomości e-mail z potwierdzeniem.

3. Kupony dla powracających klientów

Zawsze miło jest zobaczyć sklep internetowy, który naprawdę ceni swoich powracających klientów oferując im niewielką zniżkę lub bezpłatne prezenty za powracającą firmę.

Domyślnie zarejestrowani klienci otrzymują Klient rola użytkownika po ich pierwszym zakupie. Ponieważ jest to inna rola użytkownika niż inne role redakcyjne WordPressa, bardzo łatwo jest kierować reklamy na te osoby za pomocą wyskakującego okienka, w którym możesz podać specjalny kod kuponu lub zaoferować mu bezpłatny, w inny sposób niepubliczny produkt jako prezent.

Dobrze byłoby też specjalnie skierowane do stałych klientów, na przykład osoby, które kupiły coś więcej niż 3 razy, z taką ofertą. W tym celu musisz ustawić niestandardowa rola użytkownika tylko dla nich, co najlepiej zrobić za pomocą niestandardowych kodów i funkcji lub za pomocą wtyczki.

Na razie ustaw Reguły wyświetlania wyskakujących okienek aby wyświetlić popup, gdy rola użytkownika jest równa niestandardowemu zestawowi ról dla najbardziej wiernych klientów. Najlepiej jest pozostawić warunki tylko na podstawie roli użytkownika i spraw, aby Twoje okienko pojawiło się po pewnym czasie w dowolnym miejscu na Twojej stronie.

Jestem pewien, że twoi klienci będą cię kochać za to niewielkie zainteresowanie, zwłaszcza jeśli masz taką opcję aby pokazać swoje imię w wyskakującym okienku, aby było naprawdę spersonalizowane (prawdopodobnie przy użyciu niesamowitej wtyczki shortcode).

Ostatnie słowa

Istnieje mnóstwo wtyczek popup WordPress, darmowych i premium, na wolności, a niektóre są bardziej wydajne niż inne, jeśli chodzi o kierowanie modałów. Podczas gdy używaliśmy Popupów - WordPress Popup w tym poście, jest wielu innych silnych konkurentów nawet wśród darmowych wtyczek.

Proponuję najpierw skonfigurować kilka wyskakujących okienek za pomocą powyższych przykładów i zobaczyć, jak działają. Następnie, po chwili, poszukaj innych możliwości w repozytorium wtyczek WP i zobacz, co mogą zaoferować. Po dokładnych eksperymentach będziesz w stanie idealnie skonfigurować swoje wyskakujące okienka dla swojej witryny WooCommerce

Jeśli chodzi o mnie, zawsze używam co najmniej tych 2 (a czasami dodaję opcje - jasna trzecia do grona), aby najlepiej kierować na moich odbiorców.

Podczas gdy kluczowe jest prawidłowe skonfigurowanie i kierowanie wyskakujących okienek, zawsze pamiętaj o zmierzyć sukces każdej z twoich wyskakujących okienek. Posługiwać się analityka, mapy termiczne witryny, lub inne narzędzia, aby sprawdzić, czy odwiedzający w ogóle je czytają.

Jeśli zauważysz, że dobrze ukierunkowane popup działa źle, spróbuj przeformułować go lub przeprojektować. Najlepiej znasz swoich klientów, wkrótce zdobędziesz wiedzę na temat tworzenia dla nich idealnych wyskakujących okienek!