Instrukcja modułu Storefront

Zamów teraz, wyślemy dzisiaj

Moduł wyświetla na karcie produktu licznik odliczający czas do wysyłki tego samego dnia. Możesz ustawić osobne godziny wysyłki, dni wolne, treści po czasie oraz wygląd modułu tak, aby pasował do motywu sklepu.

Co możesz ustawić w module

teksty przed odliczaniem i po czasie,
osobne godziny graniczne dla dni tygodnia,
wysyłkę w sobotę z własną godziną,
listę dni wolnych z datą i nazwą,
obsługę wariantów magazynowych,
ikonkę, kolory, paddingi, obramowanie i zaokrąglenie.

Przykład działania modułu na karcie produktu.

1. Ustawienia zawartości

W tej sekcji ustawiasz teksty i podstawową logikę komunikatu. To tutaj decydujesz, co klient zobaczy przed odliczaniem, jaki komunikat pojawi się po czasie oraz czy moduł ma obsługiwać warianty magazynowe.

Treści modułu

główna treść przed odliczaniem,
druga treść pod nagłówkiem,
domyślna treść po czasie,
alternatywna treść weekendowa.

Warianty i ikonka

własna ikonka graficzna,
maksymalna szerokość obrazka,
obsługa wariantów magazynowych,
notatka o wariantach,
nazwa czasu dostawy, np. „24 godziny”.

Ważne: jeśli włączysz obsługę wariantów magazynowych, wpisz dokładną nazwę czasu dostawy, która ma uruchamiać licznik dla wariantu. Dzięki temu moduł poprawnie rozpozna warianty z wysyłką „dziś”.

Sekcja, w której ustawiasz treści, ikonkę i logikę wariantów.

2. Godziny wysyłki

Tutaj definiujesz godzinę graniczną dla każdego dnia tygodnia. Licznik będzie odliczał czas do ustawionej godziny, a po jej przekroczeniu pokaże komunikat po czasie.

Ustaw godzinę graniczną dla poniedziałku, wtorku, środy, czwartku i piątku.
Jeśli realizujesz wysyłki w sobotę, zaznacz opcję włączenia wysyłki w sobotę.
Wpisz godzinę graniczną dla soboty.

Godzinę ustawiasz z dokładnością do minut, więc możesz wpisać np. 12:21 albo 17:00 — nie tylko pełne godziny.

Osobne godziny graniczne dla dni roboczych i opcjonalnie soboty.

3. Dni wolne

W sekcji dni wolnych możesz dodać daty, w których licznik nie powinien odliczać do wysyłki tego samego dnia. Każda pozycja ma własną datę i nazwę, dzięki czemu łatwo później sprawdzić, czego dotyczy dany wpis.

dodaj nowy dzień wolny przyciskiem Dodaj,
uzupełnij datę,
wpisz nazwę dnia wolnego, np. „Boże Narodzenie” albo „Przerwa urlopowa”.

Lista dni wolnych przydaje się nie tylko do świąt. Możesz użyć jej także do własnych przerw technicznych lub dni bez nadawania paczek.

Lista dni wolnych z możliwością dodawania kolejnych pozycji.

4. Odstępy i układ modułu

Ta sekcja odpowiada za przestrzeń wokół treści. Możesz ustawić osobno pionowe i poziome paddingi oraz margines nad modułem, żeby lepiej dopasować go do układu karty produktu.

pionowy padding — góra i dół,
poziomy padding — lewa i prawa strona,
górny margines modułu.

To dobre miejsce, jeśli chcesz optycznie odsunąć licznik od przycisku „Dodaj do koszyka” albo innych sekcji na karcie produktu.

Regulacja paddingów i marginesu nad modułem.

5. Wygląd modułu

W ostatniej sekcji dopasowujesz moduł wizualnie do swojego sklepu. Ustawisz tutaj kolor tła, kolor tekstu, obramowanie, rozmiar czcionki oraz zaokrąglenie rogów.

Kolory

kolor tła,
kolor czcionki,
kolor obramowania.

Wymiary i styl

rozmiar czcionki,
grubość obramowania,
zaokrąglenie rogów.

Najlepiej dobrać kolory tak, aby moduł był czytelny, ale nie odcinał się zbyt mocno od reszty karty produktu.

Ustawienia kolorów, obramowania, fontu i zaokrąglenia.

6. Efekt na karcie produktu

Po zapisaniu ustawień moduł pojawi się na karcie produktu jako czytelny box z ikoną, tekstem i licznikiem godzin, minut oraz sekund. Jeśli produkt ma warianty magazynowe i włączysz odpowiednią opcję, komunikat może aktualizować się po zmianie wariantu.

przed czasem — klient widzi odliczanie do wysyłki tego samego dnia,
po czasie — wyświetla się komunikat ustawiony w konfiguracji,
w dni wolne — licznik nie odlicza, tylko pokazuje treść po czasie.

Finalny efekt modułu na karcie produktu.