Budowanie lookbooka do zakupów

Ten przewodnik buduje scenę do zakupów od początku do końca.

1. Utwórz lookbook

1. Wejdź w Lookbooks → Dodaj nowy.
2. Nadaj tytuł (do użytku wewnętrznego).
3. Ustaw Obrazek wyróżniający — zdjęcie, na którym żyją Twoje produkty.

2. Znajdź ID produktów

Każdy hotspot potrzebuje ID produktu WooCommerce. W Produktach najedź na produkt lub go otwórz; ID pojawia się w adresie URL (post=456). Zanotuj ID produktów widocznych na obrazie.

3. Przypnij produkty

Dla każdego produktu na zdjęciu dodaj hotspot:

1. Wpisz procent X (0–100 od lewej).
2. Wpisz procent Y (0–100 od góry).
3. Wpisz ID produktu.

Użyj podglądu na żywo, by przesunąć każdy znacznik na właściwy produkt. Powtórz dla każdego produktu na scenie.

4. Ustaw domyślną prezentację

W WooCommerce → Lookbook zdecyduj globalnie, czy pokazywać cenę i dodaj do koszyka (z wybraną etykietą), i wybierz styl znacznika — pulsująca kropka, znak plus lub numerowany.

5. Osadź go

Znajdź ID lookbooka, edytując go (wartość post=123 w adresie URL), a następnie osadź:

[lookbook id="123"]

Albo wstaw blok Lookbook w edytorze blokowym i wybierz swój lookbook z listy.

6. Sprawdź ścieżkę zakupową

1. Otwórz stronę, na której osadziłeś lookbook.
2. Obraz ładuje się ze znacznikami hotspotów, bez przeskoku układu.
3. Aktywuj znacznik kliknięciem lub klawiaturą — otwiera się karta produktu z miniaturą, tytułem, ceną na żywo i linkiem dodaj do koszyka.
4. Sprawdź, że usunięty lub niepublikowany produkt nie tworzy znacznika.

Gdzie sprawdza się Lookbook

Jest zbudowany dla sklepów, które sprzedają „cały look”:

• Stylizacje modowe — przypnij każdą część garderoby na wystylizowanym zdjęciu.
• Aranżacje wnętrz — przypnij meble i dekoracje na zdjęciu wnętrza.
• Przewodniki prezentowe — przypnij każdą rzecz na dopracowanej kompozycji.
• Zdjęcia przepisów — przypnij składniki na zdjęciu gotowego dania.

Wszędzie tam, gdzie kilka produktów dzieli jedno zdjęcie, Lookbook pozwala kupować prosto z obrazu.