Musisz wiedzieć, jak tworzyć wyskakujące okienka za pomocą Elementor ?
Elementor to nie tylko kreator stron. To jest WordPress Plugin wszechstronny. Jest kilka innych rzeczy, które możesz z tym zrobić Elementor inne niż tworzenie stron internetowych. Jednym z nich jest tworzenie wyskakujących okienek.
W tym artykule pokażemy, jak utworzyć wyskakujące okienko za pomocą funkcji Popup BuilderElementor.
Tworzenie wyskakującego okienka za pomocą Elementora jest bardzo łatwe. Możesz utworzyć wyskakujące okienko za pomocą wizualnego interfejsu Elementora, w którym wszystko jest przeciągane i upuszczane. Elementor oferuje również szablony wyskakujących okienek, których możesz użyć do tworzenia wyskakujących okienek. Wystarczy wybrać model, opublikować go i zdefiniować wyzwalacz.
Odkrywaj Jak zainstalować Elementora na WordPressie
Zanim przejdziemy dalej, należy pamiętać, że narzędzie do tworzenia pop-upów Elementora jest dostępne tylko w wersji pro.
Jak utworzyć wyskakujące okienko za pomocą Elementora
Tworząc wyskakujące okienko za pomocą Elementora, możesz ustawić wyzwalacz (akcję wyświetlania wyskakującego okienka) i skonfigurować warunek (na których stronach ma się pojawiać wyskakujące okienko). Dodatkowo możesz również ustawić regułę zaawansowaną (omówioną w dalszej części).
Czytaj także: Jak utworzyć wielokolorowy przycisk gradientu w Elementorze
W tym przewodniku utworzymy wyskakujące okienko z wezwaniem do działania z wyzwalaczem po kliknięciu przycisku. Wyskakujące okienko pokaże się, gdy użytkownik kliknie przycisk.
Zakładając, że zainstalowałeś Elementor Pro, zaloguj się do pulpitu WordPress i przejdź do Szablony – > Wyskakujące okienka a następnie kliknij przycisk Dodaj dniu powyżej.
Nadaj nazwę swojemu wyskakującemu okienku i kliknij przycisk STWÓRZ MODEL.
Wybierz szablon wyskakującego okienka, którego chcesz użyć. Najedź na niego myszą i kliknij przycisk wstawić aby wstawić go do edytora Elementor.
Jeśli wolisz utworzyć wyskakujące okienko od zera, możesz po prostu zamknąć bibliotekę szablonów, aby otworzyć edytor Elementora.
W edytorze Elementor możesz dostosować wyskakujące okienko. Możesz zastąpić domyślną treść (w szczególności teksty) własną treścią. Użyj przeglądarki, aby łatwiej przeskakiwać między sekcjami i widżetami.
Możesz także dodać animację wejścia/wyjścia, włączyć/wyłączyć nakładkę i włączyć/wyłączyć przycisk zamykania.
Po zakończeniu kliknij przycisk PUBLISH.
W następnym kroku zostaniesz poproszony o ustawienie warunków wyświetlania i wyzwalaczy. Istnieje również możliwość ustawienia reguł zaawansowanych:
- Wyświetlane terminy: Określa, na których stronach w Twojej witrynie pojawia się wyskakujące okienko. Możesz skonfigurować wyskakujące okienko, aby pojawiało się na całej stronie, określonych stronach, określonych postach, określonych kategoriach itp.
- Wyzwalacze: Wyzwalacz to akcja wyświetlająca wyskakujące okienko. Elementor obsługuje 6 typów wyzwalaczy: przy wczytaniu strony, przy przewijaniu, przy przewijaniu elementu, przy kliknięciu, Po bezczynności przy wyjściu ze strony
- Zasady zaawansowane: Wymagania, które muszą zostać spełnione, aby wyskakujące okienko się pojawiło. Na przykład możesz skonfigurować wyskakujące okienko tak, aby pojawiało się, gdy odwiedzający wchodzi do Twojej witryny za pośrednictwem wyszukiwarki lub określonego adresu URL. Sam kreator wyskakujących okienek Elementora oferuje 7 zaawansowanych opcji reguł, które możesz ustawić.
Ponieważ chcemy wyświetlać wyskakujące okienko, gdy użytkownik kliknie przycisk, otwórz kartę wyzwalacze i aktywuj opcję Na kliknięcie, Kliknij Zapisz i zamknij.
Utwórz nową stronę/post i edytuj ją za pomocą Elementora (możesz również edytować istniejącą stronę).
Dodaj Widżet przycisku przeciągając go z lewego panelu do obszaru edycji. Lub, jeśli edytujesz istniejącą stronę, która już zawiera przycisk, kliknij widżet Przycisk, aby przełączyć go w tryb edycji.
Odkryj również: Jak ustawić niestandardowy rozmiar ikony przycisku Elementor
W opcji przycisk pod zakładką Treść, ustaw link na Popup. Aby to zrobić, możesz kliknąć w sekcję Dynamiczny link.
Kliknij ikonę klucza na polu Popup i wybierz wyskakujące okienko, które właśnie utworzyłeś. Wpisz nazwę wyskakującego okienka, aby znaleźć wyskakujące okienko.
Kliknij OPUBLIKUJ / AKTUALIZUJ po edycji strony. Przed kliknięciem przycisku OPUBLIKUJ / AKTUALIZUJ, możesz najpierw wyświetlić podgląd swojej strony, aby sprawdzić, czy wyskakujące okienko już działa.
Pobierz Elementor Pro teraz !!!
Wnioski
Dzięki Elementor Pro nie musisz już instalować żadnej wtyczki wyskakującej, ponieważ funkcje oferowane przez Elementor Pro obejmują narzędzie do tworzenia wyskakujących okienek.
Kreator wyskakujących okienek Elementora umożliwia tworzenie dowolnego typu wyskakujących okienek. Z wyskakującego okienka z wezwaniem do działania, takiego jak właśnie stworzyliśmy powyżej, wyskakującego okienka forma rejestracja, pasek powiadomień, przycisk udostępniania społecznościowego itp.
Ponieważ wyskakujące okienko jest tworzone za pomocą edytora Elementora, możesz w zasadzie dodać dowolny widżet do wyskakującego okienka. Za pomocą narzędzia do tworzenia pop-upów Elementora możesz także utworzyć kreatywne menu witryny, takie jak to poniżej:
Elementor oferuje szablony wyskakujących okienek, aby zaoszczędzić czas na tworzeniu wyskakujących okienek. Możesz również użyć szablonu, jeśli nie masz pojęcia, jaki projekt wyskakującego okienka chcesz utworzyć.
Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak twórz wyskakujące okienka za pomocą Elementora. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
