Jak zarządzać modułem Countdown Timer w motywach WordPress opartych na Elementor
Czy jesteś właścicielem e-sklepu lub stron biznesowej? Szukasz sposobów na bardziej skuteczne angażowanie odbiorców i zwiększenia ruchu na stronie? Istnieje mnóstwo narzędzi i e-commerce hacków, celem których jest przyciągnięcie uwagi internautów i zachęcanie ich do dokonania zakupów na Twojej stronie. W tym artykułu omówimy jedno z takich narzędzi - moduł Countdown timer dla stron WordPress.
Nie jest to nowe narzędzie. Firmy z całego świata korzystają z liczników odliczających czas, aby zachęcić klientów do dokonania zakupów lub skorzystania z usług do czasu okonczenia okresu promocyjnego. Jeśli jesteś fanem WordPress i kreatora stron Elementor, pokażemy Ci jak można szybko dodoać moduł Countdown timer do motywów z Elementor marketplace.
Jak zarządzać modułem Countdown Timer w motywach na Elementorze
Jak sama nazwa wskazuje, podstawowym celem używania modułu jest wyświetlenie okresu czasu przez który pewny towar lub usługa wygaśnie lub będzie dostępne do zakupu. Ta funkcję można zastosować zarówno do osobnych elementów, jak i do wszystkich kategorii produktów dostępnych w katalogu.
Więc, jak ustawić taki licznik w motywach opartych na Elementorze? Przede wszystkim przejdź do strony edycji w Elementorze i kliknij Dodaj nową sekcję w obszarze roboczym motywu WordPress opartym na Elementorze.
Wybierz układ, który idealnie pasuje do Twojej strony internetowej.
Następnie przeciągnij moduł Countdown Timer.
W prawym górnym rogu kliknij Edytuj widżet. Aby przedłużyć dostosowanie modułu, przejdź do karty Treść.
Znajdź blok Ogólnych ustawień na karcie Treści. Zobaczysz tam Datę zakończenia, która jest ustawiana zgodnie ze strefą czasową. Widżet posiada opcji ukrywania/pokazywania dni, godzin, minut i sekund. Możesz wpisać własny tekst w etykietach Dni, Godziny, Minuty i Sekund. Wprowadź swoje symbole w polu Separator bloków.
W ten sposób dodajesz na stronę domyślny licznik. Ale, prawdopodobnie, chciałbyś stworzyć unikalną prezentację tego elementu. to można lekko zrobić za pomocą kreatora stron Elementor.
Na karcie Styl w panelu admina kreatora Elementor znajdź te obszary, które można edytować.
Na przykład w bloku Element można zarządzać rozmiarem elementów, wypełnieniem i marginesem, ustawić typ obramowania, jego kolor, szerokość, a także dodać cień ramki.
W bloku Element można również ustawić typ tła - klasyczne lub gradientowe.
Aby zastosować klasyczny styl tła, wybierz opcję Klasyczny. Wybierz, czy chcesz, aby zdjęcie lub kolor był używany w tle obszaru widżetów. Jeśli wybierzesz wariant zdjęcia w tle, możesz go wybrać z biblioteki lub przesłać z dysku twardego. Ponadto wybierając opcję Zdjęcie, na liście rozwijanej możesz wybrać jego pozycję.
Wyniki będą wyglądali tak:
Jeśli chciałbyś dodać gradienty do stylu tła widgetu, wybierz opcję Gradient w menu. Wybierz jeden z dwóch kolorów, aby stworzyć efekt gradientu. Ustaw położenie, typ i kąt, dodaj typ obramowania, jego szerokość i kolor. W razie potrzeby dodaj cień ramki.
Tak będzie wyglądał wynik:
Blok Label jest dostosowany podobnie do Tła widgetu:
Oto, jak będzie wyglądał licznik po wprowadzeniu zmian:
Dostosowanie bloku Cyfry jest podobne do wprowadzenia zmian do Tła i Etykiety.
Dostępna jest również opcja dostosowania bloku Styl cyfr, który umożliwia personalizację cyfr w tle.
W rezultacie otrzymasz coś takiego:
W bloku Style separatora możesz wprowadzić zaminy do elementów separatora, dostosowując ich kolor, rozmiar, font i marginesy.
Tak wygląda wynik:
W bloku Zamówienia możesz edytować kolejność cyfr i etykiet.
Tak będzie wyglądał licznik na Twojej stronie:
Teraz możesz korzystać z modułu Countdown Timer na swojej stronie! Jak widać, licznik można lekko dostosować nawet nie posiadając specjalnych umiejętności w zakresie kodowania. Wprowadź wszystkie niezbędne zmiany z pomocą panelu admina i zobacz wyniki swojej pracy w czasie rzeczywistym.
WordPress motywy do Elementora z modułem Countdown Timer
Elementor marketplace oferuje bogaty wybór motywów, które można uzupełnić o widżet licznika. Tylko od Ciebie zależy gdzie go umieścić na stronie i jak dostosować jego wygląd. Moduł znajduje się we wszystkich motywach opartych na kreator stron Elementor, więc nie trzeba będzie szukać go w Internecie i ręcznie dodawać do panelu admina. Po prostu przeciągnij i upuść go do odpowiedniego miejsca w układzie i postępuj według instrukcji wymienionych w tym poście.
Imperion
W wersji demo motywu WordPress Imperion można obejrzeć kilka opcji, w jaki sposób można wyświetlić licznik na stronach witryny. Możesz także skorzystać z widżetów zawartych do panelu admina kreatora stron Elementora.
Aquentro
FitPeople
European Cuisine
Edura
Elegacy
Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: How to Manage Countdown Timer Module in Elementor WordPress Themes.
* * *
Są to tylko niektóre z WordPress motywów na Elementorze z modułem Countdown Timer w kolekcji TemplateMonster. Więc, polecamy obejrzeć potrzebną Ci kategorię motywów na marketplace i wybrać rozwiązanie, które będzie idealnie pasowało do Twoich preferencji.
W branży IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwiązań użytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propagujące wiedzę z dziedziny SMM i rozwija swoją miłość do crossfitu.