Przejdź do głównej zawartości
WPPoland Documentation

Nudge

Nudge pokazuje klientom, jak blisko są darmowej wysyłki — i ile jeszcze muszą dodać, by ją odblokować. Gdy koszyk się zmienia, pasek aktualizuje się na żywo, zmieniając „darmowa wysyłka od 200 zł” z drobnego druku w jasny, motywujący cel, który podnosi średnią wartość zamówienia.

Dlaczego warto

Dział zatytułowany „Dlaczego warto”

Nudge odczytuje cel darmowej wysyłki automatycznie z minimalnej kwoty zamówienia w metodzie darmowej wysyłki WooCommerce. Brak skonfigurowanej metody? Ustaw stałą kwotę. Gdy nie ma celu do pokazania lub koszyk jest pusty, Nudge ukrywa się zamiast renderować zepsuty pasek. Darmowa edycja to pełny produkt GPL, z malutkim skryptem bez zależności.

Najważniejsze

Dział zatytułowany „Najważniejsze”
  • Automatyczny próg — odczyt minimalnej kwoty zamówienia z aktywnej metody darmowej wysyłki WooCommerce (najmniejsza w strefach), z ręcznym fallbackiem.
  • Aktualizacja na żywo — pasek renderuje się z koszykiem i animuje płynnie, malutkim skryptem bez własnego jQuery.
  • Koszyk i kasa — pokaz na klasycznych szablonach i blokach koszyka/kasy, plus shortcode [nudge_bar] w dowolnym miejscu.
  • Dostępny — prawdziwy role="progressbar" z aria-valuenow/min/max i czytelną alternatywą tekstową; respektuje prefers-reduced-motion.
  • Bez przeskoków układu — tor rezerwuje wysokość z góry (zero CLS).
  • Stylowalny — kolory jako zmienne CSS; świadomy trybu ciemnego.
  • Konfigurowalne komunikaty — token {amount} w komunikacie postępu i osobny komunikat sukcesu po osiągnięciu celu.
  • Gotowy do tłumaczeń (POT w zestawie), czyste odinstalowanie, zgodność z HPOS i blokami.

Jak to działa

Dział zatytułowany „Jak to działa”

Nudge liczy różnicę między obecną sumą koszyka a celem darmowej wysyłki, a potem renderuje pasek postępu z komunikatem. Gdy koszyk się zmienia, pasek renderuje się na żywo. Po osiągnięciu celu przełącza się na komunikat sukcesu; gdy nie ma celu lub koszyk jest pusty, ukrywa się.

Edycje

Dział zatytułowany „Edycje”
  • Darmowa na WordPress.org — próg automatyczny lub ręczny, aktualizacja na żywo, koszyk/kasa/shortcode, konfigurowalne komunikaty i kolory.
  • PRO (planowana) — cele per strefa, nagrody progowe, progi prezentowe i analityka konwersji.

Kolejne kroki

Dział zatytułowany „Kolejne kroki”