Główny tekst, dopóki klient nie osiągnął darmowej dostawy. Jeden szablon na język; moduł uzupełnia wartości na żywo przy każdym odświeżeniu i zmianie koszyka.

Co robi: Zamienia placeholdery na bieżącą brakującą kwotę, próg, sumę koszyka, procent postępu, kod kraju, grupę klienta, wariant A/B i walutę — sformatowane dla kontekstu odwiedzającego.

Dlaczego to pomaga: Klient widzi dokładnie, ile brakuje („Zostało tylko 14,20 € do darmowej dostawy!”), a nie ogólnik. To ogranicza porzucenia i zachęca do jednego produktu więcej. Łatwo wstawisz placeholdery: [amount], [threshold], [cart_total], [progress_percent], [remaining_percent], [country], [group_id], [variant], [currency].

Gdy suma koszyka osiąga lub przekracza aktywny próg darmowej dostawy. Pasek wypełnia się do 100%, a szablon zastępuje komunikat sukcesu.

Dlaczego to pomaga: Natychmiast potwierdza nagrodę — np. „Świetnie! Masz darmową dostawę” — klient czuje sukces i pewniej przechodzi do kasy. Te same placeholdery możesz użyć w linii sukcesu.

Inteligentny (świadomy koszyka): Moduł szuka w katalogu produktu pasującego do kategorii w koszyku i kwoty bliskiej brakującej sumie. Pod paskiem pokazuje nazwę, link i cenę.

Ręczne ID produktu: Zawsze ten sam wybrany produkt — np. próbki, gwarancja, bestseller — niezależnie od zawartości koszyka.

Dlaczego to pomaga: Tryb inteligentny zamienia pasek w prowadzony upsell: jeden trafny produkt zamiast losowego cross-sellu.

Podaj ID produktu PrestaShop przy trybie ręcznym lub jako zapas, gdy tryb inteligentny nic nie znajdzie.

Dlaczego to pomaga: Blok upsell nigdy nie jest pusty — zawsze masz bezpieczny produkt domyślny.

Brak: Statyczny pasek — minimum rozpraszania, idealny przy czystych motywach.

Płynna: Delikatna zmiana wypełnienia po aktualizacji koszyka.

Puls: Subtelne pulsowanie wypełnienia — zauważalne, ale nienachalne.

Dlaczego to pomaga: Ruch pokazuje, że pasek jest „na żywo” i powiązany z koszykiem — wzmacnia poczucie „już prawie”.

Piktogram przy komunikacie: Ciężarówka (dostawa), Prezent (nagroda) lub Gwiazda (premium / oferta specjalna).

Dlaczego to pomaga: Mały symbol ułatwia skanowanie w menu lub koszyku — dopasowujesz ton marki bez własnej grafiki.

Auto: Moduł dopasowuje style do aktywnego motywu, gdy to możliwe.

Classic lub Hummingbird: Wymuś profil kompatybilności dla głównych rodzin motywów PrestaShop.

Dlaczego to pomaga: Pasek wygląda jak element sklepu — bez edycji szablonów motywu.

Gdy nie ma jeszcze adresu dostawy, moduł używa wbudowanego GeoIP PrestaShop i reguły kraju z kierowania.

Dlaczego to pomaga: Sklep międzynarodowy od pierwszej strony pokazuje właściwy próg — nie mylący domyślny.

Opcjonalna druga warstwa — tylko gdy geolokalizacja PrestaShop nie zwróci kraju. Przydatne, gdy natywne GeoIP jest wyłączone lub niedokładne.

Dlaczego to pomaga: Pewniejsze reguły kraju dla gości bez ręcznego wyboru kraju na starcie.

Szablon endpointu zewnętrznej usługi. Musi zawierać %s na IP odwiedzającego (np. https://ipapi.co/%s/country/).

Dlaczego to pomaga: Wybierasz zaufanego dostawcę i zmieniasz API bez zmian w kodzie.

Maksymalny czas oczekiania na zewnętrzne GeoIP — sklep pozostaje szybki, gdy API zawiedzie.

Dlaczego to pomaga: Chroni wydajność — pasek pojawia się dzięki logice zapasowej.

Minimalna wartość koszyka w sklepie (tylko produkty, bez dostawy) dla darmowej wysyłki, gdy nie działa reguła kraju ani grupy.

Dlaczego to pomaga: Jedna siatka bezpieczeństwa dla wszystkich. Kwoty w domyślnej walucie sklepu, z automatyczną konwersją przy zmianie waluty.

Lista aktywnych krajów: kliknij kraj po lewej, ustaw próg po prawej. Wyszukiwarka ułatwia pracę przy wielu krajach.

Co robi: Zapisuje reguły (kod ISO kraju + próg). Po rozpoznaniu kraju stosuje właściwą regułę zamiast domyślnej.

Dlaczego to pomaga: Uczciwa ekonomia per rynek — wyższy próg dla odległych krajów, niższy krajowy — bez osobnych sklepów. Szybkie czyszczenie reguł.

Jak przy krajach: wybierz grupę (VIP, hurt, pracownicy…) i przypisz próg. Wyszukiwanie i masowe usuwanie wbudowane.

Dlaczego to pomaga: Niższy próg dla lojalnych i B2B, wyższy dla detalu — widoczne w komunikacie podczas zakupów.

Trzy źródła w wybranej kolejności:

• Adres dostawy — kraj z adresu dostawy w koszyku, gdy jest.
• Adres faktury — kraj z faktury, gdy brak dostawy.
• GeoIP — geolokalizacja z ustawień, gdy brak adresów (gość).

Dlaczego to pomaga: Kontrolujesz logikę — np. adres dostawy w checkout, GeoIP na stronie głównej.

Render paska tak, jak zobaczy go klient — z bieżącymi ustawieniami i przykładowym tekstem.

Dlaczego to pomaga: Projektujesz pewnie — kolory, zaokrąglenia i typografia WYSIWYG przed publikacją.

Symulowany próg w podglądzie (np. 64 €), by zobaczyć pasek przy różnych celach.

Dodaj lub odejmij kwotę w podglądzie, by symulować koszyk. Przelicza postęp i efekty aktualizacji — jak na żywym sklepie po AJAX.

Dlaczego to pomaga: Dostrajasz ruch i kolory, obserwując reakcję paska — nie ze zrzutów ekranu.

Kolor tła lub gradient (wł./wył., kolory start/koniec) karty za komunikatem i paskiem.

Kolor i grubość obramowania & promień — od płaskiego paska po zaokrągloną kartę.

Cień (wł./wył.) nadaje głębię w menu lub koszyku.

Padding Y / X — odstępy wewnętrzne; maks. szerokość (0 = pełna) na szerokich ekranach.

Dlaczego to pomaga: Blok pasuje do marki, a nie wygląda jak wklejony plugin.

Typografia i układ głównej linii: lewo, środek, prawo.

Pokaż ikonę włącza ciężarówkę/prezent/gwiazdę z ustawień; rozmiar ikony skaluje pod mobile lub duży koszyk.

Dlaczego to pomaga: Czytelnie na mobile i wyraźnie na desktopie — bez konfliktu z czcionkami motywu.

Wysokość paska oraz kolor/promień tła — pusta część wskaźnika.

Kolor wypełnienia lub gradient (dwa kolory) — ukończona część, akcent marki.

Paski (wł./wył.) — subtelny animowany wzór na wypełnieniu.

Dlaczego to pomaga: Pasek staje się rozpoznawalnym elementem UI, nie szarym paskiem Bootstrap.

Pokaż odznakę celu — kompaktowa pigułka (np. podsumowanie progu) przy komunikacie.

Tło & kolor tekstu odznaki stylizują pigułkę.

Pokaż upsell włącza blok rekomendacji z ustawień bez wyłączania logiki upsell.

Rozmiar & kolor czcionki upsell — czytelnie, ale drugoplanowo względem głównego komunikatu.

Dlaczego to pomaga: Sam komunikat na minimalistycznych motywach albo bogaty pasek z odznaką i produktem.

Po włączeniu karta paska lekko drga, błyska i pokazuje połysk na torze postępu po każdej zmianie koszyka na sklepie.

Dlaczego to pomaga: Przyciąga wzrok do rosnącego postępu — „jesteś bliżej” — bez popupów.

Czas trzęsienia i przesunięcie w px. Krótko i subtelnie — premium; dłużej — bardziej zabawowo.

Przelot światła po karcie: kolor, jasność szczytu i szerokość pasma — pod markę lub kampanie.

Ruchomy połysk na torze postępu — czas i szerokość w px — wypełnienie „ładuje się” wraz z koszykiem.

W głównym menu na każdej stronie z tym hookiem. Włączone domyślnie. Przypomina gościom o darmowej dostawie podczas przeglądania.

Drugi rząd menu w motywach z podzieloną nawigacją. Gdy górny rząd jest przepełniony.

Pełna szerokość pod nagłówkiem w Classic — widoczne, ale poza linkami menu.

Sama góra dokumentu. Przydatne przy kampaniach sticky lub ubogich hookach w nagłówku.

Strefa treści strony głównej. Ustawia oczekiwania przed wejściem w produkt — szczególnie z progami wg kraju.

Sidebar w katalogu i CMS. Cel widoczny przy filtrowaniu (motywy z lewą kolumną).

Jak lewa kolumna dla layoutu z prawym sidebarem. Można łączyć z blokiem koszyka.

Pod akcjami na karcie produktu. Widać, jak ten artykuł zbliża do darmowej dostawy.

Strefa reassurance PrestaShop. Darmowa dostawa obok zwrotów czy bezpieczeństwa.

Dół strony koszyka. Włączone domyślnie. Najwyższa intencja: klient przegląda koszyk — idealny moment na brakującą kwotę i upsell.

W bloku podsumowania koszyka (mini lub pełny). Postęp obok sum.

Pasek nad stopką. Ostatnie przypomnienie przed wyjściem ze strony.

W kolumnie stopki. Mniejsza widoczność, ale globalnie na layoutach ze stopką.

Przy liniach subtotalu w checkout. Mniej niespodzianek — „brakuje 3 €” przy decyzji o płatności.

Druga instancja przyklejona do dołu viewportu na wszystkich stronach (obok hooków). Widoczna przy scrollu na mobile i desktop.

Dlaczego to pomaga: Wielu klientów nie wraca do koszyka po dodaniu produktu. Stały pasek trzyma cel darmowej dostawy w polu widzenia — szczególnie z inteligentnym upsell.

Rotacja wariantów komunikatów zamiast zawsze domyślnego szablonu. Gość dostaje wariant na sesję; rejestrowane są wyświetlenia i konwersje.

Dlaczego to pomaga: Drobna zmiana copy („Zostało [amount]” vs „Dodaj [amount] do darmowej dostawy”) może podnieść AOV — mierzysz danymi, nie intuicją.

Trzy niezależne szablony na język z tymi samymi placeholderami. Kąty: pilność, nagroda, procent ([progress_percent]).

Dlaczego to pomaga: Prawdziwe testy wielowariantowe bez duplikowania modułów.

Podział ruchu między warianty (np. 40% / 35% / 25%).

Dlaczego to pomaga: Możesz faworyzować obiecujący wariant lub testować równo trzy warianty.

Raport wyświetleń, konwersji i współczynnika per wariant. Konwersja — koszyk osiąga próg; wyświetlenie — widok paska.

Dlaczego to pomaga: Wybierasz zwycięski komunikat — wpływ na przychód na odwiedzającego.

Licznik osiągnięć progu (wszystkie warianty). Czy próg i umiejscowienie są realne — nie tylko ile osób widziało pasek.

Dlaczego to pomaga: Wysokie wyświetlenia, mało celów — obniż próg, popraw upsell lub copy. Jedna liczba dla zespołu.