Jak tworzyć i wyświetlać wyskakujące okienka według tagu pocztowego w WordPress

Czy chcesz utworzyć i wyświetlić jedno wyskakujące okienko na tag postu w WordPress? Więc czytaj dalej ten artykuł.

Jesteśmy pewni, że znasz już małe okienko, które pojawia się podczas przeglądania strony internetowej. Nazywa się to wyskakującym okienkiem lub wyskakującym okienkiem. Wyskakujące okienka mogą pojawiać się w różnych rozmiarach i pozycjach na ekranie w witrynie internetowej.

W WordPress istnieje wiele wtyczek do tworzenia wyskakujących okienek, takich jak Elementor Pro, JetPopup, Brizy Pro i inne.

Ważną rzeczą do zapamiętania jest to, że wyskakujące okienka nie powinny być irytujące dla odwiedzających Twoją witrynę. Dlatego stwórz wyskakujące okienko tak proste i atrakcyjne, jak to możliwe.

Spis treści

Niektóre wtyczki WordPress do tworzenia wyskakujących okienek

Elementor Pro

Elementor Pro to rozszerzenie Elementora z setkami funkcji premium. Zapewnia potężne, profesjonalne narzędzia, które przyspieszają przepływ pracy i projektowanie. Elementor Pro daje pełną kontrolę nad układem i projektem Twojej witryny. W takim przypadku możesz dowolnie dostosować wygląd swojego wyskakującego okienka.

stosowanie Elementor Pro utworzenie wyskakującego okienka za pomocą tagu pocztowego jest bardzo proste i łatwe w użyciu. Możesz łatwo i bardzo precyzyjnie zdefiniować warunki wyświetlania swojego popupu.

Crocoblock's JetPopup jest rozszerzeniem dla Elementor. Możesz go kupić jako samodzielną wtyczkę lub kupić w pakiecie z innymi wtyczkami Crocoblock. Zaletą używania JetPopup do tworzenia wyskakujących okienek jest to, że ma wiele fajnych funkcji.

Możesz bawić się wyzwalaczami okien wyskakujących.
Możesz tworzyć animacje dla wyskakującego okienka.
Dostępna jest duża liczba szablonów wyskakujących okienek.

Czytaj także: 22 najlepszych dodatków premium dla Elementora

Brizy Pro

Kreator wyskakujących okienek Brizy Pro oferuje dwie opcje. Pierwszym z nich jest wyskakujące okienko aktywowane kliknięciem, a drugim automatyczne wyzwalacze i warunki.

Otwieranie po kliknięciu: Twoje wyskakujące okienko może zostać uruchomione po prostu przez kliknięcie elementów Twojej strony.
Automatyczne wyzwalacze i warunki: Możesz skonfigurować działania odwiedzających, które będą określać, kiedy wyskakujące okienka będą wyświetlane.

Jak wspomniano wcześniej, masz kilka opcji tworzenia wyskakujących okienek w WordPress. W tym samouczku pokażemy, jak utworzyć i wyświetlić wyskakujące okienko na tag postu przy użyciu wersji Elementor Pro, więc upewnij się, że już go masz.

Pierwszą rzeczą do zrobienia jest utworzenie nowego szablonu Popup. Aby utworzyć nowy szablon Popup, przejdź do Szablony > Wyskakujące okienka na pulpicie nawigacyjnym WordPress i kliknij przycisk Dodaj nowe.

Następnie dodaj nazwę swojego wyskakującego okienka i kliknij przycisk STWÓRZ MODEL.

Zostaniesz przekierowany do biblioteki szablonów, możesz wybrać szablon z okna biblioteki lub zaprojektować własny szablon Popup. Aby użyć szablonu z biblioteki, wystarczy kliknąć przycisk wstawić.

Ale w tym samouczku stworzymy szablon Popup od podstaw. Kliknij ikonę X aby zamknąć bibliotekę szablonów.

Musimy wprowadzić pewne zmiany w ustawieniach Popup, zanim zaczniemy tworzyć szablon Popup. Możesz znaleźć najlepsze ustawienia dla swojej witryny. W tym samouczku pokażemy wybrane przez Ciebie ustawienia wyskakujących okienek.

Kliknij ikonę koła zębatego w lewym dolnym rogu. W ustawieniach Popup zmień Szerokość w 90% szerokości widoku (VW) Et Pozycja en Środek-dół.

Następnie zaprojektuj szablon Popup. Dodaj nową sekcję i wybierz strukturę 5-kolumnową. W ustawieniach sekcji ustaw Szerokość na 950. Możesz pobawić się swoimi ustawieniami.

Na przykład możesz przejść do zakładki Styl aby ustawić tło, przejdź do zakładki zaawansowany dostosować margines i wiele więcej.

Teraz wróć do swoich kolumn. W lewej kolumnie ustaw szerokość na 33%, a dla pozostałych czterech na 16%.

W lewej kolumnie dodamy widżet Tytuł z tekstem. Możesz dodać tekst zapraszający odwiedzających witrynę do przeglądania innych treści związanych z bieżącą treścią lub dowolny inny wybrany przez Ciebie tekst.

Po prawej stronie dodamy widżet obrazu. Możesz dodawać obrazy z miniatur/wyróżnionych obrazów postów lub przesyłać je ręcznie.

Teraz konstrukcja jest gotowa. Wróć do Ustawienia wyskakujących okienek aby dostosować animacje wejścia, wyjścia i marginesu. W tym samouczku ustawiliśmy dane wejściowe na Zanikać i wyjście włączone Zanikać. Następnie przejdź do zakładki zaawansowany i ustaw margines na 30 (wartość wspólna dla linków).

Teraz, gdy projekt jest gotowy, kliknij przycisk PUBLISH aby ustawić warunki wyświetlania i wyzwalacze. Aby zdefiniować warunek wyświetlania, kliknij na przycisk DODAJ WARUNEK i wybierz opcję z listy rozwijanej.

Jeśli chcesz wyświetlić znacznik Popup przez post, możesz ustawić następujące warunki wyświetlania (patrz animacja).

Kliknij Następny. w zakładce wyzwalacze, ustaw spust na Na przewijaniu przełączając przełącznik na Tak. Zdefiniuj Kierunek sur Bas i Szerokość ponad 95%. Ponieważ chcemy, aby Popup pojawiał się, gdy odwiedzający dotrą do końca naszego artykułu.

W tym samouczku nie będziemy definiować Zasady zaawansowane. Więc kliknij ZAPISZ I ZAMKNIJ. Cóż, teraz skończyliśmy.

Zobaczmy, jak to wygląda.

Tutaj właśnie skończyłeś swoje wyskakujące okienko. Zobacz także nasze powiązane artykuły:

Pobierz Elementora Pro

Udostępnij ten artykuł :

Michosa Gartnera

Mikhos Gartner jest ekspertem w dziedzinie narzędzi cyfrowych, który kupuje, testuje i recenzuje narzędzia SAAS dla małych firm. Opierając się na wieloletnim doświadczeniu w branży technologicznej, zapewnia wnikliwe recenzje. Jego treść jest szeroko konsumowana, obsługując co miesiąc miliony użytkowników.