Strona produktu

Strona produktu to jeden z najważniejszych elementów sklepu - to właśnie tutaj klient podejmuje decyzję o zakupie. Czytelna prezentacja ceny, wariantów, dostępności, zdjęć i opisu realnie wpływa na zaufanie, czas spędzony na stronie i konwersję, dlatego warto dopracować układ i kolejność informacji.

W Selesto zbudujesz stronę produktu szybko dzięki gotowym, konfigurowalnym sekcjom, które możesz układać pod własny styl sprzedaży. Sekcje automatycznie korzystają z danych produktu zdefiniowanych w Asortyment > Produkty, więc wystarczy uzupełnić produkt w panelu, a treści i parametry pojawią się na stronie. Więcej o edycji produktów znajdziesz tutaj.

W sekcji Ustawienia główne dla Strona produktu ustawisz podstawowe zachowanie menu oraz układ dwukolumnowy (lewa i prawa strona) podczas przeglądania karty produktu. Te opcje wpływają na czytelność strony i sposób, w jaki klient widzi kluczowe informacje o produkcie.

Sprawdź, jakie sekcje możesz dodać do strony produktu. Platforma Selesto jest bardzo elastyczna - pozwala na szeroką personalizację własnych treści i korzystanie ze wszystkich dostępnych klocków (pełny opis pozostałych sekcji znajdziesz tutaj), dzięki czemu możesz dopasować wygląd i układ strony do stylu sklepu.

Strona produktu świetnie nadaje się do utylizacji układu góra / dół / lewo / prawo - więcej o układzie strony tutaj. Dzięki temu wygodnie ułożysz kluczowe elementy (np. galerię, cenę, warianty, CTA i opisy) w logicznej kolejności, tak aby klient szybko znalazł informacje i łatwiej podjął decyzję zakupową.

Sekcja pokazuje wybrane cechy produktu (np. materiał, odcień dominujący, kolor detali) pobierane z danych uzupełnionych w Asortyment > Produkty.

W sekcji Atrybuty produktu możesz ustawić własny Nagłówek oraz Treść wyświetlaną nad listą atrybutów. Dodatkowo dopasujesz odstępy przez Margines dolny sekcji (desktop) i Margines dolny sekcji (mobile) oraz zdecydujesz, czy ma być włączone Obramowanie sekcji dla wyróżnienia bloku na stronie.

Sekcja Dodaj do koszyka to praktycznie najważniejszy blok na stronie produktu - to z niego klient wykonuje kluczową akcję zakupową. Jest mostem między prezentacją oferty a realnym dodaniem produktu do koszyka, dlatego warto zadbać o czytelny układ i komplet informacji w tym miejscu.

W tej sekcji zdecydujesz, jakie dane produktu mają być widoczne (np. nazwa, cena, oceny, producent, kod, atrybuty, produkty powiązane) oraz ustawisz Kolejność sekcji, aby lepiej dopasować stronę do stylu sprzedaży i naturalnie prowadzić klienta do zakupu.

W obszarze Widoczność elementów zdecydujesz, które informacje mają być pokazane w tej sekcji (np. elementy identyfikujące produkt, dane sprzedażowe i wspierające decyzję zakupową). Sprawdź dopasowanie elementów na poniższym zdjęciu i testuj różne konfiguracje - włączaj i wyłączaj opcje oraz zmieniaj Kolejność sekcji, a efekt zobaczysz od razu w podglądzie w głównej części panelu (zmiany są odwzorowywane na bieżąco).

Ustawienia pozwalają dopracować wygląd sekcji bez grzebania w kodzie, np. przez kontrolę odstępów (desktop i mobile) oraz włączenie Obramowania sekcji. Włącz i wyłącz te opcje, aby szybko porównać, co wygląda czytelniej w Twoim układzie.

Hurtowe dodawanie do koszyka - pozwala ustawiać ilości dla wielu wariantów i dodać je do koszyka z jednego widoku.

Pluginy - umożliwiają dodanie dodatkowych dedykowanych elementów (więcej o pluginach znajdziesz tutaj).

Sekcja ta pozwala czytelnie zaprezentować dodatkowe informacje o produkcie w formie osobnych bloków, które klient może rozwijać lub przełączać (np. Tabela rozmiarów, informacje o bezpieczeństwie produktu). To dobre miejsce na treści, które wspierają decyzję zakupową, ale nie powinny przytłaczać głównej części karty produktu.

W ustawieniach sekcji dopasujesz jej wygląd przez margines dolny osobno dla desktop i mobile oraz opcję Obramowanie sekcji.

W polu Sposób wyświetlania możesz wybrać Taby, aby treść była rozwijana - to szczególnie przydatne, gdy opis jest długi i nie chcesz, aby zajmował zbyt dużo miejsca.

Sekcja ta odpowiada za prezentację zdjęć produktu w formie siatki. To jeden z kluczowych elementów strony produktu - dobra galeria skraca drogę do zakupu, bo klient szybciej ocenia wygląd, detale i warianty produktu.

W ustawieniach sekcji dopasujesz margines dolny osobno dla desktop i mobile, zdecydujesz o sposobie kadrowania zdjęć (np. przycięcie do kwadratu lub zachowanie proporcji), a także ustawisz zachowanie materiałów wideo w galerii, m.in. automatyczne odtwarzanie, widoczność przycisków sterowania, wyciszenie dźwięku i zapętlenie.

Sekcja Galeria produktowa - slider prezentuje zdjęcia produktu w formie przewijanej galerii, zwykle umieszczonej na górze strony produktu. To dobre rozwiązanie, jeśli chcesz mocno wyeksponować zdjęcia już na starcie i nadać karcie produktu bardziej "lookbookowy" charakter.

W ustawieniach dopasujesz margines dolny dla desktop i mobile, możesz włączyć opcje wpływające na wygląd galerii (np. rozciągnięcie na całą stronę, odstępy między zdjęciami, kadrowanie do kwadratu, odwrócenie kolorów przycisków nawigacyjnych), a także skonfigurujesz zachowanie wideo w sliderze: automatyczne odtwarzanie, przyciski sterowania, wyciszenie dźwięku i zapętlenie.

Sekcja Galeria produktowa - slider prezentuje zdjęcia produktu w formie przewijanej galerii, zwykle umieszczonej na górze strony produktu. To dobre rozwiązanie, jeśli chcesz mocno wyeksponować zdjęcia już na starcie i nadać karcie produktu bardziej "lookbookowy" charakter.

W ustawieniach dopasujesz margines dolny dla desktop i mobile, możesz włączyć opcje wpływające na wygląd galerii (np. rozciągnięcie na całą stronę, odstępy między zdjęciami, kadrowanie do kwadratu, odwrócenie kolorów przycisków nawigacyjnych), a także skonfigurujesz zachowanie wideo w sliderze: automatyczne odtwarzanie, przyciski sterowania, wyciszenie dźwięku i zapętlenie.

Sekcja ta wyświetla podstawowy opis oferty na karcie produktu - to tutaj przekazujesz najważniejsze informacje sprzedażowe, korzyści i detale, które pomagają klientowi podjąć decyzję. Treść tej sekcji jest pobierana z opisu ustawionego przy produkcie w Asortyment > Produkty, a w CMS decydujesz głównie o jej prezentacji i miejscu na stronie.

W ustawieniach dopasujesz margines dolny osobno dla desktop i mobile oraz możesz włączyć Obramowanie sekcji, aby wizualnie oddzielić opis od pozostałych elementów strony produktu.

Ten element wzmacnia zaufanie i pomaga domknąć decyzję zakupową, ponieważ pokazuje oceny oraz treści dodane przez klientów bezpośrednio na karcie produktu. W ustawieniach zdecydujesz, czy klienci mogą dołączać zdjęcia (lub czy mają być one wymagane) oraz czy zdjęcia klientów mają być widoczne na liście opinii, a także dopasujesz odstępy przez Margines dolny sekcji (desktop) i Margines dolny sekcji (mobile).

Ten element wzmacnia zaufanie i pomaga domknąć decyzję zakupową, ponieważ pokazuje oceny oraz treści dodane przez klientów bezpośrednio na karcie produktu. W ustawieniach zdecydujesz, czy klienci mogą dołączać zdjęcia (lub czy mają być one wymagane) oraz czy zdjęcia klientów mają być widoczne na liście opinii, a także dopasujesz odstępy przez Margines dolny sekcji (desktop) i Margines dolny sekcji (mobile).