Pierwsze kroki
Pierwszy obraz zakupowy zwykle opublikujesz w kilka minut. Instalacja, utworzenie lookbooka, przypięcie produktów, osadzenie.
Zanim zaczniesz
Dział zatytułowany „Zanim zaczniesz”- WordPress 6.5 lub nowszy
- WooCommerce aktywne (HPOS oraz bloki koszyka i kasy wspierane)
- PHP 8.1 lub nowszy
Instalacja
Dział zatytułowany „Instalacja”- WooCommerce aktywne.
- Lookbook z katalogu (gdy będzie na WordPress.org) lub wgraj folder
lookbookdo/wp-content/plugins/. - Aktywuj wtyczkę.
Utwórz pierwszy lookbook
Dział zatytułowany „Utwórz pierwszy lookbook”- Wejdź w Lookbooks → Dodaj nowy.
- Ustaw Obrazek wyróżniający — to scena, którą klienci będą „kupować”.
- Dodaj hotspot dla każdego produktu:
- X i Y — procenty od lewego górnego rogu obrazu (0–100). Podgląd na żywo pokazuje dokładnie, gdzie ląduje znacznik.
- ID produktu — produkt WooCommerce do przypięcia.
- Opublikuj lookbook.
Znajdź ID lookbooka
Dział zatytułowany „Znajdź ID lookbooka”Otwórz listę Lookbooks i edytuj lookbook; ID jest w adresie URL (post=123). Użyj go w shortcode lub bloku.
Osadź go
Dział zatytułowany „Osadź go”[lookbook id="123"]Albo wstaw blok Lookbook w edytorze bloków i wybierz lookbook.
Globalna prezentacja
Dział zatytułowany „Globalna prezentacja”Otwórz WooCommerce → Lookbook, by ustawić domyślne:
- Pokaż cenę — przełącz bieżącą cenę w karcie produktu.
- Pokaż dodaj do koszyka — przełącz link do koszyka i dostosuj jego etykietę.
- Styl znacznika — pulsująca kropka, plus lub numerowane.
Sprawdzenie na froncie
Dział zatytułowany „Sprawdzenie na froncie”- Otwórz stronę, na której osadziłeś lookbook.
- Obraz powinien załadować się ze znacznikami hotspotów, bez przeskoku układu.
- Aktywuj znacznik (klik lub klawiatura) — popover z kartą produktu powinien się otworzyć z miniaturą, tytułem, bieżącą ceną i koszykiem.
- Potwierdź, że usunięte lub niepublikowane produkty nie tworzą znacznika.
FREE vs PRO
Dział zatytułowany „FREE vs PRO”Darmowa edycja obejmuje obraz zakupowy, edytor hotspotów, dostępne znaczniki, popover z kartą produktu, trzy style znaczników oraz shortcode i blok.
Lookbook PRO (planowany) dodaje wiele obrazów w jednym lookbooku, style animacji, hotspoty na wideo i analitykę — nie podstawowy obraz zakupowy.
Potrzebujesz pomocy?
Dział zatytułowany „Potrzebujesz pomocy?”- Przegląd Lookbook — funkcje i jak to działa
- GitHub
- Lookbook na plogins.com