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 dodaje wiele scen, galerię w hotspotach, hotspoty wideo, kolor markera i analitykę, nie podstawowy obraz zakupowy. Style animacji pozostają roadmapą.