Pasek dodawania do koszyka zawsze w zasięgu
Anchor dodaje do WooCommerce smukły, przyklejony pasek dodawania do koszyka, który pojawia się przy scrollu na długich kartach produktu. Pokazuje miniaturę, tytuł, cenę, opcjonalne pole ilości i przycisk zakupu, a na produktach wariantowych synchronizuje się z natywnym formularzem. Przypięty do okna i startuje ukryty, więc daje zero Cumulative Layout Shift.
Działa z
Na długich kartach produktu przycisk zakupu znika
Klient przewija opis, zdjęcia i opinie, ale główny przycisk dodania do koszyka zostaje daleko w górze. Im więcej trzeba scrollować z powrotem, tym większe ryzyko, że zakup nie nastąpi.
- ✗ Główny przycisk dodania do koszyka znika przy scrollu
- ✗ Klient musi wracać na górę strony, żeby kupić
- ✗ Ciężkie paski konwersyjne spowalniają sklep
- ✗ Wiele rozwiązań przesuwa układ i psuje Core Web Vitals
Anchor trzyma przycisk zakupu pod ręką
- ✓ Przyklejony pasek dodawania do koszyka pokazywany przy scrollu
- ✓ Pozycja na górze lub na dole ekranu, osobno dla desktopu i mobile
- ✓ Synchronizacja ceny i dostępności z natywnym formularzem wariantów
- ✓ Przypięty do okna i startuje ukryty, więc bez przeskoku układu
Co dostajesz w wersji darmowej
Wszystko, czego potrzeba, żeby przycisk zakupu był zawsze o jedno kliknięcie.
Przyklejony pasek do koszyka
Smukły pasek na karcie produktu, pokazywany przy scrollu poniżej głównego przycisku dodania do koszyka.
Pozycja góra lub dół
Wybierz, czy pasek pojawia się na górze, czy na dole ekranu, zależnie od układu sklepu.
Osobno dla urządzeń
Pokaż lub ukryj pasek na desktopie i na mobile niezależnie — np. tylko na telefonach.
Próg scrollu
Ustaw, jak daleko poniżej głównego przycisku klient musi przewinąć, zanim pasek się pojawi.
Opcjonalne elementy
Włącz lub wyłącz miniaturę produktu, cenę i pole ilości na pasku.
Świadomy wariantów
Na produktach wariantowych cena, dostępność i przycisk zakupu na pasku synchronizują się z natywnym formularzem.
Bez przeskoku układu
Pasek jest przypięty do okna i startuje ukryty, więc nigdy nie powoduje Cumulative Layout Shift.
Dostępny i bez jQuery
Region ARIA, obsługa klawiatury, widoczny fokus i czysty JavaScript, ładowany tylko na kartach produktu.
Start w trzech krokach
Włączenie paska i pierwszy test przy scrollu karty produktu.
Zainstaluj
Aktywuj Anchor obok WooCommerce.
Ustaw pasek
W menu WooCommerce → Anchor wybierz pozycję, urządzenia, próg scrollu i elementy paska.
Sprawdź na produkcie
Otwórz kartę produktu i przewiń poniżej głównego przycisku — pasek powinien się wsunąć.
Dla jakich sklepów
Gdy karty produktu są długie, a przycisk zakupu ma być zawsze pod ręką.
Długie karty produktu
Opisy, zdjęcia i opinie — pasek trzyma przycisk zakupu w zasięgu przez całą stronę.
- ✓ Pokazywany przy scrollu
- ✓ Próg scrollu
- ✓ Bez przeskoku układu
Sklepy mobilne
Pasek na dole ekranu na telefonach, z miniaturą i ceną, blisko kciuka.
- ✓ Osobno dla mobile
- ✓ Pozycja na dole
- ✓ Pole ilości
Produkty wariantowe
Klient wybiera opcje na stronie, a pasek od razu pokazuje aktualną cenę i dostępność.
- ✓ Synchronizacja wariantów
- ✓ Cena i dostępność
- ✓ Bez własnego jQuery
Potrzebujesz więcej? Anchor Pro
Wersja darmowa pokrywa przyklejony pasek dodawania do koszyka z kontrolą pozycji, urządzeń i progu scrollu. Anchor Pro doda zaawansowane reguły miejsca, harmonogram kampanii i analitykę konwersji.
- ✓ Zaawansowane reguły miejsca per produkt i kategoria (planowane)
- ✓ Harmonogram kampanii dla paska (planowane)
- ✓ Analityka wyświetleń i kliknięć paska (planowane)
Wsparcie i zasoby
Każda wtyczka ma własną dokumentację z przewodnikiem konfiguracji. Błędy i pytania trafiają do publicznego repozytorium GitHub danej wtyczki — odpowiadamy otwarcie.
Częste pytania
Czy Anchor wymaga WooCommerce?
Tak. Anchor działa tylko, gdy WooCommerce jest aktywne.
Czy Anchor obsługuje produkty wariantowe?
Tak. Pasek odzwierciedla natywny formularz wariantów: wybierz opcje na stronie, a cena, dostępność i przycisk zakupu na pasku aktualizują się do nich.
Czy pasek spowalnia stronę lub przesuwa układ?
Nie. Arkusz stylów i skrypt ładują się tylko na kartach produktu, skrypt jest odroczony, a pasek jest przypięty do okna i ukryty do momentu pokazania, więc nie powoduje przeskoku układu.
Czy mogę pokazać pasek tylko na mobile?
Tak. Wyłącz desktop w sekcji Gdzie pokazać w ustawieniach Anchor.
Gdzie pojawia się pasek?
Na karcie produktu, na górze lub na dole ekranu, po przewinięciu poniżej głównego przycisku dodania do koszyka.
Czy Anchor używa jQuery?
Nie dodaje własnego jQuery. Słucha zdarzeń, które WooCommerce już emituje, a jego skrypt to czysty JavaScript.
Czy mogę dostosować, co pokazuje pasek?
Tak. Możesz włączyć lub wyłączyć miniaturę produktu, cenę i pole ilości oraz ustawić próg scrollu.
Czy Anchor pasuje do Ticker i Notice?
Tak. Ticker dodaje odliczanie wyprzedaży na karcie produktu, Notice pasek ogłoszeń na górze sklepu, a Anchor trzyma przycisk zakupu pod ręką przy scrollu.
Trzymaj przycisk zakupu pod ręką
Przyklejony pasek do koszyka, pokazywany przy scrollu, świadomy wariantów i bez przeskoku układu. Pełna edycja FREE na GPL.
Zobacz dokumentacjęDarmowa edycja to kompletny przyklejony pasek dodawania do koszyka — PRO doda reguły miejsca, harmonogram i analitykę (planowane).