Musisz dowiedzieć się, jak otworzyć wyskakujące okienko Elementor w Gutenbergu?
W społecznościach internetowych zawsze jest jedna rzecz, która jest dyskusyjna: wyskakujące okienka. Niektórzy zastanawiają się, czy używać wyskakujących okienek. Ale naszym zdaniem wyskakujące okienka są w porządku, jeśli utworzone wyskakujące okienka są proste, atrakcyjne i nie denerwują użytkowników.
Załóżmy, że utworzyłeś już wyskakujące okienka za pomocą Elementor i chcesz je otworzyć w edytorze WordPress Gutenberg; ponieważ chcesz wdrażać wyskakujące okienka w swoich postach lub stronach bloga. Jeśli zastanawiasz się, czy jest to możliwe? Cóż, odpowiedź brzmi tak, to możliwe.
W tym artykule dowiesz się, jak otwierać wyskakujące okienka Elementor w Gutenbergu.
Jak otworzyć wyskakujące okienko Elementora w edytorze WordPress Gutenberg
Krok 1: Przygotuj wyskakujące okienko
Przejdź do utworzonego szablonu wyskakującego okienka. Jeśli jesteś nowy w Elementorze i chcesz dowiedzieć się, jak tworzyć wyskakujące okienka, możesz zapoznać się z następującym samouczkiem: klikając to zastaw.
W porządku, po zakończeniu tworzenia wyskakującego okienka kliknij ikonę koła zębatego (️) w lewym dolnym rogu panelu ustawień elementu, aby otworzyć wyskakujący panel. W wyskakującym panelu ustawień przejdź do zakładki zaawansowany i dodaj selektor w polu Otwórz przez selektor .
Pamiętaj, aby dodać symbol kropki jako prefiks (np. wyskakujące okienko12345).
Po dodaniu określonego selektora nie zapomnij zaktualizować lub opublikować szablonu wyskakującego okienka.
Remarque: Na zakładce Warunki wyświetlania wyskakującego okienka, proszę skonfiguruj go, aby wyświetlać wyskakujące okienko na Cała strona; Umożliwi to całkowity dostęp do wyskakującego okienka Witryna internetowa. Nie musisz również definiować wyzwalacza, ponieważ wyświetlisz wyskakujące okienko za pomocą właśnie zdefiniowanego selektora.
Krok 2: Otwórz wyskakujące okienko w Gutenberg
Teraz nadszedł czas, aby otworzyć wyskakujące okienko w edytorze WordPress Gutenberg.
Przejdź do edytora Gutenberg WordPressa; możesz stworzyć nowy treść (strona/publikacja) lub wybierz a treść istniejący. Następnie wybierz dowolny blok, którego chcesz użyć jako wyzwalacza pojawienia się wyskakującego okienka.
W tym samouczku użyjemy bloku przycisków.
Po wybraniu bloku, którego chcesz użyć jako wyzwalacza, aby wyświetlić wyskakujące okienko, przejdź do Ustawień Blok – > Zaawansowane. Następnie dodaj swoje Określone klasy CSS w Dodatkowa klasa CSS ( es ) mistrz.
Dobrze. Otóż to. Aby zobaczyć, jak to działa, opublikuj swój projekt i otwórz go w nowym oknie.
Pobierz Elementor Pro teraz !!!
Wnioski
W tym artykule pokazano, jak dobrze można otworzyć wyskakujące okienko Elementora w edytorze Gutenberg WordPressa. Mamy nadzieję, że ten artykuł będzie dla Ciebie przydatny. Na koniec pamiętaj, że sukces Twojego wyskakującego okienka zależy od konwersji użytkowników za pomocą treść trafne i przekonujące wezwanie do działania.
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.
...