Sekcja z licznikiem

Dzięki sekcji Liczników możesz w prosty sposób dodać do swojej strony elementy ograniczone czasowo - np. odliczanie do końca promocji lub startu wydarzenia. Licznik pomaga budować poczucie pilności i skutecznie zachęca użytkowników do działania.

Najważniejsze funkcje

• Odliczanie w czasie rzeczywistym z płynnymi animacjami
• Możliwość dostosowania etykiet, kolorów i położenia
• Stałe pozycjonowanie z opcjonalnym przyciskiem Zamknij
• Integracja przycisków głównych i dodatkowych (CTA)
• W pełni responsywny design, dopasowany do każdego urządzenia
• Automatyczne ukrywanie zer w wariancie tekstowym

Jak dodać licznik

Aby stworzyć licznik w Easypage, wykonaj poniższe kroki:

1. Przejdź do swojego projektu w Easypage, w zakładce Strony → Landing Page.
2. Kliknij + Nowa sekcja.
3. Z listy sekcji wybierz Licznik.
4. Wybierz jeden z dostępnych szablonów i przeciągnij go na płótno.

Licznik pojawi się na stronie i możesz od razu rozpocząć jego konfigurację.

Dostępne warianty

Banery poziome

• Digital Flip – animowane karty przewijane z dynamicznym efektem „flip”. Każda zmiana sekundy, minuty czy godziny jest płynnie animowana, co przyciąga uwagę odwiedzających.
• Circular Progress – okrągłe wskaźniki pokazujące postęp odliczania. Każde koło symbolizuje inną jednostkę czasu (dni, godziny, minuty, sekundy), a w miarę upływu czasu wypełnia się kolorem.
• Simple Display – prosty, czytelny format tekstowy, który prezentuje odliczanie w formie klasycznych cyfr. Brak animacji sprawia, że licznik jest przejrzysty i nie odciąga uwagi od treści strony.
• Text Inline – minimalistyczny licznik tekstowy z automatycznym ukrywaniem zer. Możesz wstawić go w ciągu tekstu (np. „Oferta kończy się za 03:25:10”). Dzięki temu wygląda naturalnie i nie zaburza układu strony.

Sekcje pionowe

• Simple Centered – wyśrodkowany układ z okrągłym licznikiem. Cała sekcja (tytuł, licznik, opis, przyciski) znajduje się w centrum strony, dzięki czemu licznik jest głównym punktem wizualnym.
• Split with Media – połączenie treści (tag, tytuł, opis, licznik, przyciski) z multimediami (obraz, wideo lub iframe). Układ jest podzielony na dwie części – w jednej znajduje się tekst z licznikiem, w drugiej grafika lub film. Dzięki temu możesz skutecznie połączyć treść promocyjną z wizualnym przekazem, np. w kampaniach sprzedażowych lub przy prezentacji produktu.
• Split with Media Left – wariant z mediami po lewej stronie i treścią po prawej. Ten układ pozwala rozpocząć sekcję od obrazu lub filmu, który przyciąga uwagę użytkownika, a następnie prowadzi wzrok do treści i przycisku CTA.

Ustawienia sekcji

Zakładka Treść

• Czas zakończenia odliczania – tutaj możesz wybrać dokładną datę i godzinę zakończenia promocji lub wydarzenia. Po upływie tego czasu licznik automatycznie się zatrzyma, a odwiedzający zobaczą ustawioną przez Ciebie reakcję (np. wyzerowany licznik lub komunikat o zakończeniu).
• Zachowanie po zakończeniu – określ, co ma się stać po zakończeniu odliczania. Możesz ustawić, aby licznik pokazywał zera lub wyświetlał własny komunikat, np. „Promocja zakończona” lub „Zapisz się na kolejną edycję”.
• Tytuł – opcjonalny nagłówek, który pojawi się nad lub obok licznika. To dobre miejsce, by dodać krótki komunikat zachęcający do działania, np. „Do końca wyprzedaży pozostało”.
• Etykiety jednostek – wpisz własne teksty dla każdej jednostki czasu (dni, godziny, minuty, sekundy), aby dopasować licznik językowo do reszty strony.

Przyciski

• Przycisk główny (CTA) – dodaj główny przycisk, który zachęci użytkownika do działania, np. „Kup teraz”, „Zapisz się” lub „Sprawdź ofertę”. Możesz ustawić jego tekst, kolor i link docelowy.
• Przycisk dodatkowy – opcjonalny drugi przycisk, który możesz wykorzystać do działań drugoplanowych, np. „Dowiedz się więcej”.
• Entire banner as link – włącz tę opcję, jeśli chcesz, aby cały baner był klikalny. Po aktywowaniu tej funkcji użytkownik może kliknąć dowolne miejsce na liczniku, aby przejść do wybranej strony (z efektem hover).
• Przycisk zamknięcia – dodaj mały przycisk X, który umożliwi użytkownikowi zamknięcie licznika. Przydatne zwłaszcza wtedy, gdy używasz stałego pozycjonowania (np. licznik przypięty do góry lub dołu ekranu).

Zakładka Style

• Kolory – dostosuj wygląd sekcji do swojego stylu. Możesz zmienić kolor tła, tekstu, elementów kart, przycisków oraz obramowań, aby licznik pasował do identyfikacji wizualnej Twojej marki.
• Układ i pozycjonowanie – wybierz, gdzie licznik ma się znajdować i jak ma wyglądać na stronie:
  • Stałe pozycjonowanie: Wyłączone / Góra / Dół – licznik może być przypięty do górnej lub dolnej krawędzi ekranu.
  • Tryb szerokości: Pełna szerokość / Kontener zaokrąglony – zdecyduj, czy licznik ma rozciągać się na całą szerokość strony, czy być umieszczony w estetycznym, zaokrąglonym bloku.

Wskazówka: Używaj liczników w połączeniu z przyciskami CTA, aby skutecznie kierować uwagę użytkownika — np. „Oferta kończy się za 2 godziny – złóż zamówienie teraz!”

‍