Utwórz pierwsze odliczanie

Ta instrukcja prowadzi przez utworzenie jednego kompletnego, typowego odliczania: licznika wyprzedaży na stronach produktów, który odlicza do stałej daty zakończenia i znika po jej upływie. Obejmuje wszystkie części kreatora – treść, czas, wygląd i wyświetlanie – bez bardziej zaawansowanych opcji.

Upewnij się, że najpierw włączono osadzenie aplikacji, w przeciwnym razie odliczanie utworzone tutaj nie wyświetli się w Twoim sklepie.

1. Rozpocznij nowe odliczanie

   Otwórz aplikację. Na pulpicie kliknij Create countdown na drugiej karcie konfiguracji. (Na stronie Countdowns przycisk Create countdown robi to samo.)

   

   Rozpocznij odliczanie z karty Create a countdown na pulpicie.

2. Wybierz szablon

   Strona Countdown templates otwiera się z czterema kartami typów u góry: Countdown timer, Delivery date, Stock countdown i Cart countdown. Pozostaw Countdown timer.

   Przeglądaj projekty albo szukaj po nazwie lub okazji – wpisanie black friday znajduje projekty tego sezonu, mimo że mają nazwy takie jak Onyx i Ribbon. Gdy znajdziesz ten, który Ci się podoba, kliknij Select na jego karcie.

   

   Wybierz projekt z siatki szablonów – wszystko w nim możesz później zmienić.

3. Nazwij odliczanie

   Kreator otwiera się z wybranym projektem w podglądzie. Nadaj odliczaniu nazwę u góry – na przykład „Spring sale timer”. Ta nazwa jest tylko dla Ciebie; kupujący jej nie widzą.

4. Wpisz tekst licznika

   Na karcie Settings otwórz sekcję Content i ustaw, co mówi licznik:

   • Title – duży wiersz, na przykład 🔥 Hurry up! 🔥
   • Subtitle – wiersz nad cyframi, na przykład Sale ends in:
   • Timer – etykiety pod każdą liczbą: Days, Hours, Min, Sec

   

   Sekcja Content kontroluje każdy fragment tekstu na liczniku.

5. Ustaw datę zakończenia

   Nadal na karcie Settings otwórz sekcję Setting timer. Pozostaw Time type na Countdown to a date – to wartość domyślna i tryb potrzebny w tym przykładzie.

   W polu Date between ustaw End na moment zakończenia wyprzedaży. Pozostaw Start puste, aby licznik działał od teraz; wypełnij je, jeśli licznik ma pozostać ukryty do faktycznego rozpoczęcia wyprzedaży.

   

   Countdown to a date to domyślny Time type – ustaw End date na swój termin.

6. Wybierz, co dzieje się po dojściu do zera

   Pod datami ustaw When countdown timer end na Hide countdown block. Po upływie terminu licznik znika, zamiast pozostawać na 00:00:00.

   Pozostałe dwie opcje opisano w Co dzieje się po zakończeniu odliczania.

7. Wybierz, gdzie ma się wyświetlać

   Przejdź na kartę Display. W sekcji Show countdown on zaznacz Product page. Umieści to licznik na każdej stronie produktu, tuż pod obszarem Dodaj do koszyka.

   

   Zaznaczenie Product page umieszcza licznik na wszystkich stronach produktów.

8. Ogranicz do właściwych produktów (opcjonalnie)

   Powyżej położenia wyświetlania sekcja Conditions decyduje, które produkty otrzymują licznik. Pozostaw All Products, aby objąć cały katalog, albo zmień, aby wskazać kolekcję, konkretne produkty lub grupę klientów – zobacz Warunki wyświetlania.

9. Zapisz jako aktywne

   Kliknij Save. Sprawdź, czy kontrolka statusu pokazuje Active, a nie Draft – wersja robocza jest zapisana, ale nigdy nie jest wyświetlana.

   

   Zapisz odliczanie ze statusem ustawionym na Active.

10. Sprawdź w sklepie

    Otwórz dowolną stronę produktu w działającym sklepie w nowej karcie – skrótem jest przycisk Open my store na pulpicie. Licznik powinien być widoczny pod przyciskiem Dodaj do koszyka, który odlicza czas.

    Wypróbuj go także na telefonie lub zwęź okno przeglądarki: motywy układają strony produktów inaczej na małych ekranach i warto zobaczyć licznik tam, gdzie będzie go widzieć większość kupujących.

    

    Gotowy licznik na działającej stronie produktu.

Wskazówka

Jeśli licznik pojawia się na stronie produktu, a sekundy odliczają, wszystko jest poprawnie połączone: osadzenie jest włączone, odliczanie jest aktywne, a jego warunki pasują.

Notatka

Nie widzisz go? Przejdź przez Odliczanie się nie wyświetla – to krótka lista kontrolna, a pierwsze dwie pozycje rozwiązują większość przypadków.

Następne kroki

• Jak działają odliczania
• Projektowanie odliczania
• Warunki wyświetlania
• Typy odliczań