Pierwsze kroki

Pasek zwykle pokażesz w kilka minut. Nudge odczytuje cel darmowej wysyłki automatycznie, instalacja, włączenie, wybór miejsc.

Zanim zaczniesz

• WordPress 6.5 lub nowszy
• WooCommerce aktywne (metoda darmowej wysyłki pomaga, ale jest opcjonalna)
• PHP 8.1 lub nowszy

Instalacja

1. Zainstaluj WooCommerce i upewnij się, że jest aktywne.
2. Zainstaluj Nudge z katalogu wtyczek (gdy będzie na WordPress.org) lub wgraj folder nudge do /wp-content/plugins/.
3. Aktywuj wtyczkę.

Pierwsza konfiguracja

Otwórz WooCommerce → Nudge w panelu:

• Włącz pasek, główny przełącznik.
• Tryb progu, Automatyczny odczytuje minimalną kwotę zamówienia z włączonej metody darmowej wysyłki (najmniejsza w strefach); Ręczny pozwala ustawić stałą kwotę. Automatyczny wraca do kwoty ręcznej, gdy brak kwalifikującej się metody.
• Miejsca, koszyk, kasa lub oba; obsługiwane klasyczne szablony oraz bloki koszyka/kasy.
• Komunikaty, komunikat postępu z tokenem {amount} oraz osobny komunikat sukcesu po osiągnięciu celu.
• Kolory, zmienne CSS, świadome trybu ciemnego, ustawiane w podglądzie na żywo.

Sprawdzenie na sklepie

1. Otwórz Koszyk, pasek powinien pokazać brakującą kwotę do darmowej wysyłki.
2. Dodaj produkt, pasek powinien renderować się na żywo i animować w stronę celu.
3. Przekrocz próg, pasek powinien przełączyć się na komunikat sukcesu.
4. Opróżnij koszyk lub usuń cel, pasek powinien się ukryć zamiast pokazywać zepsuty stan.

Shortcode [nudge_bar]

[nudge_bar]

Umieść pasek w dowolnym miejscu przez [nudge_bar], strona, wpis lub widżet. Renderuje postęp obecnego koszyka i ukrywa się, gdy koszyk jest pusty lub brak celu.

FREE vs PRO

Darmowa edycja obejmuje próg automatyczny lub ręczny, aktualizację na żywo, miejsca koszyk/kasa/shortcode, konfigurowalne komunikaty i kolory.

Nudge PRO dodaje pływający pasek mini-koszyka, progi per strefa, nagrody progowe i analitykę konwersji, nie podstawowy pasek postępu.

Potrzebujesz pomocy?

• Przegląd Nudge, funkcje i jak działa pasek
• GitHub
• Nudge na plogins.com