Przejdź do głównej treści

Charakterystyka efektywnego wyskakującego okienka dla WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

W przeszłości strony internetowe zawierały wiele bezużytecznych rzeczy, takie jak strony pełne efektownych i brzydkich schematów kolorów, zbyt dużo tekstu utkniętego na małych przestrzeniach i wyskakujące okienka, które wyskakują i denerwują odwiedzających.

Ale projektanci nie wiedzieli więcej w tym czasie, a raczej po prostu pracowali z jedynymi znanymi tendencjami projektowymi i najlepszymi praktykami.

Od tego czasu czasy bardzo się zmieniły.

Twórcy stron internetowych i projektanci nie są już ograniczeni technologią ani technologią, co oznacza, że ​​nie ma już wymówek dla złego projektowania. Dotyczy to każdego elementu znalezionego w witrynie WordPress, od obrazu nagłówka strony głównej do formularzy kontaktowych, a także od typografii po wyskakujące okienka. Wszystko liczy się teraz przy projektowaniu pod kątem wygody użytkownika.

Dzisiaj chcę skupić się na tym, co stanowi skuteczne wyskakujące okienko, co uważam za istotną część procesu konwersji. W szczególności chciałbym zbadać anatomię skutecznego wyskakującego okienka WordPress i dowiedzieć się, jak ten ekscytujący element może zwiększyć współczynnik konwersji.

Argument za używaniem pop-upów na WordPress

Pop-upy są interesującym elementem projektu. Chociaż chwilowo zakłócają wrażenia użytkownika (co nie jest ogólnie mile widziane), te, które są dobrze zrobione, oferują coś tak atrakcyjnego lub ekscytującego, że odwiedzający nie dbają o utratę minuta, aby zwrócić uwagę.

Oczywiście w tym przypadku mówimy o wyskakujących oknach generujących konwersje, które służą do gromadzenia subskrybentów newslettera lub zachęcania odwiedzających do robienia zakupów. Wyskakujących okien można jednak używać do różnych celów. Możesz na przykład udostępniać pliki cookie lub politykę prywatności, polecać pokrewne produkty po tym, jak odwiedzający dodadzą coś do koszyka, a nawet poprosić o odpowiedź na szybką ankietę.

Pop-up Anatomy - Pop-up of Target Recommendations

W większości przypadków, jeśli używasz wyskakującego okna, prawdopodobnie chcesz, aby użytkownicy działali. W końcu, po co przerywać ich doświadczenie, jeśli zakłócenia nie są użytecznym wykorzystaniem ich czasu? Według badania prawie dwóch miliardów wyskakujących okienek stwierdzono, że średni współczynnik konwersji dla tego typu wyskakujących okienek wynosił 3,09%.

Rodzi to teraz pytanie: czy wyskakujące okienka są nadal aktualne i skuteczne? Jeśli rynek jest tak przesycony wyskakującymi oknami, cześć paskami, nakładkami na całą stronę i nie tylko, czy jest to narzędzie do generowania konwersji, które warto wykorzystać w witrynie WordPress?

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Oczywiście !!!

Pop-upy uwzględniają wiele dobrych praktyk projektowania stron internetowych. Na przykład:

  • Pop-upy usuwają niepotrzebne bałagany ze stron Twojej witryny.
  • Zwykle składają się z czystych elementów wizualnych i minimalnego tekstu.
  • Wezwania do działania są dobrze zaprojektowane i po prostu zaproponowane pod względem treści.
  • Dla odwiedzających jest niewielka krzywa uczenia się, ponieważ większość osób zna wyskakujące okienka i wie, jak z nimi współdziałać.
  • Wyskakujące okienka to świetna okazja do wypełnienia witryny animacjami, filmami lub dowodami społecznościowymi.
  • Możesz je łatwo tworzyć za pomocą wysokiej jakości wtyczek WordPress, takich jak Hustle lub OptinMonster.

Wyskakujące okno anatomiczne - dowód socjalny HubSpot

Ogólnie dobrze zaprojektowane wyskakujące okienko jest idealne do przyciągania uwagi odwiedzających, gdy jest ono najbardziej potrzebne. Możesz ich użyć do terminowego wysyłania powiadomień lub wniosków. Możesz także użyć danych odwiedzających, aby zachęcić ich do dokonania zakupu.

Anatomia efektywnego pop-upu na WordPress

Oczywiście sukces wyskakujących okienek na Twojej stronie WordPress zależy od tych, którzy są doskonale zaprojektowani i mają tak atrakcyjne oferty, że odwiedzający nie mogą pomóc, ale wchodzą w interakcje. Przyjrzyjmy się, jak wygląda zwycięska formuła skutecznego wyskakującego okienka.

1. styl

Różne typy wyskakujących okienek wydają się być bardziej skuteczne w przekształcaniu użytkowników w subskrybentów:

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

  • Pop-upy subskrypcji e-mail mają współczynnik konwersji 2,9%.
  • Wyskakujące okienka powitalne (te, które podczas wchodzenia zajmują całą stronę) są konwertowane na 2,6%.
  • Wyskakujące okienka wyskakujące przekształcają 1,9%.
  • Wyskakujące okienka Smart lub Hello wyświetlają konwersję 0,5%.

Nie oznacza to, że należy zawsze korzystać z wyskakującego okna tradycyjnej subskrypcji wiadomości e-mail. Oto przykład na stronie Neila Patela.

Pop-up Anatomy - Neil Patel's Bar Witaj

Ten jest dobrze zrobiony, ponieważ jest po prostu zaprojektowany, nieinwazyjny, et wykorzystuje zabawną animację, aby przyciągnąć uwagę na wypadek, gdyby jej minimalna powierzchnia pozostała niezauważona. Pamiętaj, że wybór stylu nie polega na użyciu tego, który jest najpopularniejszy lub najbardziej znany z wyższych współczynników konwersji. Chodzi o znalezienie stylu, który będzie pasował do Twojej witryny, użytkowników i ma na celu uzupełnienie doświadczenia między nimi.

2. kolor

Kolor zawsze będzie odgrywał ważną rolę w projektowaniu stron internetowych. Rozumiejąc psychologię kryjącą się za wybranymi kolorami, możesz tworzyć bardziej efektywne wyskakujące okienka. Oczywiście nie możesz zapomnieć o palecie kolorów ustalonej dla Twojej marki, więc chodzi o znalezienie równowagi między projektem wyskakującego okna, które wygląda dobrze na stronie, ale które wymaga również od odwiedzających działania.

3. kompozycja

Ważne jest, aby cofnąć się i zobaczyć wyskakujące okienko jako całość. Chociaż projekt każdego ruchomego elementu w wyskakującym okienku ma znaczenie, podobnie jak jego ogólny skład.

Twoje wyskakujące okno powinno:

  • być proste i łatwe do naśladowania.
  • Zaprojektowany z czystymi liniami i być dobrze wyważony.
  • Uwzględnij odpowiednie obrazy i wysoką rozdzielczość; najlepiej pojedynczy obraz podsumowujący cel oferty.
  • Wydaje się być rozszerzeniem witryny i oczywiście nie jest zrobione z wyskakującego okna z ograniczonymi opcjami dostosowywania.
  • Użyj dużej, łatwej do odczytania typografii.

4. tekst

Mamy wtedy komunikat wyskakujący. Chociaż nie rozwijasz języka używanego do tych rzeczy, zawsze powinieneś być świadomy wielu praktyk dotyczących wypełniania wyskakujących okienek tekstem.

Pamiętaj, że:

  • Zawsze dołączaj tytuł, krótką wiadomość (wystarczy zdanie) i wezwanie do działania.
  • Używaj mocnego języka, który odwołuje się do emocji odwiedzających.
  • Mów krótko Jeśli nie możesz napisać go w mniej niż 30 słowach, ta wiadomość nie należy do wyskakującego okna.
  • Używaj tego samego tonu i osobowości, których używasz w swojej witrynie.
  • Zaoferuj coś cennego, czego Twoi odwiedzający nie znajdą gdzie indziej na stronie.
  • Skorzystaj z sytuacji awaryjnej, jeśli to możliwe. Jeśli nie możesz tego zrobić słowami, zrób to według koloru.

Wyskakujące okienko Anatomia - nakładka ekranu Wishpond

5. CTA

W dzisiejszych czasach istnieje coraz bardziej dziwna tendencja, w której strony internetowe oferują odwiedzającym dwie opcje wezwania do działania. Rozumiem, dlaczego ten trend rośnie, ale widziałem go źle stosowanego na tak wielu stronach internetowych, że mam nadzieję, że trend ten w końcu zniknie.

Prawdopodobnie sam widziałeś tę złą aplikację:

  1. Opcja pozytywna : Ten mówi: „Och, dziękuję, dziękuję! Wiem, że ta oferta zmieni moje życie na lepsze! "
  2. Opcja negatywna : Ten mówi: „Lubię dokonywać złych wyborów życiowych i doceniam to, że pocierasz moją twarz. Pozwólcie, że kliknę na tę opcję amortyzacji, aby otrzymać kolejne okno z pytaniem, czy chcę podjąć tę straszną decyzję. "

Nie oznacza to, że wszystkie wyskakujące okienka z dwiema opcjami wezwania do działania są źle zaprojektowane lub mają na celu zawstydzenie użytkownika. Tim Ferris ma dobry przykład dobrze wykonanej podwójnej opcji CTA:

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Pop-up Anatomy - Tim Ferris Positive Negative

Podsumowując, powiedziałbym, że jeśli spróbujesz być sarkastyczny lub zastraszać odwiedzających swoją decyzję, wyjdź ze swojej witryny i umieść ją na Twitterze. Twoja strona internetowa nie jest na to przeznaczona i mamy nadzieję, że Twitter całkowicie ją pochłonie.

Oprócz tego wkurza, sugeruję również proste wezwanie do działania. Używaj prostego języka, który wyraźnie wskazuje, co otrzymają użytkownicy w zamian za wpisanie adresu e-mail lub kliknięcie przycisku. Uprość również pracę do minimum: nie więcej niż dwa pola do wypełnienia (np. E-mail i może nazwa) oraz przycisk do kliknięcia.

To wszystko w tym samouczku, mam nadzieję, że pomoże ci zaprojektować przyciski wezwania do działania.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
8 akcji
udział4
ćwierkanie2
Enregistrer2