Za darmo, open source

Anchor

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 tytuł produktu, cenę i przycisk zakupu, a na produktach wariantowych synchronizuje cenę i dostępność z natywnym formularzem. Przypięty do okna i startuje ukryty, więc daje zero Cumulative Layout Shift.

Open source GPLv2
Open source na licencji GPL Bez konta i bez karty Bez jQuery, zero przeskoku układu

Działa z

WooCommerceGutenbergStorefrontAstraGeneratePressKadence

Zobacz w działaniu

Po przewinięciu strony przyklejony pasek z ceną i przyciskiem zostaje na dole ekranu
Ten sam pasek zakupu przyklejony na dole na telefonie
Włączanie paska i próg przewinięcia w panelu

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
  • Próg scrollu w pikselach, który decyduje, jak daleko poniżej głównego przycisku pojawia się pasek (0-5000)
  • 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.

Próg scrollu w pikselach

Ustaw w pikselach (0-5000, domyślnie 300), jak daleko poniżej głównego przycisku klient musi przewinąć, zanim pasek się pojawi.

Tytuł, cena i przycisk

Pasek pokazuje tytuł produktu, cenę i przycisk dodania do koszyka, bezpośredni na produktach prostych, z wyborem opcji na wariantowych.

Świadomy wariantów

Na produktach wariantowych cena, dostępność i przycisk zakupu na pasku synchronizują się z natywnym formularzem.

Tryb ciemny i reduced-motion

Pasek respektuje schemat ciemny i ustawienie prefers-reduced-motion przeglądarki.

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.

01

Zainstaluj

Aktywuj Anchor obok WooCommerce.

02

Ustaw pasek

W menu WooCommerce → Anchor włącz pasek i ustaw próg scrollu w pikselach.

03

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

Smukły pasek z tytułem, ceną i przyciskiem zakupu, blisko kciuka.

  • Smukły pasek
  • Ładowany tylko na karcie produktu
  • Bez przeskoku układu

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

Co dodaje PRO i dlaczego to ważne

Własny kolor i etykieta przycisku

Nadpisz tekst i kolor przycisku zakupu na przyklejonym pasku w WooCommerce → Anchor.

Reguły widoczności

Pokaż lub ukryj pasek na wybranych produktach i kategoriach, tryb tylko wybrane lub wyklucz wybrane.

Harmonogram kampanii

Pokaż pasek tylko w oknie start/koniec promocji na WooCommerce → Anchor.

Analityka konwersji

Zliczaj wyświetlenia paska, kliknięcia przycisku i dodania do koszyka per produkt na WooCommerce → Anchor Analytics.

Rozszerza darmowy Anchor

Wymaga aktywnej darmowej wtyczki Anchor; dostarczany przez Freemius z licencją i automatycznymi aktualizacjami.

Co dostajesz: FREE czy PRO

PRO zachowuje wszystko z wersji darmowej i dodaje poniższe moduły.

Funkcja FREE PRO
Przyklejony pasek do koszyka
Próg scrollu w pikselach
Synchronizacja z wariantami
Bez jQuery, bez przeskoku układu
Region ARIA i obsługa klawiatury
Tryb ciemny i reduced-motion
Własny kolor przycisku ×
Własna etykieta przycisku ×

Anchor vs Sticky Add to Cart (MagniGenie) vs Sticky Cart for WooCommerce

Jak Anchor wypada na tle popularnych wtyczek przyklejonego dodaj do koszyka WooCommerce.

AnchorSticky Add to Cart (MagniGenie)Sticky Cart for WooCommerce
Wersja darmowa TakTakNie
Przyklejony pasek dodaj do koszyka TakTakTak
Świadomy wariantów Tak
Dostępny, bez jQuery, bez przesunięć układu Tak
Reguły rozmieszczenia i harmonogram Pro
Analityka konwersji Pro
Open source (GPLv2) TakRdzeń GPLRdzeń GPL
Cena planu płatnego od €29/rokDarmowa + premiumTylko płatna

Dane i ceny konkurencji według stanu na czerwiec 2026; aktualne ceny sprawdź na stronach producentów.

Potrzebujesz więcej? Anchor Pro

Wersja darmowa pokrywa przyklejony pasek dodawania do koszyka. Anchor Pro dodaje dziś własny kolor i etykietę przycisku zakupu.

  • Własny kolor i etykieta przycisku paska (wdrożone)
  • Zaawansowane reguły miejsca per produkt i kategoria (wdrożone w PRO)
  • Harmonogram kampanii (wdrożone w PRO)
  • Analityka konwersji (wdrożone w PRO)

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 uruchamia się tylko wtedy, gdy WooCommerce jest aktywne, a swój pasek pokazuje wyłącznie na pojedynczych kartach produktu. Bez aktywnego WooCommerce wtyczka nie renderuje niczego i nie ładuje żadnych zasobów.

Czy Anchor obsługuje produkty wariantowe?

Tak. Na produktach wariantowych pasek odzwierciedla natywny formularz wariantów WooCommerce: gdy klient wybiera opcje na stronie, cena, dostępność i przycisk zakupu na pasku aktualizują się do wybranego wariantu. Anchor nasłuchuje zdarzeń, które WooCommerce już emituje, i nie ładuje własnej kopii jQuery.

Czy pasek spowalnia stronę lub przesuwa układ?

Nie. Arkusz stylów i skrypt ładują się tylko na pojedynczych kartach produktu, a skrypt jest odroczony (defer). Pasek jest przypięty do okna z position: fixed i startuje ukryty, więc znajduje się poza układem strony i jego pojawienie się nie powoduje Cumulative Layout Shift.

Kiedy pasek się pojawia i czy mogę to zmienić?

Pasek pozostaje ukryty, dopóki klient nie przewinie poniżej głównego formularza dodawania do koszyka; skrypt wykrywa to przez IntersectionObserver i wsuwa pasek. Próg pojawienia ustawiasz w pikselach (0-5000) w menu WooCommerce → Anchor; domyślnie to 300 px. Niższa wartość pokazuje pasek wcześniej, wyższa trzyma go ukrytym dłużej.

Czy Anchor używa jQuery?

Nie. Anchor nie dodaje własnej kopii jQuery, jego skrypt to czysty JavaScript ładowany z odroczeniem tylko na kartach produktu. Synchronizację z wariantami uzyskuje, nasłuchując zdarzeń, które WooCommerce już emituje.

Co pokazuje pasek?

Pasek pokazuje tytuł produktu, cenę i przycisk dodania do koszyka. Na produktach prostych jest to bezpośredni przycisk zakupu, a na wariantowych, przycisk wyboru opcji, który po wybraniu wariantu odsłania formularz dodania do koszyka. Pasek jest oznaczony jako region ARIA z widocznym fokusem i etykietą dla czytników ekranu.

Czy działa na produktach prostych?

Tak. Na produktach prostych pasek pokazuje tytuł, cenę i przycisk dodania do koszyka, a na wariantowych śledzi wybrany wariant. Anchor pomija produkty, których nie da się kupić (np. produkty zewnętrzne bez ceny), więc nigdy nie renderuje niesprawnego paska.

Czy Anchor pasuje do Ticker i Notice?

Tak. Ticker dodaje odliczanie wyprzedaży na karcie produktu, Notice pasek powiadomień na górze sklepu, a Anchor trzyma przycisk zakupu pod ręką przy scrollu.

Jak Anchor wypada na tle Sticky Add to Cart (MagniGenie) i Sticky Cart for WooCommerce?

Anchor to darmowy, przyklejony pasek dodaj do koszyka open source, który jest świadomy wariantów, wolny od jQuery i unika przesunięć układu, z regułami rozmieszczenia, harmonogramem i analityką konwersji w edycji płatnej od 29 EUR/rok. Sticky Add to Cart od MagniGenie działa w modelu freemium, a oficjalny Sticky Cart for WooCommerce to płatne rozszerzenie z Marketplace. Wszystkie trzy są udostępniane na licencji GPL. Ceny wg stanu na czerwiec 2026.

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, PRO dodaje dziś własny kolor i etykietę przycisku, reguły miejsca, harmonogram kampanii i analitykę konwersji.