Jak łatwo utworzyć wyskakujące okienko z Elementor

Elementor to popularna wtyczka WordPress, która pozwala łatwo tworzyć piękne strony i posty za pomocą przeciągania i upuszczania. Jedną z największych zalet Elementora jest to, że ma wbudowany kreator wyskakujących okienek. Oznacza to, że możesz łatwo tworzyć wyskakujące okienka za pomocą Elementora bez konieczności korzystania z osobnej wtyczki wyskakującej . W tym artykule pokażemy, jak łatwo utworzyć wyskakujące okienko za pomocą Elementora. Pokażemy Ci również, jak dopasować styl do wyglądu Twojej witryny.

Elementor ułatwia tworzenie wyskakujących okienek. Korzystając z Elementora, możesz utworzyć wyskakujące okienko z funkcją przeciągania i upuszczania. Ponadto na platformie dostępne są zaawansowane reguły. Aby wyświetlić wyskakujące okienko, gdy użytkownik kliknie przycisk, otwórz kartę Wyzwalacze i wybierz opcję Po kliknięciu. Elementor Pro eliminuje potrzebę instalowania wyskakującej wtyczki. Możesz utworzyć dowolny typ wyskakującego okienka za pomocą Kreatora wyskakujących okienek w Elementorze. Oto tylko kilka przykładów wyskakujących okienek, które ostatnio stworzyliśmy: wyskakujące okienko z wezwaniem do działania, które właśnie stworzyliśmy powyżej, wyskakujące okienko formularza rejestracyjnego, pasek powiadomień i przycisk udostępniania społecznościowego.

Czy Elementor ma wyskakujące okienka?

Wyskakujące okienka są dostępne w Bibliotece Elementora, która zawiera wiele wstępnie zaprojektowanych. Wybierz układ, który jest zarówno przyjemny dla oka, jak i funkcjonalny, taki jak pełnoekranowy, modalny, wsuwany, górny lub dolny pasek lub taki, który Ci się podoba. Stwórz swoje wyskakujące okienko tak dostosowane, jak chcesz i całkowicie własne.

Tworzenie niestandardowych wyskakujących okienek WordPress może być czasami trudne. Wtyczka do tworzenia stron Elementora umożliwia szybkie i łatwe dostosowywanie i tworzenie wyskakujących okienek. Wyskakujące formularze pozwalają przechwytywać adresy e-mail, promować sprzedaż i robić inne rzeczy. Wykonując kroki opisane w tym przewodniku, będziesz w stanie określić, który typ wyskakującego okienka Elementor jest dla Ciebie odpowiedni. Wcześniej funkcja Modal Popup wtyczki Essential Addons for Elementor umożliwiała użytkownikom bezpłatne tworzenie wyskakujących formularzy . Będziesz mógł to osiągnąć za pomocą bezpłatnego i Elementor Pro w tym artykule. Zanim zaczniesz projektować wyskakujące okienka, musisz najpierw kupić i aktywować Elementsor Pro.

Aby aktywować wyzwalacz, musisz określić jego parametry. Na przykład po wybraniu opcji Przy wczytaniu strony wyskakujące okienko pojawi się w ciągu zaledwie sześciu sekund. Funkcja On Scroll umożliwia określenie kierunku, w którym użytkownik musi się przewijać. Gdy użytkownik jest bezczynny na Twojej stronie przez określony czas, właściwość Nieaktywność wyskakującego okienka umożliwia jego aktywację. Po otwarciu wyskakującego okienka przejdź do Reguł wyświetlania w edytorze Elementor. Gdy użytkownicy zobaczą Twój formularz, zaawansowane ustawienia pozwolą Ci zmodyfikować jego wygląd. Ta funkcja może pomóc w dostosowaniu marketingu do tych, którzy wcześniej odwiedzili Twoją witrynę, a nie do tych, którzy nigdy tu nie byli.

Użytkownicy mogą zobaczyć wyskakujące okienko tylko raz, jeśli włączona jest opcja Pokaż do X razy. Zarówno Elementor, jak i JetPopUp mają interfejs typu „przeciągnij i upuść”, dzięki czemu JetPopUp jest prostą i przyjazną dla użytkownika wtyczką. Za pomocą Popup Box Widget możesz projektować dynamiczne wyskakujące okienka zawierające dynamiczne elementy, takie jak filmy, obrazy i mapy Google. Jeśli chcesz dodać animację 3D do wyskakujących okienek, możesz użyć formatowania gazety lub powiększyć. Lightbox to świetny widget dla Elementora, jeśli używasz narzędzia Essential Addons for Elementor. Twórz wyskakujące okienka z interaktywnymi funkcjami, takimi jak filmy, obrazy i animacje. Dostępnych jest ponad 70 widżetów i siedem rozszerzeń w ramach rocznego planu subskrypcji za 39,97 USD. Do tworzenia wyskakujących okienek możesz używać zarówno bezpłatnych, jak i płatnych narzędzi Elementora.

Wyskakujące okienko elementu Elementor po kliknięciu przycisku

Wyskakujące okienko Elementora po kliknięciu przycisku może być naprawdę przydatne, jeśli chcesz wyświetlić wyskakującą wiadomość lub formularz po kliknięciu przycisku. Może to być bardzo pomocne, jeśli chcesz pozyskać potencjalnych klientów lub zachęcić ludzi do zapisania się do newslettera. Aby to skonfigurować, wystarczy utworzyć element przycisku, a następnie dodać do niego element wyskakujący .

Elementor umożliwia tworzenie wyskakujących okienek po kliknięciu przycisku. Do tego celu można użyć tylko Elementora Pro. Możesz użyć wersji pro Elementora, aby stworzyć własną stronę internetową, dostosowując i używając różnych szablonów. Jeśli chcesz poeksperymentować z efektami najechania kursorem na przyciski w wyskakującym okienku, zapoznaj się z naszym samouczkiem Elementor Underline On Hover. 2. Wstaw wyskakujące okienko na dole ekranu. Po kliknięciu na niego (tuż przed Popupem) pojawi się ikona klucza. Będzie zawierał dwa pola: Akcje i Wszystko. Wybierz wyskakujące okienko, pozostawiając puste pole akcji.

Przykłady wyskakujących okienek Elementora

Istnieje wiele sposobów tworzenia wyskakujących okienek za pomocą Elementora. Na przykład możesz użyć wtyczki, takiej jak Popup Maker, do tworzenia nakładek i modów. Inną opcją jest użycie wbudowanego edytora wyskakujących okienek Elementora. Pozwala to na tworzenie wyskakujących okienek bez konieczności instalowania osobnej wtyczki. Aby użyć edytora wyskakujących okienek, po prostu utwórz nowe wyskakujące okienko i wybierz zakładkę „Edytor wyskakujących okienek”. W tym miejscu możesz dodawać treści, zmieniać układ i dodawać animacje.

Poniżej znajduje się przewodnik krok po kroku dotyczący projektowania różnych typów wyskakujących formularzy zgody na Twoją witrynę. Wersja premium Elementor Pro zawiera zaawansowany edytor przeciągania i upuszczania, którego można używać do tworzenia szerokiej gamy wyskakujących okienek. Te wyskakujące okienka można również wysyłać do wielu innych usług marketingu e-mailowego. Elementor Pro ma bezpośrednią integrację z następującymi platformami e-mail marketingu: Czy istnieją sposoby na uzyskanie listy dobrych firm zajmujących się marketingiem e-mail bez wydawania dużych pieniędzy? Zapier nadal może być używany do łączenia wszystkich urządzeń. Po skonfigurowaniu ustawień wyskakujących możesz utworzyć projekt wyskakującego okienka za pomocą wizualnego interfejsu przeciągania i upuszczania. Dostępnych jest wiele typów widżetów Elementor, które pozwalają zaprojektować dowolny element zgodnie z własnymi preferencjami.

Możesz utworzyć formularz zgody na pocztę e-mail za pomocą widżetu Formularz. Możesz połączyć swój formularz z różnymi usługami e-mail marketingu. Możesz także dostosować wygląd wyskakujących okienek, aby zwiększyć współczynnik konwersji. Elementor Pro Popup Builder to doskonałe narzędzie do tworzenia wyskakujących okienek z opcją zgody na e-mail i opcji zgody na listę e-mailową Twojej witryny. Zdecydowanie zaleca się włączenie opcji Pokaż do X razy, aby wyglądać bardziej profesjonalnie. Po wybraniu opcji adresu URL opcje personalizacji stają się bardziej dostępne. Jeśli napiszesz gościnny post na popularnym blogu, możesz zapisać się na listę osób, które go obserwują.

Elementor Pro daje możliwość zaprojektowania 100% wyskakujących okienek od podstaw. Elementor zapewnia również dostęp do wszystkich widżetów, które są częścią zwykłego doświadczenia Elementora, umożliwiając dostosowanie doświadczenia do konkretnych potrzeb. Możesz korzystać z jeszcze większej liczby widżetów dzięki bezpłatnym i premium rozszerzeniom Elementor.

Wyskakujące okienko Elementor po kliknięciu obrazu

Jeśli chcesz dodać wyskakujące okienko do obrazu w witrynie WordPress, jednym z najprostszych sposobów jest skorzystanie z wtyczki Elementor. Po zainstalowaniu i aktywacji wtyczki możesz utworzyć wyskakujące okienko, przechodząc do Elementor -> Wyskakujące okienka -> Dodaj nowy. Stamtąd możesz dodać treść, wybrać, kiedy i gdzie ma się pojawić wyskakujące okienko, a nawet dodać warunki, aby wyskakujące okienko pojawiało się tylko w określonych okolicznościach.

Jeśli klikniesz element, otworzy się wyskakujące okienko. Pod koniec tego samouczka będziesz mógł wdrożyć dwie kreatywne strategie otwierania wyskakującego okienka po kliknięciu przycisku. Jako bonus dowiesz się, jak zwiększyć liczbę osób, które klikną ten przycisk, aby uzyskać WIĘCEJ konwersji, gdy to zrobisz. Krok 2: Styl wyskakującego okienka powinien być dostosowany do estetyki, głosu i przekazu Twojej marki. Po zakończeniu edycji strony w Elementorze kliknij przycisk Opublikuj w menu po lewej stronie, aby wkleić wyskakujące okienko na stronie. OptinMonster to najpopularniejsze oprogramowanie do generowania leadów i najlepsza wtyczka do wyskakujących okienek WordPress. Ponadto OptinMonster ma intuicyjny kreator przeciągania i upuszczania, ułatwiający tworzenie profesjonalnych wyskakujących okienek bez kodowania lub doświadczenia technicznego.

Zaawansowane reguły kierowania można wykorzystać do personalizacji innych kampanii optin. Gotowe szablony Optin Monster są w pełni responsywne, dzięki czemu idealnie nadają się do użycia na dowolnym urządzeniu, w tym na telefonie komórkowym i tablecie. Dzięki edytorowi tekstu typu „przeciągnij i upuść” lub wbudowanemu edytorowi tekstu nie potrzebujesz żadnego doświadczenia w kodowaniu, aby tworzyć kampanie o dużej konwersji, ponieważ wszystko można wykonać w jednym kawałku kodu. OptinMonster ułatwia korzystanie ze stron Elementora za pomocą klikalnego wyskakującego okienka . Klucz API potrzebny do połączenia OptinMonster z ESP można znaleźć na pulpicie Twojego konta ESP. Wbudowany kod HTML jest następujący: Jest pochodną arabskiego słowa tal Chciałbym otworzyć Monster Campaigns.com za pomocą: https://app.monstercampaigns.com/c/lxefnymh0ugfyvsxa8wu/>opener Jeden z najważniejszych czynników w przekonywaniu ludzi do odwiedzenia Twojej witryny jest skuteczność Twojego społecznego dowodu. Jest to termin odnoszący się do różnych aspektów Twojej witryny, które budują zaufanie odbiorców.

Dobrym sposobem na dodanie powiadomień społecznościowych do swojej witryny jest narzędzie takie jak TrustPulse. Możesz zwiększyć zaangażowanie klikalnego wyskakującego okienka dzięki dowodom społecznościowym. Możesz używać TrustPulse z dowolnym kreatorem stron internetowych, w tym WordPress, i nie musisz mieć wiedzy technicznej, aby z niego korzystać. Możesz pokazać, ile osób jest zainteresowanych ofertą, wyświetlając łączną liczbę odwiedzających. Będziesz bardziej podekscytowany tematem, gdy w rezultacie będziesz coś promować.

Uruchom wyskakujące okienko Elementor za pomocą JavaScript

Istnieją dwa sposoby na wywołanie wyskakującego okienka Elementora za pomocą JavaScript: 1. Korzystanie z API wyzwalaczy Elementora. 2. Korzystanie z modułu Elementor Popup . Interfejs API wyzwalaczy Elementora jest zalecanym sposobem wyzwalania wyskakującego okienka za pomocą JavaScript. Dzieje się tak, ponieważ jest to najbardziej elastyczny sposób wyzwalania wyskakującego okienka i pozwala dostosować zachowanie wyskakującego okienka. Moduł Elementor Popup to prostszy sposób na wywołanie wyskakującego okienka za pomocą JavaScript. Ta metoda jest łatwiejsza w użyciu, ale jest mniej elastyczna niż API wyzwalaczy Elementora.

Zapewniamy dostęp do widżetów premium do wszystkich naszych funkcji i widżetów. 100% gwarancja zwrotu pieniędzy w ciągu pierwszych 30 dni użytkowania. Bezpieczne płatności można dokonywać za pomocą SSL. Bezpieczną weryfikację tożsamości i bezpieczeństwo danych zapewnia 256-bitowe szyfrowanie SSL. Kiedy płacisz rachunek, nie zostaniesz obciążony żadnymi należnymi podatkami na podstawie Twojego adresu rozliczeniowego. Przed dokonaniem zakupu ostateczna cena pojawi się na stronie kasy. Użyj widżetu siatki postów, aby wyświetlać posty obok siebie.

Ten widżet pozwoli Ci stworzyć oszałamiające pola liczbowe. Oprócz przełącznika w tle wtyczka umożliwia konfigurowanie pól treści. Poświęć mniej czasu na szukanie widżetów w Elementorze, a więcej na robienie tego, co robisz najlepiej – projektowanie.