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.

(wideo w języku angielskim)

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.

Countdown Timer 01

Wybierz układ, który idealnie pasuje do Twojej strony internetowej.

Countdown Timer 02

Następnie przeciągnij moduł Countdown Timer.

Countdown Timer 03

W prawym górnym rogu kliknij Edytuj widżet. Aby przedłużyć dostosowanie modułu, przejdź do karty Treść.

Countdown Timer 04

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.

Countdown Timer 05

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ć.

Countdown Timer 06

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.

Countdown Timer 07

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ę.

Countdown Timer 08

 

Wyniki będą wyglądali tak:

Countdown Timer 09

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.

Countdown Timer 010

Tak będzie wyglądał wynik:

Countdown Timer 011

Blok Label jest dostosowany podobnie do Tła widgetu:

Countdown Timer 012

Oto, jak będzie wyglądał licznik po wprowadzeniu zmian:

Countdown Timer 013

Dostosowanie bloku Cyfry jest podobne do wprowadzenia zmian do Tła i Etykiety.

Countdown Timer 014

Dostępna jest również opcja dostosowania bloku Styl cyfr, który umożliwia personalizację cyfr w tle.

Countdown Timer 015

W rezultacie otrzymasz coś takiego:

Countdown Timer 016

W bloku Style separatora możesz wprowadzić zaminy do elementów separatora, dostosowując ich kolor, rozmiar, font i marginesy.

Countdown Timer 017

 

Tak wygląda wynik:

Countdown Timer 018

W bloku Zamówienia możesz edytować kolejność cyfr i etykiet.

Countdown Timer 019

Tak będzie wyglądał licznik na Twojej stronie:

Countdown Timer 020

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

Countdown Timer 021

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.

Demo Pobierz Hosting


Aquentro

Countdown Timer 022

Demo Pobierz Hosting


FitPeople

Countdown Timer 023

Demo Pobierz Hosting


European Cuisine

Countdown Timer 024

Demo Pobierz Hosting


Edura

Countdown Timer 025

Demo Pobierz Hosting


Elegacy

Countdown Timer 026

Demo Pobierz Hosting


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.

Do katalogu

Jeśli znalazłeś błąd ortograficzny, prosimy o poinformowanie nas o tym, wybierając odpowiedni fragment tekstu i naciskając Ctrl + Enter .

Zgłoś błąd w pisowni

Poniższy tekst zostanie przesłany do naszej redakcji: