5 jednoduchých spôsobov, ako zobraziť produkty v online obchode WordPress

Zobrazovanie produktov v online obchode WordPress môže byť pre nováčika v elektronickom obchode skutočne nočnou morou. Keď som začal budovať svoj online obchod, myslel som si, že by bolo samozrejmé umiestňovať moje položky na domovskú stránku môjho webu. Ale celá úloha bola dosť náročným bojom!

Podľa mojich vlastných skúseností môže to, že sa produkty zobrazia na vašom webe, stráviť veľa času, najmä ak s elektronickým obchodom začínate. Prišiel som sa dozvedieť, že je to úloha, ktorá si vyžaduje určité dobré znalosti WordPressu.

Zobrazené produkty v online obchode

Jan Saints (vlastná práca): CC-BY-2.0

Ak vytvárate online obchod WordPress prvýkrát, určite sa musíte naučiť, ako nastaviť všeobecnú webovú stránku s týmto systémom na správu obsahu. Musíte sa tiež oboznámiť s vecami, ako sú doplnky, widgety a krátke kódy eCommerce. Ak navyše používate WooCommerce, potrebujete vedieť o dostupných možnostiach zobrazenia produktu a porozumieť všeobecným nastaveniam doplnku. Táto jednoduchá príručka o tom, ako vytvoriť online obchod a zobraziť položky (Riccardo Andronaco), to všetko vysvetľuje a považoval som ho za celkom užitočný.

V tomto článku sa chystám diskutovať o piatich spôsoboch zobrazenia a usporiadania produktov na webe WordPress eCommerce. Čítajte ďalej a dozviete sa, ako zaistiť, aby sa položky zobrazovali na vašich webových stránkach a ako ich podľa toho usporiadať.

Päť spôsobov, ako zobraziť a usporiadať položky v online obchode WordPress

1. Automatická metóda
2. Miniaplikácie
3. Pluginy
4. Skratky
5. Posúvače

1. Pomocou automatickej metódy

Ako už názov napovedá, nemusíte robiť nič pre to, aby sa výrobky zobrazili na stránke obchodu. Položky sa zobrazia, keď ich pridáte z informačného panela. Sú automaticky usporiadané v abecednom poradí alebo náhodne s alebo bez kategórií v závislosti od vašich nastavení zobrazenia WooCommerce.

Na domovskú stránku je možné umiestniť iba určitý počet produktov, čo znamená, že ak máte veľké množstvo produktov, niektoré z nich budú umiestnené na stranách 2, 3, 4 atď.

Táto metóda zákazníkom znemožňuje poznať všetky typy produktov vo vašom obchode, pretože nezahŕňa kategórie a niektoré položky sú skryté na iných stránkach.

Možno budete musieť tejto metóde zabrániť, ak môžete na zobrazenie položiek použiť nejaké lepšie metódy (popísané nižšie). Ale ak máte niekoľko položiek, ktoré sa zmestia na jednu stránku, tj. Na domovskú stránku, môžete použiť túto metódu.

Výrobky zobrazené náhodne

Jan Saints (vlastná práca): CC-BY-2.0

2. Používanie widgetov

Ako možno viete, miniaplikácia vo WordPress je malý blok obsahu, ktorý je možné umiestniť do častí bočného panela a päty. Poskytuje jednoduchý a ľahký spôsob prispôsobenia webovej stránky. Medzi bežné widgety patria: posledné príspevky, vyhľadávacie pole, kategórie a ponuka päty.

Na webových stránkach elektronického obchodu možno pomocou miniaplikácií zobraziť kategórie produktov na bočnom paneli alebo v päte. Môžu byť preto skvelým spôsobom, ako posilniť automatickú metódu (diskutovanú vyššie), ktorá neobsahuje kategórie produktov.

Medzi skvelé widgety, ktoré prichádzajú s témami WordPress eCommerce, patria populárne produkty, najnovšie produkty, najpredávanejšie produkty, najlepšie hodnotené produkty a vybrané produkty. Tieto widgety sú prispôsobiteľné, čo znamená, že ich môžete premenovať na skutočné kategórie svojich položiek. Môžete ich tiež pretiahnuť a získať tak usporiadanie, ktoré vyhovuje vášmu štýlu.

Pretože miniaplikácie môžu zobrazovať produkty iba na bočných paneloch a pätach, väčšina majiteľov online obchodov ich považuje za nežiaduce. Najlepšie je zobraziť položky na hlavnom paneli stránky, čo nie je možné dosiahnuť pomocou miniaplikácií.

Produkty zobrazené na bočnom paneli pomocou doplnku

Jan Saints (vlastná práca): CC-BY-2.0

3. Používanie doplnkov

Vo WordPress je doplnok sada programov, ktorá obsahuje skupinu funkcií, funkcií alebo služieb. V tomto systéme na správu obsahu existujú desiatky tisíc doplnkov (bezplatných aj prémiových) vhodných pre najrôznejšie potreby. Existujú doplnky pre všetky typy webových stránok, napríklad existujú doplnky pre eCommerce (napríklad WooCommerce), adresáre, blogy, ďalší predaj a rezervačné platformy.

Pokiaľ ide o zobrazovanie a usporiadanie položiek v online obchode, existuje nespočetné množstvo doplnkov, ktoré môžete použiť na vykonanie tejto úlohy. Väčšina doplnkov ale nie je celkom efektívna, takže musíte vyhľadať tie, ktoré preukázateľne fungujú.

Najbežnejšie odporúčané doplnky na zobrazovanie položiek v online obchode WordPress sú Ultimate Product Catalog a WooCommerce Product Sort and Display.

Doplnok na zoradenie a zobrazenie funguje lepšie ako ďalší doplnok s názvom Endless Scroll, ktorý vám umožňuje zobraziť veľké množstvo položiek na stránke vášho obchodu. Po nainštalovaní a aktivácii týchto dvoch doplnkov musíte prejsť na kategórie produktov a presúvať kategórie, aby ste dosiahli správne zobrazenie. Potom môžete nastaviť počet produktov, ktoré sa majú zobraziť v jednotlivých kategóriách, s odkazmi na zobrazenie všetkých.

Pokiaľ ide o radenie, doplnok je dodávaný s predvoleným radením a radením podľa popularity, novosti, ceny (od najnižšej po najvyššiu a naopak), predaja a uvádzania. Niektoré z týchto funkcií prichádzajú s prémiovou verziou doplnku, preto sa odporúča používať túto verziu.

Druhý doplnok, katalóg produktov Ultimate, je trochu zložitý. Po nainštalovaní a aktivácii doplnku musíte doň pridať všetky svoje produkty a kategórie, aby ste získali ID, ktoré môžete použiť v skratkách na zobrazenie svojich položiek. Pre svoje položky musíte tiež vytvoriť niekoľko katalógov.

Napríklad nasledujúci krátky kód zobrazí produkty v katalógu s ID „x“.

alebo

Plugin je nabitý funkciami, ako sú prispôsobiteľné rozloženia katalógov, predajné ceny, import produktu, symbol meny, strúhanka, zdieľanie na sociálnych sieťach, kontrola a hodnotenie produktu, integrácia SEO by Yoast a veľké množstvo možností nastavenia.

Štýly katalógov produktov zahrnuté v doplnku zahŕňajú: minimalistické, blokové, vznášajúce sa a rozloženie na kartách. Niektoré z týchto štýlov a tiež niektoré z vyššie popísaných funkcií sú k dispozícii v prémiovej verzii doplnku.

Výrobky zobrazené v blokovom štýle pomocou doplnku

Jan Saints (vlastná práca): CC-BY-2.0

4. Používanie krátkych kódov

Ak pre svoj online obchod používate WooCommerce, môžete nájsť krátke kódy, ktoré sú najjednoduchším spôsobom, ako zobraziť výrobky na stránke vášho obchodu. Skratky fungujú s ID produktu a kategórie a SKU a je možné ich jednoducho skopírovať a vložiť na stránku obchodu, aby sa zobrazili položky. Skratky nájdete nižšie.

- zobrazuje zoznam kategórií.

- zobrazuje konkrétny počet kategórií a funguje dobre s nasledujúcimi argumentmi. Poznámka: Tieto argumenty môžu fungovať aj s týmto skráteným kódom.

• number = "null" - pre zobrazenie počtu kategórií.
• orderby = "name" - na zobrazenie kategórií, ak sú zoradené podľa názvu. Poznámka: Hodnotu "name" je možné nahradiť dátumom, random (náhodným), upravenou a žiadnou.
• order = "asc" - na zobrazenie kategórií pri vzostupnom poradí. Poznámka: Hodnotu „asc“ možno nahradiť „desc“, aby ste mohli usporiadať zostupne.
• stĺpce = "x" - na zobrazenie "x" stĺpcov kategórie.
• hide_empty = "1" - na skrytie kategórií.
• hide_empty = "0" - na zobrazenie kategórií.
• parent = "0" - na zobrazenie kategórií najvyššej úrovne.
• ids = "x" - na zobrazenie kategórie s ID "x".
• category = "x" - na zobrazenie kategórie "x".

• categories_limit - na zobrazenie obmedzeného počtu kategórií.
• archive_template - na zobrazenie konkrétnej šablóny archívu pre konkrétny záznam.
• design_scheme - na zobrazenie konkrétnej farby alebo veľkosti.
• sort = "0" - deaktivuje selektor triedenia produktu.
• sort = "1" - aktivuje selektor triedenia produktu.
• = "1" - povolenie krátkeho kódu.
• post_type - na zobrazenie položiek z iného typu príspevku.
• per_row - na zobrazenie produktov na riadok.
• prázdny - ak chcete zobraziť určitý text, keď nie sú k dispozícii žiadne produkty na zobrazenie.

• - zobrazuje položky „y“ kategórie „x“ zobrazené v stĺpcoch „z“ a usporiadané zostupne v závislosti od dátumu ich zaúčtovania.
• - zobrazuje zoznam produktov.
• - zobrazuje názov produktu. Poznámka: Hodnotu „name“ možno nahradiť inými hodnotami, aby sa vytvorilo viac skratiek. Niektoré z týchto hodnôt zahŕňajú: cenu, popis, krátky popis, tabuľku atribútov, SKU, poštovné, galériu a súvisiace kategórie.
• - zobrazuje kategórie pre aktuálnu stránku so zoznamom produktov.
• - zobrazuje produkty na aktuálnej stránke so zoznamom produktov.
• - ukazuje strúhanku.
• - zobrazuje obmedzený počet výrobkov.
• - zobrazuje späť na adresu URL produktov, ktorá smeruje na hlavnú stránku so zoznamom produktov.
• - zobrazuje produkty, ktoré sú momentálne v predaji.
• - zobrazuje produkt s ID "x".
• - zobrazuje produkty s ID „x“, „y“ a „z“.
• - zobrazuje produkt s kódom SKU „xyz“
• - zobrazuje produkt s kódmi SKU „abc“, „def“ a „ghi“.
• - zobrazuje cenu a pridáva do košíka pre produkt s ID "x".
• - zobrazuje cenu a pridáva do košíka pre produkt s kódom „x“.
• - zobrazuje maximálne "x" položiek.
• - zobrazuje výrobky s určitým atribútom, tj s atribútom „farba“ a s farbou, ktorá je „čierna“.

• - zobrazuje "x" posledné výrobky zobrazené v stĺpcoch "y" a usporiadané zostupne v závislosti od dátumu ich zverejnenia.
• - zobrazuje vybrané produkty „x“ zobrazené v stĺpcoch „y“ a usporiadané zostupne v závislosti od dátumu ich zverejnenia.
• - zobrazuje populárne produkty „x“ zobrazené v stĺpcoch „y“ a usporiadané zostupne v závislosti od dátumu ich zverejnenia.
• - zobrazuje produkty s najlepším hodnotením „x“ zobrazené v stĺpcoch „y“ a usporiadané zostupne v závislosti od dátumu ich zverejnenia.
• - zobrazuje najpredávanejšie produkty „x“ zobrazené v stĺpcoch „y“ a usporiadané zostupne podľa dátumu ich zverejnenia.
• - zobrazuje súvisiace produkty „x“ zobrazené v stĺpcoch „y“ a usporiadané zostupne v závislosti od dátumu ich zverejnenia.
• - zobrazuje zoznam produktov s klasickou šablónou zoznamu. Poznámka: Namiesto „zoznamu“ je možné použiť iné šablóny ako „mriežka“ a „predvolená“.
• - zobrazuje výrobky z kategórie s ID "x" a s klasickou šablónou zoznamu.

Poznámka: Ak viete programovať dobre, môžete tieto krátke kódy vylepšiť, aby ste dosiahli lepšie zobrazovanie a usporiadanie produktu.

Na stránku bol vložený krátky kód

Jan Saints (vlastná práca): CC-BY-2.0

5. Používanie posúvačov

Ak ste to nevedeli, posúvač je prvok webovej stránky, ktorý sa používa na zvýraznenie skupiny vybraných príspevkov. Je to ako prezentácia, čo znamená, že zobrazuje jeden príspevok naraz, automaticky sa presúva z jedného na druhý alebo klikaním.

Ak chcete zobraziť výrobky s posúvačmi, musíte stĺpiky nahradiť svojimi výrobkami. Pokiaľ ide o vytvorenie jazdca produktu, potrebujete responzívny doplnok jazdca, ako je Soliloguy. Po nainštalovaní a aktivácii doplnku musíte pridať nový posúvač. Môžete to urobiť pomocou fotografií, odkazov a ďalších potrebných podrobností o svojich položkách. Ďalším krokom je uloženie alebo zverejnenie jazdca, aby ste získali skratku a značku šablóny.

Nakoniec musíte skopírovať a vložiť krátky kód na svoju domovskú stránku alebo inú stránku, aby ste mohli produkty zobraziť. Značka šablóny môže zobrazovať položky v sekcii hlavičky vašej témy. Je len potrebné skopírovať značku, otvoriť súbor header.php a vložiť ho na kódovanú stránku.

WooCommerce má plugin s názvom Products Slider, ktorý je prispôsobený pre eCommerce. Funguje to ako typický posuvný doplnok, ale obsahuje niektoré ďalšie nastavenia a možnosti. Odporúčam vám, aby ste zistili, či vám môžu pomôcť pri zobrazovaní a usporiadaní položiek.

Výrobky zobrazené na posúvači

Jan Saints (vlastná práca): CC-BY-2.0

Záver

Zobrazenie a usporiadanie položiek na vašom webe WordPress eCommerce je pomocou týchto piatich metód celkom jednoduché a ľahké. Ak sa vám vo vašom internetovom obchode ťažko zobrazovali a usporiadali produkty, mali by ste teraz začať tieto dve úlohy vykonávať s ľahkosťou. Stačí si zvoliť metódu, o ktorej si myslíte, že vám bude vyhovovať, a umiestniť tieto produkty na svoju domovskú stránku inteligentnejším spôsobom.

Referencie

1. Mening. R. Ako vytvoriť online obchod s WordPress a WooCommerce. webové stránky . Webová stránka SetUp. (2017).
2. Andronaco R. Ako vytvoriť online obchod pomocou služieb WooCommerce a Wordpress: Jednoduchý sprievodca dokonalým nastavením webovej stránky elektronického obchodu. (2017).
3. Rastaurius E., Etoile Web Design. Katalóg produktov elektronického obchodu pre WordPress. wordpress.org. implecode. (2017).
4. WooCommerce. Krátke kódy zahrnuté vo WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev Software. Doplnok na triedenie a zobrazovanie produktov WooCommerce. wordpress.org. Softvér Ar3rev. (2013).
6. YiThemes. Yith Infinite Scrolling Plugin. wordpress.org. YITHEMES. (2017).
7. Razzak S. Exkluzívny sprievodca doplnkom vysúvacieho modulu produktov WooCommerce. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Ako ľahko vytvoriť citlivý posúvač WordPress s monológom. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores