Jak stworzyć lightbox WooCommerce

Jedną z największych przeszkód, na jakie napotykają konsumenci podczas zakupów online, jest szybkie znajdowanie informacji o produkcie. W rzeczywistości, według raportu firmy Forrester, 45% dorosłych online w USA zrezygnuje z zakupów online, jeśli nie będą mogli znaleźć szybkiej odpowiedzi na swoje pytanie .

Dodając lightbox WooCommerce z funkcją szybkiego podglądu do swojego sklepu internetowego, będziesz w stanie stworzyć płynny przepływ użytkowników i zapewnić swoim klientom bezproblemowe zakupy online. Innymi słowy, Twoi klienci będą mogli znaleźć wszystko, czego potrzebują – produkty, szczegóły produktu i informacje o cenach – bez konieczności przechodzenia do stron pojedynczych produktów.

W tym artykule dowiemy się, dlaczego warto rozważyć użycie wtyczki lightbox WooCommerce w swoim sklepie internetowym. Przeprowadzimy Cię również przez samouczek krok po kroku, aby pokazać, jak w czterech prostych krokach utworzyć lightbox WooCommerce z szybkim podglądem.

Zacznijmy!

Dlaczego potrzebujesz wtyczki WooCommerce Lightbox?

Jako właściciel sklepu WooCommerce prawdopodobnie już wiesz, że klienci muszą odwiedzać strony poszczególnych produktów, aby dowiedzieć się więcej o każdym produkcie. Jednak nie zawsze sprawia to, że zakupy są intuicyjne i przyjazne dla użytkownika.

Dzięki wtyczce lightbox WooCommerce możesz pozwolić klientom:

• Przeglądaj zdjęcia produktów, galerie i szczegóły w lightbox.
• Wybierz opcje produktu (na przykład warianty i ilości) i dodaj je do koszyka.

A najlepsze jest to, że mogą to wszystko zrobić bezpośrednio ze strony głównej sklepu lub stron kategorii. Możesz dołączyć informacje, takie jak zdjęcie lub galeria produktu, odmiany i atrybuty, selektory ilości, przyciski dodawania do koszyka oraz dodatkowe szczegóły produktu, takie jak jego cena, recenzje i kategorie.

W przeciwieństwie do domyślnego przepływu użytkownika WooCommerce, posiadanie wtyczki lightbox WooCommerce, która ma również funkcje galerii, pozwala poprawić wrażenia z zakupów online klienta. Ułatwia przeglądanie zdjęć i galerii produktów oraz szybkie znajdowanie wszystkich ważnych szczegółów produktu WooCommerce. Jest to szczególnie przydatne w przypadku sklepów internetowych, które sprzedają produkty zorientowane na wizerunek, takie jak ubrania, biżuteria, fotografia lub upominki.

Oto niektóre z głównych korzyści płynących z używania wtyczki do tworzenia lightbox z funkcją szybkiego podglądu:

• Nie musisz edytować żadnego pliku php. Po zainstalowaniu i aktywacji wtyczki automatycznie utworzy ona lightbox szybkiego podglądu. Nie ma potrzeby edytowania pliku functions.php .
• Niestandardowe stylizacje z CSS. Możesz dostosować swój lightbox do swojej marki bez konieczności edytowania plików CSS.
• Wsparcie. Otrzymasz również dostęp do obsługi klienta od twórców wtyczki, tj. Barn2 Media.

Jak używać WooCommerce Quick View Pro do tworzenia lightboxów szybkiego podglądu

Oto, czego potrzebujesz, aby utworzyć lightbox WooCommerce z funkcją szybkiego podglądu:

• Sklep oparty na technologii WooCommerce, do którego dodano kilka produktów.
• WooCommerce Quick View Pro — responsywna wtyczka lightbox WooCommerce.

Krok #1: Zainstaluj i aktywuj WooCommerce Quick View Pro

Po zakupie wtyczki WooCommerce Quick View Pro zaloguj się do swojej witryny WordPress, zainstaluj ją i aktywuj. Następnie przejdź do strony ustawień wtyczki ( WooCommerce > Ustawienia > Produkty > Szybki podgląd ) z pulpitu WordPress.

Wprowadź klucz licencyjny otrzymany w wiadomości e-mail z potwierdzeniem zakupu w opcji Klucz licencyjny . Kliknij przycisk Zapisz zmiany u dołu ekranu, aby kontynuować.

Jeśli odwiedzisz główną stronę sklepu swojego sklepu internetowego, zauważysz, że przyciski szybkiego podglądu zostały dodane bezpośrednio pod zdjęciami produktów. W zależności od używanego motywu może wyglądać mniej więcej tak:

A kiedy go klikniesz, uruchamia lightbox WooCommerce, który wyświetla obraz produktu, galerię, nazwę, cenę, opis, SKU i kategorię.

Krok #2: Wybierz sposób, w jaki klienci uruchamiają WooCommerce Lightbox

Dzięki WooCommerce Quick View Pro możesz wybrać sposób, w jaki klienci uruchamiają lightbox produktu. Ponownie przejdź do WooCommerce > Ustawienia > Produkty > Szybki podgląd i znajdź sekcję Opcje .

Możesz pozwolić klientom na uruchomienie lightboxa poprzez:

• Pokaż przycisk szybkiego podglądu w sklepie. Kliknięcie przycisku Szybki podgląd bezpośrednio pod każdym zdjęciem produktu. Możesz także zmienić tekst przycisku i wybrać pokazanie/ukrycie ikony przycisku.
• Otwórz Szybki podgląd, klikając nazwę produktu lub zdjęcie w sklepie. Kliknięcie w nazwę lub zdjęcie produktu.

Możesz włączyć jedną z opcji lub obie! Należy również pamiętać, że domyślnie kliknięcie nazwy lub obrazu produktu przeniesie klientów na stronę pojedynczego produktu. Włączenie opcji Otwórz szybki podgląd poprzez kliknięcie nazwy produktu lub obrazu w sklepie umożliwia wyłączenie tej opcji.

Krok #3: Wyświetl obrazy produktów w Lightbox (z szybkim podglądem)

Jedną z fajnych funkcji oferowanych przez WooCommerce Quick View Pro jest to, że pozwala wybrać, co chcesz wyświetlić w lightbox.

• Produkty zorientowane na wizerunek. Jeśli sprzedajesz produkty zorientowane na obrazy (takie jak ubrania, buty lub biżuterię), chcesz, aby klienci mogli wyświetlać zdjęcia produktów i galerie w lightbox z powiększeniem obrazu.
• Produkty ze specyfikacjami i szczegółami. Jeśli sprzedajesz produkty hurtowe, części komputerowe lub muzykę, możesz chcieć wyświetlić tylko szczegóły produktu w lightbox.
• Konfigurowalne produkty. Jeśli sprzedajesz produkty, które można dostosowywać lub produkty z odmianami, warto wyświetlać w lightbox zarówno zdjęcie produktu, jak i szczegóły.

Na ekranie ustawień wtyczki znajdź opcję Szybki podgląd i zdecyduj, czy chcesz wyświetlać tylko obraz , tylko szczegóły produktu , czy też obraz i szczegóły produktu w widoku lightbox.

Na przykład, jeśli zdecydujesz się wyświetlać tylko szczegóły produktu, Twój lightbox WooCommerce może wyglądać mniej więcej tak:

A jeśli zdecydujesz się wyświetlać obrazy w lightbox, możesz również wybrać wyświetlanie ich jako miniatur lub punktorów . Oto, jak może wyglądać Twój lightbox WooCommerce, jeśli wyświetlasz zarówno obrazy, jak i szczegóły produktu z opcją stylu miniatury Galerii ustawioną na Punktory :

Uwaga: Jeśli chcesz wyświetlić galerię produktów, upewnij się, że dodajesz zdjęcia do galerii produktów z ekranu Edytuj produkt produktu . Możesz to zrobić dla każdego produktu WooCommerce, dla którego chcesz wyświetlić wiele obrazów.

Krok 4: Zdecyduj, które szczegóły produktów chcesz wyświetlić

Jeśli zdecydujesz się wyświetlić szczegóły produktu (lub szczegóły obrazu i produktu) w lightboxie WooCommerce, możesz również zdecydować, które szczegóły produktu mają zostać uwzględnione w lightboxie szybkiego podglądu.

Na stronie ustawień wtyczki możesz użyć opcji Szczegóły produktu , aby zaznaczyć, które szczegóły produktu pojawiają się w lightbox:

• Opinie
• Cena £
• Krótki opis
• Przycisk Dodaj do koszyka
• Informacje meta (takie jak SKU i kategorie)

Jeśli na przykład nie chcesz wyświetlać opcji zakupów, po prostu pozostaw pole wyboru Dodaj do koszyka niezaznaczone. Twój lightbox WooCommerce może wyglądać mniej więcej tak:

Wniosek

Lightbox WooCommerce z szybkim podglądem umożliwia klientom:

• Szybko znajdź szczegóły produktu, którego szukają
• Zobacz zdjęcia produktów
• Wybierz warianty
• Dodaj produkty do koszyka

… bez konieczności wcześniejszego odwiedzania strony pojedynczego produktu.

WooCommerce Quick View Pro pozwala użytkownikom dodawać lightbox z funkcją szybkiego podglądu do głównych stron sklepu i stron kategorii. Ułatwia również dostosowanie wyglądu i stylu lightboxa oraz sposobu interakcji z nim przez klientów.

Czy zgadzasz się, że lightbox WooCommerce z funkcją szybkiego podglądu poprawia wrażenia klientów podczas zakupów online? Podziel się swoimi przemyśleniami w sekcji komentarzy poniżej!