Za darmo, open source

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 [lookbook id="123"] lub blok Lookbook. Gdy klient aktywuje hotspot, pojawia się karta produktu z miniaturą, tytułem, bieżącą ceną i linkiem do koszyka — kupuje wprost z obrazu.

Open source GPLv2
Open source na licencji GPL Bez konta i bez karty Dane WooCommerce na żywo, bez jQuery

Działa z

WooCommerceGutenbergStorefrontAstraGeneratePressKadence

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 przez X/Y w procentach z podglądem obrazu na żywo.

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.

Trzy style znaczników

Pulsująca kropka, plus lub numerowane.

Shortcode i blok

[lookbook id="N"] oraz blok Lookbook 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.

01

Zainstaluj

Aktywuj Lookbook obok WooCommerce.

02

Utwórz lookbook

W Lookbooks → Dodaj nowy ustaw obrazek wyróżniający i dodaj hotspoty z ID produktów.

03

Osadź na stronie

Wstaw [lookbook id="123"] lub blok Lookbook 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
  • Podgląd na żywo
  • Trzy style znaczników

Przewodniki prezentowe

Zestaw prezentów na jednym obrazie zamiast długiej listy linków.

  • [lookbook] i blok
  • Dane na żywo
  • Bez jQuery

Potrzebujesz więcej? Lookbook Pro

Wersja darmowa pokrywa pojedynczy obraz zakupowy. Lookbook Pro doda wiele obrazów w jednym lookbooku, style animacji, hotspoty na wideo i analitykę.

  • Wiele obrazów w jednym lookbooku (planowane)
  • Style animacji i hotspoty na wideo (planowane)
  • Analityka otwarć hotspotów i konwersji (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 Lookbook wymaga WooCommerce?

Tak. Lookbook działa tylko przy aktywnym WooCommerce, a hotspoty linkują do produktów WooCommerce.

Jak znaleźć ID lookbooka?

Otwórz listę Lookbooks; ID jest widoczne przy edycji (post=123 w adresie URL). Użyj go w shortcode lub bloku.

Jak ustawić pozycję hotspota?

Każdy hotspot ma X i Y, oba w procentach od lewego górnego rogu obrazu (0–100). Edytor pokazuje podgląd na żywo.

Co się dzieje, gdy przypięty produkt zostanie usunięty?

Taki hotspot jest pomijany. Lookbook nigdy nie renderuje znacznika dla produktu, którego już nie ma lub jest niepublikowany.

Czy mogę pokazać cenę i przycisk dodania do koszyka?

Tak. Oba to przełączniki w WooCommerce → Lookbook, a etykietę dodania do koszyka można dostosować.

Czy Lookbook spowolni strony lub przesunie układ?

Nie. Style i skrypt ładują się tylko tam, gdzie jest lookbook, skrypt jest odroczony, a obraz rezerwuje swoje miejsce, więc nie ma przeskoku układu.

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 wiele obrazów, animacje i hotspoty na wideo (planowane).