Jak obrazy mogą zwiększyć sprzedaż w Twoim sklepie Magento 2?

Opublikowany: 2020-11-30

Obrazy w eCommerce nie są wszechmocne, ale nadal są niezbędne.

Przykuwają uwagę klientów i kształtują ich zachowania decyzyjne.

Biorąc pod uwagę, że 92% konsumentów twierdzi, że elementy wizualne są najważniejszym czynnikiem wpływającym na decyzję o zakupie, kupujący mogą być bardzo wrażliwi na wygląd produktu w różnych wariantach, pod różnymi kątami.

Dowiedzmy się więcej o optymalizacji obrazu Magento i o tym, jak sprawić, by była natychmiastowa przy użyciu próbek obrazu, koloru i tekstu w Magento 2.

Spis treści

  • Czym są próbki i ich podstawowe typy?
    • Próbka koloru
    • Próbka obrazu (inaczej Próbka wizualna)
    • Próbka tekstu
  • Jak rozszerzyć domyślną funkcjonalność Magento 2?
  • Przykład 1. Próbki tekstu i obrazu. Etykietka podglądu.
  • Przykład 2. Zastąpienie standardowego obrazu produktu obrazem opcji
  • Przykład 3: Nakładanie obrazu
  • Tryb galerii opcji i jego zalety
    • Poza opcją
    • Po wybraniu
  • Zakończyć

Czym są próbki i ich podstawowe typy?

Próbki to funkcja, która umożliwia prezentację opcji produktu poprzez wyświetlenie odpowiedniej reprezentacji wizualnej po wybraniu.

Trzy rodzaje próbek to:

Próbka koloru

Umożliwia sprzedawcom wyświetlanie takich opcji produktu, jak kolor/tekstura/wzory. Niedostępne opcje zostają przekreślone, gdy są niedostępne.
Zaawansowane opcje produktu — próbki kolorów

Próbka obrazu (inaczej Próbka wizualna)

Przenosi prezentację produktów na zupełnie nowy poziom i pozwala pokazać wariacje produktów jak najbardziej zbliżone do ich rzeczywistego wyglądu.
Zaawansowane opcje produktu — Próbka wizualna

Próbka tekstu

Gdy nie ma konkretnych zdjęć produktów Magento do wyświetlenia, możesz użyć „przycisków” z wartościami tekstowymi dla atrybutów produktu. Ta próbka działa tak samo jak kolorowa.
APO dla magento 2 - próbki tekstowe

Jak rozszerzyć domyślną funkcjonalność Magento 2?

Magento 2 domyślnie umożliwia użytkownikom konfigurowanie próbek wyłącznie dla konfigurowalnych produktów:

  • na stronie produktu
  • na listach produktów i
  • warstwowa nawigacja.

Konfigurowalny przełącznik obrazu produktu Magento zawiera próbki wizualne i tekstowe, a także rozwijaną kontrolę wprowadzania.

Zapoznaj się z tym postem, aby dowiedzieć się, jak używać domyślnej funkcji Magento 2 do konfiguracji próbek.

Zaawansowane opcje produktu dla Magento 2 Rozszerzenie Zaawansowane opcje produktu drastycznie rozszerza możliwości domyślne. Umożliwia dodawanie próbek graficznych, tekstowych i kolorystycznych dla dowolnego typu produktu*, prezentując w ten sposób dowolny wariant produktu z jak największą korzyścią.

Nauczmy się, jak skonfigurować rozszerzenie, aby:

  • Dodaj próbkę obrazu
  • Dodaj próbkę tekstu
  • Zastąp standardowe zdjęcia produktów jednym z opcji
  • Użyj wielu obrazów dla jednej opcji
  • Wyświetlaj obrazy opcji w etykiecie podglądu
  • Utwórz efekt nakładki obrazu

Przykład 1. Próbki tekstu i obrazu. Etykietka podglądu.

W poniższym przykładzie pokażemy, jak realizować takie działania jak:

  • dodawanie próbek tekstu i obrazów
  • wyświetlanie obrazów opcji w etykiecie podglądu

Nauczmy się jak skonfigurować prosty produkt.

Faktycznie:

Dzięki rozszerzeniu nie ma już potrzeby tworzenia konfigurowalnych produktów, aby oferować różne warianty produktów.

Poniższy wynik, który osiągniesz na interfejsie:

Aby osiągnąć funkcjonalność i skonfigurować próbki opcji produktów w swoim sklepie Magento 2,

przejdź do Produkty – Inwentarz – Katalog.

Następnie,

wybierz produkt, do którego chcesz dodać próbki.

Podstawowe konfiguracje są przechowywane w zakładce Opcje dostosowywania .

Tak wyglądają konfiguracje dla powyższego przykładu od strony backendu:
Zaawansowane opcje produktu — próbki tekstowe (backend)

Jak widzisz:

Jako typ opcji wybrano menu rozwijane.

Aby jednak warianty wyglądały jak zwykłe próbki tekstu, musisz zaznaczyć pole wyboru Jest próbką .
APO -próbki

Do tego:

Możesz użyć obrazów jako podpowiedzi dla swoich opcji.

Aby to zrobić, prześlij odpowiednie obrazy dla każdej opcji osobno (tutaj możesz przesłać wiele obrazów, aby pokazać pełną ofertę) i wybierz wartość podpowiedzi po przesłanych obrazach.

Aby to zrobić:

Kliknij obraz opcji i wybierz jedną z dostępnych opcji — w naszym przypadku jest to podpowiedź .

Aby utworzyć próbki obrazów, podczas konfigurowania ról obrazów musisz wybrać opcję Podstawowa .

Jak dla naszego przykładu:

Obrazy dla typu SSD są wyświetlane zarówno jako podstawa , jak i podpowiedź po najechaniu myszą.
Zaawansowane opcje produktu dla Magento 2 - Base + Tooltip
Jak widzisz:

Logika konfiguracji jest prosta i przejrzysta.

Przykład 2. Zastąpienie standardowego obrazu produktu obrazem opcji

Rozważmy jeszcze jeden przykład.

Tutaj:

Standardowe zdjęcie produktu zostanie zastąpione zdjęciem wariantu produktu:

Podstawowe konfiguracje znajdują się w zakładce Opcje dostosowywania .

Tutaj:

Upewnij się, że Tryb obrazu jest ustawiony na Zamień ' . W rolach obrazu należy wybrać opcję Zastąp obraz z galerii głównej.
Zaawansowane opcje produktu — wymiana obrazu

Przykład 3: Nakładanie obrazu

Możesz również cieszyć się możliwością tworzenia efektu nakładki na zdjęcia produktów.

W ten sposób obraz opcji zakryje główny obraz produktu.

Opcje produktu Obrazy Magento 2 | Blog Mageworx

Podstawowe konfiguracje znajdują się w zakładce Opcje dostosowywania .

Tutaj:

Przejdź do opcji Galeria obrazów Magento, którą właśnie przesłałeś, a następnie kliknij tę, której chcesz użyć jako nakładki.

W oknie Szczegóły obrazu wybierz żądaną opcję.

Opcje produktu Obrazy Magento 2 | Blog Mageworx

Tryb galerii opcji i jego zalety

Tryb galerii opcji reguluje sposób wyświetlania obrazów w opcjach produktu. Daje to korzyść polegającą na wyświetlaniu produktów w sposób, który najbardziej odpowiada Twojej grupie docelowej.

Po wyłączeniu żadne obrazy nie będą naturalnie wyświetlane.

Przyjrzyjmy się bliżej dostępnym opcjom wyświetlania:

Poza opcją

Po wybraniu tego trybu wyświetlania galerii obrazy są wyświetlane jako miniatury w pobliżu/pod opcjami produktu:

Po wybraniu

Ta opcja ukrywa wszystkie zdjęcia wariantów produktu i pozwala wyświetlić je zaraz po ich wybraniu:

Konfiguracje są ukryte w zakładce Opcje dostosowywania .

Tak wyglądają w backendzie:

Zaawansowane opcje produktu dodatek do galerii opcji Magento 2

Zakończyć

Często wyświetlanie czystych kolorów dla różnych produktów jest niewystarczające, ponieważ ich wygląd może być bardziej złożony, złożony i niepowtarzalny dla konkretnej opcji.

Sposób, w jaki prezentujesz swoją ofertę online jest pozytywnie powiązany z poziomem przychodów i może kosztować klientów.

*Pamiętaj, że Magento nie zezwala na niestandardowe opcje produktu dla produktów w pakiecie.

Zarezerwuj demo na żywo z Mageworx Potrzebujesz dodatkowej pomocy z próbkami produktów? Zachęcamy do pozostawienia komentarza poniżej, chętnie pomożemy!