Przejdź do głównej zawartości

Pierwsze kroki

Pierwszy obraz zakupowy zwykle opublikujesz w kilka minut. Instalacja, utworzenie lookbooka, przypięcie produktów, osadzenie.

  • WordPress 6.5 lub nowszy
  • WooCommerce aktywne (HPOS oraz bloki koszyka i kasy wspierane)
  • PHP 8.1 lub nowszy
  1. WooCommerce aktywne.
  2. Lookbook z katalogu (gdy będzie na WordPress.org) lub wgraj folder lookbook do /wp-content/plugins/.
  3. Aktywuj wtyczkę.
  1. Wejdź w Lookbooks → Dodaj nowy.
  2. Ustaw Obrazek wyróżniający — to scena, którą klienci będą „kupować”.
  3. 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.
  4. Opublikuj lookbook.

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

[lookbook id="123"]

Albo wstaw blok Lookbook w edytorze bloków i wybierz lookbook.

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.
  1. Otwórz stronę, na której osadziłeś lookbook.
  2. Obraz powinien załadować się ze znacznikami hotspotów, bez przeskoku układu.
  3. Aktywuj znacznik (klik lub klawiatura) — popover z kartą produktu powinien się otworzyć z miniaturą, tytułem, bieżącą ceną i koszykiem.
  4. Potwierdź, że usunięte lub niepublikowane produkty nie tworzą znacznika.

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.