Przejdź do głównej treści

JetPopup lub Elementor Popup Builder: Który z nich wybierzesz?

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]

Pierwsze wyskakujące okienka zostały utworzone na podstawie scenariusza wyobrażonego przez Ethana Zukermana na potrzeby hostingu jego strony internetowej na statywie we wczesnych latach 90. Jego użytkownicy skarżyli się na liczbę reklam, które umieścił na stronie, więc postanowił umieścić banery na osobnej stronie, która otwiera się, gdy użytkownik wejdzie na stronę.

Ten mały fragment kodu nadal nie był prawdziwym wyskakującym oknem, jak obecnie widzimy na wszystkich stronach internetowych, ale wtedy wszystko się zaczęło. Na nowoczesnych stronach internetowych wyskakujące okienka są wykorzystywane do różnych celów, nie tylko do reklam. Formularze kontaktowe, ostrzeżenia dotyczące polityki prywatności i sugestie dotyczące subskrypcji są często przedstawiane jako wyskakujące okna.

Są dwie rzeczy, które denerwują użytkowników, jeśli chodzi o wyskakujące okienka: kiedy rzucają się na ciebie, gdy ich nie chcesz; a kiedy jego wygląd różni się całkowicie od stylu strony. Te dwa problemy pojawiają się, gdy używasz wtyczek, które nie wydają się być najwyższej jakości.

Największy problem większości wtyczek, z których korzystają nowi programiści tworzenie pop upów jest brak kontroli nad wynikowym komunikatem. Możesz jednak uniknąć tych wszystkich problemów, jeśli użyjesz Elementora do stworzenia strony internetowej.

Dwie niesamowite wtyczki, stworzone specjalnie dla Elementor Page Builder, pomagają tworzyć wyskakujące okienka wszystkich potrzebnych typów, kształtów i stylów - Elementor Popup Builder et JetPopup, Ponieważ oba są wykonane z tego samego ciała, co Elementor, jedynym pytaniem jest, którą z tych wtyczek wybrać. Aby pomóc ci w podjęciu tej decyzji, dokonam dokładnego przeglądu obu tych elementów i możesz porównać ich zalety i wady. Więc chodźmy!

Pobierz i zainstaluj

Nie jest to najważniejsze kryterium przy wyborze wtyczki do użycia, ale aby ją wypróbować, musisz ją najpierw zdobyć. Dlatego zacznę od początku i opiszę proces jego uzyskania - cenę, wysiłek i prostotę procesu instalacji.

Kreator wyskakujących okienek

Elementor

Ta wtyczka została stworzona przez zespół Elementor. Moglibyśmy nazwać go jego prawdziwym „dzieckiem”. To ostatnia aktualizacja Elementora, uruchomiona w styczniu 2019, aby zaspokoić potrzeby klientów. Jednak nie jest on dostępny dla użytkowników darmowej wersji Elementora.

Popup Builder jest zawarty w profesjonalnym abonamencie. Aby mieć możliwość tworzenia wyskakujących okienek, musisz najpierw mieć Elementor Pro. Najprostszy plan taryfowy, który pozwala na korzystanie z pełnej gamy funkcji Elementor na jednej stronie, kosztuje 49 $ rocznie. Tak więc, od pierwszych kroków (zakup Elementor Pro), oto algorytm do uzyskania Popup Builder:

  • Kup Pro Elementor Page Builder.
  • Przejdź do swojego konta osobistego i pobierz wtyczkę.
  • Przejdź do pulpitu nawigacyjnego swojej witryny, Wtyczki> Dodaj nowy, kliknij przycisk „Prześlij wtyczkę” i wybierz odpowiedni plik .zip.
  • Po zakończeniu instalacji aktywuj wtyczkę za pomocą klucza licencyjnego.
  • Oto Konstruktor wyskakujących okienek znajduje się w zakładce Szablony> wyskakujące okienka.

To długa droga, ale dzięki Popup Builder masz również ogromną kolekcję różnych elementów Elementora, takich jak widżety, szablony i inne dodatkowe narzędzia.

Kreator wyskakujących okienek

JetPopup

„Rodzina” wtyczek Jet zawiera już więcej artykułów 10, a JetPopup jest jednym z nich. Został starannie stworzony specjalnie dla Elementora i zwiększa liczbę dostępnych narzędzi. Ta wtyczka to tJetPopupsszczególnie kompatybilny z wersjami bezpłatnymi i płatnymi. Nie musisz dokonywać dodatkowych zakupów. JetPopup kosztuje 15 $, a kiedy go dostaniesz, możesz go użyć na jednej stronie internetowej. Jeśli potrzebujesz go dla więcej niż jednego projektu, możesz kupić wtyczkę na licencji dewelopera (będzie kosztować 45 $) i używać jej dla pięciu stron internetowych. Algorytm uzyskiwania wtyczki jest nieco prostszy:

  • Kup wtyczkę w portalu TemplateMonster. Zostanie pobrany na komputer.
  • Przejdź do pulpitu nawigacyjnego swojej witryny, Wtyczki> Dodaj nowy, kliknij przycisk „Prześlij wtyczkę” i wybierz odpowiedni plik .zip.
  • Po zakończeniu instalacji aktywuj wtyczkę.
  • Voila! Po otwarciu menu dostosowywania Elementor (klikając przycisk „Edytuj za pomocą Elementor”) w lewym menu widżetu znajdziesz sekcję JetPopup.

JetPopup

Tworzenie wyskakujących okienek

Teraz, gdy narzędzia są już dostępne i gotowe, mogę spróbować utworzyć wyskakujące okienko z obydwoma wtyczkami i przekonać się, jak prosta i zrozumiała jest ta funkcja. Następnie utworzę podstawowe wyskakujące okienko i przyjrzę się opcjom dostosowywania Popup Builder i JetPopup.

Kreator wyskakujących okienek

W Pro Elementor wyskakujące okienka są tworzone osobno od stron witryny. Aby zmienić wygląd strony, otwórz stronę w celu dostosowania, kliknij przycisk „Edytuj za pomocą elementu” i wprowadź zmiany. Ale aby utworzyć (a następnie edytować) wyskakujące okienka, musisz przejść do opcji Szablony> Wyskakujące okienka i nacisnąć przycisk „Dodaj nowe wyskakujące okienko”.

Kreator wyskakujących okienek
Spróbuj teraz Popup Builder

W otwartym oknie musisz wybrać szablon, który utworzysz (tak, możesz tworzyć szablony nie tylko dla wyskakujących okienek, ale także dla stron i innych elementów) i nadać mu nazwę.

tworzenie wyskakujących okienek

Po naciśnięciu przycisku „Utwórz szablon” nastąpi przekierowanie do menu personalizacji Elementor. Łatwiej jest dostosować istniejący element, budując go od podstaw. Dlatego najpierw zostaniesz poproszony o wybranie odpowiedniego modelu.

Ł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]

biblioteka wyskakujących okienek

Wybrałem jeden z modeli wyświetlanych na górze listy bibliotek. Zaraz po dokonaniu wyboru lądujesz na polu roboczym Elementor, do którego prawdopodobnie jesteś przyzwyczajony. Opcje dostosowywania są umieszczone na pasku bocznym po lewej stronie ekranu. Masz tutaj trzy zakładki.

Karta „Ustawienia” umożliwia zmianę układu wyskakującego okienka, zmianę nazwy modelu i podgląd. Na karcie „Styl” możesz dostosować projekt - zmieniać kolory, czcionki, obrazy i obramowania. Karta „Zaawansowane” zawiera również zestaw dodatkowych suwaków; na przykład zapobiegają zamykaniu wyskakującego okienka za pomocą klucza ESC.

ustawienia wyskakujące

Jak widać - nic nieoczekiwanego, jeśli korzystałeś już z Elementora, nie napotkasz żadnych problemów z tą wtyczką. Oto szczegółowy film, który wyjaśnia, jak utworzyć wyskakujące okno za pomocą Popup Builder:

JetPopup

Ta wtyczka dodaje również nową kartę do pulpitu nawigacyjnego WordPress i za jego pomocą wyskakujące okienka są również tworzone oddzielnie od stron. Gotowe wyskakujące okienka są również przechowywane w zakładce o nazwie „Biblioteka wyskakujących okienek”. Aby utworzyć nowe wyskakujące okienko, możesz nacisnąć przycisk „Dodaj” we wstępnie zdefiniowanym szablonie lub przejść do JetPopup> Dodaj nowe wyskakujące okienko, dać nazwij model i naciśnij „Edytuj za pomocą Elementora”.

dodaj nowe popup

Pole pracy różni się nieco od normy, ponieważ tworzysz teraz mniejsze okno. W menu po lewej stronie możesz dodać dowolny element do wyskakującego okienka.

wyskakujące elementy

Wtyczka JetPopup dodaje pojedynczy element do menu widżetu - przycisk akcji wyskakujący. Ustawia to rodzaj akcji, która nastąpi, gdy użytkownik naciśnie przycisk.

przycisk akcji popup

edytuj przycisk akcji popup

Otwarcie ustawień wyskakującego okienka nie jest łatwe. Musisz kliknąć przycisk konserwacji na dole menu. Menu ustawień jest dość podobne do Popup Builder, ale istnieją tylko dwie zakładki do dostosowywania. „Ustawienia ogólne” pozwalają zdefiniować efekt animacji, zmienić nazwę modelu lub ustawić warunki. Na karcie „Styl” możesz zmieniać układy, kolory, obrazy, czcionki i obramowania.

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]

wyskakujące ustawienia ogólne

JetPopup ma nieco mniej oczywistą funkcjonalność, ale rekompensuje to szczegółowymi i przydatnymi samouczkami wideo.

wyzwalacze

Aby być użytecznym i nie denerwować odwiedzających, wyskakujące okienka muszą pojawiać się we właściwym czasie. Warunki, w których wyświetlane jest wyskakujące okienko, nazywane są „wyzwalaczami”. Im bardziej szczegółowe warunki są dostępne, tym bardziej elastyczna jest wtyczka wyskakująca. Precyzja jest bardzo ważna, jeśli nie chcesz, aby użytkownik opuścił witrynę po wyświetleniu wyskakującego okna formularza subskrypcji.

Kreator wyskakujących okienek

edycja edytora wyskakującego

opublikuj popup

Ta wtyczka pomaga zdefiniować niezbędne warunki tuż po dostosowaniu wyskakującego okna. Po naciśnięciu przycisku „Publikuj” zobaczysz okno, w którym możesz zdefiniować warunki (na których stronach będzie wyświetlane to okienko wyskakujące), wyzwalacze (kiedy zostanie wyświetlone okno podręczne) i reguły zaawansowane.

Popup Builder ma sześć wyzwalaczy, takich jak przewijanie i klikanie, oraz siedem zaawansowanych reguł, takich jak przeglądanie po określonej liczbie sesji lub przeglądanie na niektórych urządzeniach. Wyzwalacze i reguły zaawansowane mają proste przełączniki suwakowe i bardzo szybko można ustawić wszystkie żądane parametry.

JetPopup

ustawienia wyskakujące

pierwsza strona wyskakującego okienka

Wszystkie wyzwalacze, warunki i zdarzenia otwierające są pogrupowane w parametrach. Po kliknięciu przycisku konserwacji otwierasz zakładki parametrów i możesz natychmiast ustawić wyzwalacze. Możesz ustawić procent strony po przewinięciu, wyskakujące menu do wyświetlenia lub liczbę sekund, po których użytkownik zobaczy komunikat.

Okno może zostać wyświetlone tylko raz lub za każdym razem, gdy użytkownik wykona określone czynności (nie polecam go zbytnio - nie ucieszy to użytkowników). Możesz również bardzo precyzyjnie wybrać publikacje lub strony, na których będzie wyświetlane to wyskakujące okienko. Ogólnie rzecz biorąc, ta wtyczka jest wystarczająco elastyczna, aby wyświetlać wyskakujące okienka z dużą dokładnością.

pozycjonowanie

Użytkownicy z pewnością nie będą mogli uniknąć okien, które przeskakują bezpośrednio na środek ekranu, ale odwracają uwagę odwiedzających stronę internetową i mogą być naprawdę nudne. Nie wszystkie wyskakujące okienka powinny być umieszczone na środku, wąska wstążka u góry będzie mniej widoczna, ale może być znacznie bardziej skuteczna. Oznacza to, że musisz kontrolować pozycję okna i móc poruszać się po ekranie.

pozycjonowanie

Kreator wyskakujących okienek et JetPopup podziel ekran na dziewięć obszarów i pozwól umieścić okienko w dowolnym z nich. Pozycjonowanie jest definiowane wzdłuż skali lewo-prawo i góra-dół. Nie jest zbyt elastyczny, ale wystarczy na wyskakujące okienko.

Efekty animacji

Sposób, w jaki okno przesuwa się (lub toczy się lub skacze) na stronie jest bardzo ważny. Jeśli okno porusza się zbyt szybko lub zbyt wolno, nie będzie skuteczne. Odbijanie, łaskotanie i drżenia muszą być również stosowane z wielką precyzją. Efekty animacji sprawiają, że strona jest bardziej dynamiczna, ale mogą też zepsuć całe wrażenie.

Efekty animacji

Kreator wyskakujących okienek 36 ma typy animacji wejściowych, w tym różne typy przeciągania, rozmieszczania, powiększania, odbijania i obracania w różnych kierunkach. Wszystko to wraz z czasem trwania animacji można znaleźć w sekcji „Układ” na karcie Ustawienia.

ustawienia wyskakujących okienek

W wtyczce są typy animacji 13 JetPopup, w tym zanikanie, pionowe odwracanie, różne slajdy, odbijanie i powiększanie. Znajdziesz je w sekcji „Ustawienia” na karcie Ustawienia.

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]

modele

W niektórych przypadkach chcesz utworzyć wyskakujące okno o określonej strukturze i dokładnie wiedzieć, jak powinno ono wyglądać. Ale to rzadka okazja; znacznie częściej nie masz pojęcia, jakie elementy powinny zawierać twoje wyskakujące okienka. Tutaj przydatne są modele. Nawet jeśli nie użyjesz żadnej ze wstępnie skonfigurowanych próbek, ich przetwarzanie może dać ci dobry przegląd. I oczywiście dostosowywanie gotowego przedmiotu jest znacznie szybsze i łatwiejsze niż budowanie go od zera.

Biblioteka modeli Elementora

Kreator wyskakujących okienek dodano kategorię do biblioteki modeli Elementor. Jak już powiedziałem, możesz to zobaczyć od początku nowego procesu tworzenia wyskakującego okna. Asortyment szablonów wyskakujących jest wystarczająco duży; jest więcej niż artykułów 100. W lewym górnym rogu rozwijane narzędzie do sortowania pozwala przyspieszyć wyszukiwanie. Kategorie są zrozumiałe i znalezienie potrzebnego okienka nie zajmie dużo czasu.

biblioteka presetów odrzutowych

JetPopup ma również ogromną bibliotekę modeli. Wszystkie są przechowywane na karcie Biblioteki kontekstowej i mają wygodne funkcje, takie jak przycisk podglądu i licznik zużycia. Istnieje więcej opcji sortowania, lista może być skonfigurowana do wyświetlania określonego rodzaju szablonów, a następnie umieszczona w dowolnej kolejności; na przykład w zależności od daty utworzenia. Nie mogę powiedzieć dokładnej liczby dostępnych modeli, ale z pewnością jest ich więcej niż 100.

Tabela porównawcza

Elementor Popup BuilderJetPopup
Cena$ 45$ 15
modele100 +100 +
wyzwalaczeWyzwalacze 6, zaawansowane reguły 7Otwarte zdarzenia 5 z dodatkowymi parametrami
AnimatioTypy 36Typy 13
Poradnikidokumentacjadokumentacja, samouczki wideo 9

JetPopup vs Kreator wyskakujących okienek

Wnioski

Nie mogę powiedzieć, która z tych dwóch wtyczek jest najlepsza; ocenianie ich jest zbyt skomplikowane. Każda sprawa i każda osoba ma własne wymagania dotyczące wyboru wtyczek. Myślę, że powinieneś sam to zdefiniować - który z tych dwóch będzie dla Ciebie najlepszy? Życzę powodzenia w dodawaniu imponującego wyskakującego okienka do swojej witryny!

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
1 akcji
udział1
ćwierkanie
Enregistrer