Lookbook
Galeria zakupowa wprost z jednego obrazu
Lookbook zamienia pojedynczy obraz w scenę zakupową. Wgraj zdjęcie, przypnij produkty WooCommerce jako hotspoty i osadź wynik przez shortcode [lookbook id="123"]. Gdy klient aktywuje hotspot, pojawia się karta produktu z miniaturą, tytułem, bieżącą ceną i linkiem do koszyka, kupuje wprost z obrazu.
Działa z
Zobacz w działaniu
Zdjęcie ze stylizacją nie sprzedaje
Klient widzi piękne zdjęcie z kilkoma produktami, ale nie wie, które to produkty ani jak je kupić. Każdy musi szukać ich osobno w katalogu, a większość po prostu rezygnuje.
- ✗ Klient nie wie, które produkty są na zdjęciu
- ✗ Brak drogi od inspiracji do koszyka
- ✗ Ręczne linkowanie produktów pod zdjęciem jest żmudne
- ✗ Ciężkie galerie spowalniają sklep i przesuwają układ
Lookbook robi z obrazu scenę zakupową
- ✓ Przypnij dowolną liczbę produktów jako hotspoty na jednym obrazie
- ✓ Karta produktu z miniaturą, ceną i dodaniem do koszyka
- ✓ Dane czytane na żywo z WooCommerce, ceny i stany aktualne
- ✓ Lekki front bez jQuery i bez przeskoku układu
Co dostajesz w wersji darmowej
Wszystko, czego potrzeba, żeby sprzedawać całą stylizację z jednego obrazu.
Obraz zakupowy
Przypnij dowolną liczbę produktów jako hotspoty na jednym obrazie.
Prosty edytor hotspotów
Pozycja każdego produktu przez X/Y w procentach (0-100).
Dostępne znaczniki
Prawdziwe przyciski, obsługa klawiatury i etykiety dla czytników ekranu.
Popover z kartą produktu
Miniatura, tytuł, bieżąca cena i link dodania do koszyka.
Czysty uninstall
Wtyczka usuwa swoje dane przy odinstalowaniu.
Shortcode
[lookbook id="N"] do osadzenia w dowolnym miejscu.
Dane na żywo
Lookbook czyta produkty z WooCommerce, więc ceny i stany są zawsze aktualne.
Bezpieczny i szybki
Brak obrazu, brak hotspotów lub usunięte produkty renderują się czysto; bez jQuery i bez przeskoku układu.
Start w trzech krokach
Utworzenie obrazu zakupowego i pierwsze hotspoty.
Zainstaluj
Aktywuj Lookbook obok WooCommerce.
Utwórz lookbook
W Lookbooks → Dodaj nowy ustaw obrazek wyróżniający i dodaj hotspoty z ID produktów.
Osadź na stronie
Wstaw [lookbook id="123"] i sprawdź na froncie.
Dla jakich sklepów
Gdy kilka produktów żyje na jednym zdjęciu, droga od inspiracji do koszyka.
Moda i stylizacje
Cała stylizacja na jednym zdjęciu, klient kupuje każdy element z hotspota.
- ✓ Hotspoty na obrazie
- ✓ Karta z ceną
- ✓ Dodanie do koszyka
Wnętrza i aranżacje
Pokój z meblami i dodatkami, każdy produkt do kupienia z miejsca.
- ✓ Edytor X/Y
- ✓ Karta z ceną
- ✓ Dane na żywo
Przewodniki prezentowe
Zestaw prezentów na jednym obrazie zamiast długiej listy linków.
- ✓ Shortcode [lookbook]
- ✓ Dane na żywo
- ✓ Bez jQuery
Co dodaje PRO i dlaczego to ważne
Galeria w kartach hotspotów
Wyświetlanie galerii zdjęć produktu jako karuzeli w kartach hotspotów (scroll-snap).
Wiele scen zakupowych
Dodatkowe obrazy lookbooka z nawigacją zakładkami i hotspotami per obraz na sklepie.
Kolor akcentu znaczników
Własny kolor markerów i przycisku koszyka w hotspotach.
Hotspoty na wideo
Przypięcie produktów do klatki wideo, nie tylko do nieruchomego obrazu (wdrożone).
Style animacji (planowane)
Dodatkowe animacje znaczników i popoverów poza trzema darmowymi stylami.
Analityka kliknięć
Raporty o otwarciach hotspotów, kliknięciach produktów i konwersji obrazu do koszyka (wdrożone).
Co dostajesz: FREE czy PRO
PRO zachowuje wszystko z wersji darmowej i dodaje poniższe moduły.
Lookbook vs Shoppable Images vs WooCommerce Lookbook
Jak Lookbook wypada na tle popularnych wtyczek lookbooków z zakupami WooCommerce.
| Lookbook | Shoppable Images | WooCommerce Lookbook | |
|---|---|---|---|
| Wersja darmowa | Tak | Tak | Tak |
| Punkty zakupowe na obrazie | Tak | Tak | Tak |
| Dane produktu na żywo w dymku | Tak | Tak | Tak |
| Rozmieszczenie przez shortcode | Tak | Tak | Tak |
| Punkty na wideo | Pro | — | — |
| Analityka kliknięć | Pro | — | — |
| Open source (GPLv2) | Tak | Rdzeń GPL | Rdzeń GPL |
| Cena planu płatnego | od €29/rok | od $39/rok | Darmowa + premium |
Dane i ceny konkurencji według stanu na czerwiec 2026; aktualne ceny sprawdź na stronach producentów.
Potrzebujesz więcej? Lookbook Pro
Wersja darmowa pokrywa pojedynczy obraz zakupowy. Lookbook Pro dodaje kolor akcentu, galerię produktu w kartach hotspotów oraz dodatkowe sceny zakupowe.
- ✓ Kolor akcentu znaczników (wdrożone)
- ✓ Galeria produktu w kartach hotspotów (wdrożone)
- ✓ Wiele obrazów w jednym lookbooku (wdrożone)
- ✓ Hotspoty na wideo i analityka kliknięć (wdrożone)
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 Lookbook wymaga WooCommerce?
Tak. Lookbook uruchamia się tylko wtedy, gdy WooCommerce jest aktywne. Każdy hotspot wskazuje produkt WooCommerce po jego ID i czyta z niego tytuł, cenę, miniaturę oraz link do koszyka. Bez aktywnego WooCommerce wtyczka nie renderuje niczego na froncie.
Jak znaleźć ID lookbooka?
Otwórz listę w menu Lookbooks i wejdź w edycję danego lookbooka. ID jest widoczne w adresie URL jako parametr post (np. post=123). Tej liczby użyjesz w shortcode [lookbook id="123"].
Jak ustawić pozycję hotspota?
Każdy hotspot ma wartość X i Y podawaną w procentach, liczoną od lewego górnego rogu obrazu w zakresie 0-100. Wpisujesz je w edytorze hotspotów na ekranie edycji lookbooka jako liczby. Pozwala to dopasować znaczniki do produktów na zdjęciu.
Co się dzieje, gdy przypięty produkt zostanie usunięty?
Taki hotspot jest po prostu pomijany przy renderowaniu. Lookbook nie pokazuje znacznika dla produktu, który został usunięty lub nie jest opublikowany. Reszta lookbooka renderuje się normalnie, bez błędów w kodzie strony.
Czy mogę pokazać cenę i przycisk dodania do koszyka?
Tak. Oba elementy są osobnymi przełącznikami w ustawieniach WooCommerce → Lookbook i działają dla wszystkich lookbooków naraz. Etykietę linku dodania do koszyka możesz nadpisać własnym tekstem; puste pole zostawia domyślny tekst przycisku WooCommerce.
Czy Lookbook spowolni strony lub przesunie układ?
Nie. Arkusz stylów i skrypt ładują się tylko na stronach, na których faktycznie renderuje się lookbook, a skrypt jest odroczony (defer). Obraz rezerwuje swoje miejsce, więc nie powstaje przeskok układu (CLS), a wtyczka nie używa jQuery.
Jak Lookbook wypada na tle Shoppable Images i WooCommerce Lookbook?
Lookbook pozwala budować dostępne obrazy z zakupami za pomocą prostego edytora punktów zakupowych i dymków produktu na żywo za darmo, rezerwując punkty na wideo i analitykę kliknięć dla edycji płatnej od 29 EUR/rok. Shoppable Images od Studio Wombat to wtyczka freemium w cenie od 39 USD/rok, a WooCommerce Lookbook od VillaTheme oferuje wersję darmową z aktualizacją premium. Wszystkie trzy rozmieszczają galerie przez shortcode i działają na rdzeniach GPL. Ceny wg stanu na czerwiec 2026.
Sprzedawaj całą stylizację
Hotspoty produktów, karta z ceną i dodanie do koszyka wprost z obrazu. Pełna edycja FREE na GPL.
Zobacz dokumentacjęDarmowa edycja to pełny obraz zakupowy, PRO dodaje dziś kolor akcentu, galerię w kartach, wiele scen, hotspoty wideo i analitykę kliknięć. Style animacji są planowane.