5 Łatwe sposoby wyświetlania produktów w sklepie internetowym wordpress

Wyświetlanie produktów w sklepie internetowym WordPress może być naprawdę koszmarem dla początkującego eCommerce. Kiedy zacząłem budować swój sklep internetowy, pomyślałem, że umieszczenie moich produktów na stronie głównej mojej witryny nie będzie trudne. Ale całe zadanie było dość żmudną walką!

Z własnego doświadczenia wynika, że ​​umieszczanie produktów w witrynie może pochłaniać dużo czasu, zwłaszcza jeśli jesteś nowy w handlu elektronicznym. Dowiedziałem się, że jest to zadanie wymagające dobrej znajomości WordPressa.

Wyświetlane produkty w sklepie internetowym

Jan Saints (praca własna): CC-BY-2.0

Jeśli tworzysz sklep internetowy WordPress po raz pierwszy, zdecydowanie musisz się nauczyć, jak skonfigurować ogólną witrynę internetową z tym systemem zarządzania treścią. Musisz także zapoznać się z takimi rzeczami, jak wtyczki eCommerce, widżety i skróty. Ponadto, jeśli korzystasz z WooCommerce, musisz wiedzieć o dostępnych opcjach wyświetlania produktu oraz zrozumieć ogólne ustawienia wtyczki. Ten prosty przewodnik dotyczący tworzenia sklepu internetowego i wyświetlania przedmiotów (autorstwa Riccardo Andronaco) wyjaśnia to wszystko i okazał się bardzo pomocny.

W tym artykule omówię pięć sposobów wyświetlania i rozmieszczania produktów w witrynie eCommerce WordPress. Czytaj dalej, aby dowiedzieć się, jak wyświetlać elementy na stronach witryny i jak je odpowiednio rozmieścić.

Pięć sposobów wyświetlania i rozmieszczania produktów w sklepie internetowym WordPress

1. Metoda automatyczna
2. Widgety
3. Wtyczki
4. Shortcodes
5. Suwaki

1. Korzystanie z metody automatycznej

Jak sama nazwa wskazuje, nie musisz nic robić, aby produkty pojawiały się na stronie sklepu. Elementy są wyświetlane po dodaniu ich z pulpitu nawigacyjnego. Są one automatycznie rozmieszczane w kolejności alfabetycznej lub losowo z kategoriami lub bez, w zależności od ustawień wyświetlania WooCommerce.

Strona główna może pomieścić tylko określoną liczbę produktów, co oznacza, że ​​jeśli masz dużą liczbę produktów, niektóre z nich zostaną umieszczone na stronach 2, 3, 4 i tak dalej.

Ta metoda utrudnia klientom poznanie wszystkich rodzajów produktów w Twoim sklepie, ponieważ nie obejmuje kategorii, a niektóre przedmioty są ukryte na innych stronach.

Być może będziesz musiał unikać tej metody, jeśli możesz użyć lepszych metod (opisanych poniżej) do wyświetlania elementów. Ale jeśli masz kilka elementów, które mieszczą się na jednej stronie, np. Stronie głównej, możesz zastosować tę metodę.

Produkty wyświetlane losowo

Jan Saints (praca własna): CC-BY-2.0

2. Korzystanie z widżetów

Jak być może wiesz, widżet w WordPress to mały blok treści, który można umieścić w sekcjach paska bocznego i stopki. Zapewnia prosty i łatwy sposób dostosowywania witryny internetowej. Niektóre typowe widżety obejmują: najnowsze posty, pole wyszukiwania, kategorie i menu stopki.

W witrynie eCommerce widżety mogą służyć do wyświetlania kategorii produktów na pasku bocznym lub w stopce. Dlatego mogą być świetnym sposobem na ulepszenie metody automatycznej (omówionej powyżej), która nie obejmuje kategorii produktów.

Niektóre świetne widżety, które są dostarczane z motywami eCommerce WordPress, obejmują popularne produkty, najnowsze produkty, najlepiej sprzedające się produkty, najlepiej oceniane produkty i polecane produkty. Te widżety można dostosowywać, co oznacza, że ​​możesz zmienić ich nazwy zgodnie z rzeczywistymi kategoriami elementów. Możesz także przeciągnąć i upuścić je, aby uzyskać układ, który pasuje do Twojego stylu.

Ponieważ widżety mogą wyświetlać produkty tylko na paskach bocznych i stopkach, większość właścicieli sklepów internetowych uważa je za niepożądane. Najlepszym miejscem do wyświetlania elementów jest główny pasek strony, czego nie można osiągnąć za pomocą widżetów.

Produkty wyświetlane na pasku bocznym za pomocą wtyczki

Jan Saints (praca własna): CC-BY-2.0

3. Korzystanie z wtyczek

W WordPress wtyczka to zestaw programów, który zawiera grupę funkcji, funkcji lub usług. W tym systemie zarządzania treścią znajdują się dziesiątki tysięcy wtyczek (zarówno bezpłatnych, jak i premium) odpowiednich dla szerokiego zakresu potrzeb. Istnieją wtyczki dla wszystkich typów stron internetowych, na przykład są wtyczki do handlu elektronicznego (jak WooCommerce), katalogi, blogi, platformy odsprzedaży i rezerwacji.

Jeśli chodzi o wyświetlanie i układanie przedmiotów w sklepie internetowym, istnieje mnóstwo wtyczek, których możesz użyć do wykonania tego zadania. Ale większość wtyczek nie jest całkiem skuteczna, więc musisz wybrać te, które okazały się działać.

Najbardziej polecanymi wtyczkami do wyświetlania przedmiotów w sklepie internetowym WordPress są Ultimate Product Catalog oraz WooCommerce Product Sort and Display.

Wtyczka sortowania i wyświetlania działa lepiej z inną wtyczką o nazwie Endless Scroll, która umożliwia wyświetlanie dużej liczby produktów na stronie sklepu. Po zainstalowaniu i aktywowaniu dwóch wtyczek należy przejść do kategorii produktów i przeciągnąć i upuścić kategorie, aby uzyskać właściwy wygląd. Następnie możesz ustawić liczbę produktów, które mają być wyświetlane w każdej kategorii, z linkami do przeglądania wszystkich.

Jeśli chodzi o sortowanie, wtyczka ma domyślne sortowanie i sortowanie według popularności, nowości, ceny (od niskiej do wysokiej i odwrotnie), w sprzedaży i polecanych. Niektóre z tych funkcji są dostarczane z wersją premium wtyczki, dlatego zaleca się korzystanie z tej wersji.

Druga wtyczka, Ultimate Product Catalog, jest nieco złożona. Po zainstalowaniu i aktywowaniu wtyczki, musisz dodać do niej wszystkie swoje produkty i kategorie, aby uzyskać identyfikatory, których możesz użyć w skrótach do wyświetlania swoich przedmiotów. Musisz także stworzyć kilka małych katalogów dla swoich przedmiotów.

Na przykład następujący krótki kod pokaże produkty w katalogu o identyfikatorze „x”.

lub

Wtyczka zawiera wiele funkcji, takich jak konfigurowalne układy katalogów, ceny sprzedaży, import produktów, symbol waluty, okruszki, udostępnianie w mediach społecznościowych, recenzje i oceny produktów, integracja SEO z Yoast i duża liczba opcji ustawień.

Style katalogu produktów zawarte we wtyczce to: minimalistyczny, blokowy, po najechaniu i układ z zakładkami. Niektóre z tych stylów, a także niektóre z funkcji opisanych powyżej, są dostępne w wersji premium wtyczki.

Produkty wyświetlane w stylu blokowym za pomocą wtyczki

Jan Saints (praca własna): CC-BY-2.0

4. Używanie skrótów

Jeśli korzystasz z WooCommerce w swoim sklepie internetowym, możesz znaleźć skróty, które będą najprostszym sposobem wyświetlania produktów na stronie sklepu. Skróty działają z identyfikatorami produktów i kategorii oraz SKU i można je po prostu skopiować i wkleić na stronie sklepu, aby wyświetlić produkty. Zobacz skróty poniżej.

- wyświetla listę kategorii.

- pokazuje określoną liczbę kategorii i działa dobrze z następującymi argumentami. Uwaga: te argumenty mogą również działać z tym krótkim kodem.

• number = "null" - aby pokazać liczbę kategorii.
• orderby = "name" - aby wyświetlić kategorie uporządkowane według nazwy. Uwaga: Wartość „nazwa” można zastąpić datą, randem (losowo), zmodyfikowaną lub brakiem.
• order = "asc" - aby wyświetlić kategorie w kolejności rosnącej. Uwaga: Wartość „rosnąco” można zastąpić wartością „malejąco”, aby uzyskać kolejność w kolejności malejącej.
• kolumny = „x” - aby wyświetlić kolumny „x” kategorii.
• hide_empty = "1" - aby ukryć kategorie.
• hide_empty = "0" - aby pokazać kategorie.
• parent = "0" - aby wyświetlić kategorie najwyższego poziomu.
• ids = „x” - aby pokazać kategorię o identyfikatorze „x”.
• category = „x” - aby wyświetlić kategorię „x”.

• Categories_limit - aby pokazać ograniczoną liczbę kategorii.
• archive_template - aby pokazać określony szablon archiwum dla określonej aukcji.
• design_scheme - aby pokazać określony kolor lub rozmiar.
• sort = "0" - aby wyłączyć selektor sortowania produktów.
• sort = "1" - aby włączyć selektor sortowania produktów.
• = „1” - aby włączyć krótki kod.
• post_type - aby pokazać wpisy z innego typu postu.
• per_row - aby pokazać produkty w wierszu.
• pusty - aby pokazać określony tekst, gdy nie ma produktów do wyświetlenia.

• - wyświetla "y" pozycje kategorii "x" wyświetlane w kolumnach "z" i uporządkowane malejąco w zależności od daty ich zaksięgowania.
• - wyświetla listę produktów.
• - pokazuje nazwę produktu. Uwaga: Wartość „name” można zastąpić innymi wartościami, aby utworzyć więcej skrótów. Niektóre z tych wartości to: cena, opis, krótki opis, tabela atrybutów, SKU, wysyłka, galeria i powiązane kategorie.
• - pokazuje kategorie dla aktualnej strony z listą produktów.
• - pokazuje produkty dla aktualnej strony z listą produktów.
• - pokazuje bułkę tartą.
• - pokazuje ograniczoną liczbę produktów.
• - wyświetla adres URL z powrotem do produktów, który wskazuje na główną stronę z listą produktów.
• - pokazuje produkty aktualnie w sprzedaży.
• - pokazuje produkt o identyfikatorze „x”.
• - pokazuje produkty z identyfikatorami „x”, „y” i „z”.
• - pokazuje produkt z SKU „xyz”
• - pokazuje produkt z SKU „abc”, „def” i „ghi”.
• - pokazuje cenę i przycisk Dodaj do koszyka dla produktu o identyfikatorze „x”.
• - pokazuje cenę i przycisk Dodaj do koszyka dla produktu z kodem SKU „x”.
• - wyświetla maksymalną liczbę pozycji „x”.
• - wyświetla produkty z określonym atrybutem, tj. Atrybutem „kolor” i kolorem „czarnym”.

• - wyświetla "x" ostatnie produkty wyświetlane w kolumnach "y" i uporządkowane malejąco w zależności od daty ich opublikowania.
• - wyświetla polecane produkty „x” wyświetlane w kolumnach „y” i uporządkowane malejąco w zależności od daty ich opublikowania.
• - wyświetla "x" popularne produkty w kolumnach "y" i uporządkowane malejąco w zależności od daty ich opublikowania.
• - wyświetla najwyżej ocenione produkty „x” wyświetlane w kolumnach „y” i uporządkowane malejąco w zależności od daty ich opublikowania.
• - wyświetla najlepiej sprzedające się produkty „x” wyświetlane w kolumnach „y” i uporządkowane malejąco w zależności od daty ich wysłania.
• - wyświetla powiązane produkty „x” wyświetlane w kolumnach „y” i uporządkowane malejąco w zależności od daty ich zaksięgowania.
• - pokazuje listę produktów z klasycznym szablonem listy. Uwaga: Zamiast „listy” można użyć innych szablonów, takich jak „siatka” i „domyślny”.
• - pokazuje produkty z kategorii o identyfikatorze „x” oraz z klasycznym szablonem listy.

Uwaga: jeśli jesteś dobry w kodowaniu, możesz dostosować te skróty, aby uzyskać lepszą prezentację i rozmieszczenie produktów.

Krótki kod wklejony na stronie

Jan Saints (praca własna): CC-BY-2.0

5. Korzystanie z suwaków

Jeśli jeszcze nie wiesz, suwak to element strony internetowej, który służy do podświetlenia grupy wybranych postów. Jest jak pokaz slajdów, co oznacza, że ​​wyświetla jeden post na raz, przechodząc od jednego do drugiego automatycznie lub poprzez kliknięcie.

Aby wyświetlić produkty z suwakami, musisz zamienić posty na swoje produkty. Jeśli chodzi o tworzenie suwaka produktu, potrzebujesz responsywnej wtyczki suwaka, takiej jak Soliloguy. Po zainstalowaniu i aktywacji wtyczki musisz dodać nowy suwak i możesz to zrobić, korzystając ze zdjęć, linków i innych niezbędnych szczegółów swoich elementów. Następnym krokiem jest zapisanie lub opublikowanie suwaka, aby uzyskać krótki kod i tag szablonu.

Na koniec musisz skopiować i wkleić krótki kod na swojej stronie głównej lub dowolnej innej stronie, aby wyświetlić produkty. Tag szablonu może wyświetlać elementy w sekcji nagłówka motywu. Wystarczy skopiować tag, otworzyć plik header.php i wkleić go na zakodowanej stronie.

WooCommerce ma wtyczkę o nazwie Products Slider, która jest dostosowana do eCommerce. Działa jak typowa wtyczka suwaka, ale zawiera więcej ustawień i opcji. Zachęcam do sprawdzenia, czy może pomóc w wyświetlaniu i rozmieszczeniu przedmiotów.

Produkty wyświetlane na suwaku

Jan Saints (praca własna): CC-BY-2.0

Wniosek

Wyświetlanie i rozmieszczanie elementów w witrynie eCommerce WordPress jest dość proste i łatwe dzięki tym pięciu metodom. Jeśli wyświetlanie i rozmieszczenie produktów w sklepie internetowym sprawia Ci trudność, powinieneś teraz z łatwością rozpocząć wykonywanie tych dwóch zadań. Po prostu wybierz metodę, która Twoim zdaniem będzie dla Ciebie odpowiednia, i umieść te produkty na swojej stronie głównej w sprytniejszy sposób.

Bibliografia

1. Mening. R. Jak zbudować sklep internetowy za pomocą WordPress i WooCommerce. websiteetup.org . Witryna SetUp. (2017).
2. Andronaco R. Jak stworzyć sklep internetowy za pomocą WooCommerce i Wordpress: Prosty przewodnik po idealnej konfiguracji witryny e-commerce. (2017).
3. Rastaurius E., Etoile Web Design. Katalog produktów eCommerce dla WordPress. wordpress.org. implecode. (2017).
4. WooCommerce. Skróty zawarte w WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev Software. WooCommerce Product Sort and Display Plugin. wordpress.org. Oprogramowanie Ar3rev. (2013).
6. YiThemes. Yith Infinite Scrolling Plugin. wordpress.org. JITEMY. (2017).
7. Razzak S. Ekskluzywny przewodnik po wtyczce suwaka produktów WooCommerce. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Jak łatwo stworzyć responsywny slider WordPress z Soliloquy. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores