Obsah:
- Pět způsobů, jak zobrazit a uspořádat položky v online obchodu WordPress
- 1. Použití automatické metody
- 2. Používání widgetů
- 3. Používání pluginů
- 4. Používání zkrácených kódů
- 5. Používání posuvníků
- Závěr
- Reference
Zobrazování produktů v internetovém obchodě WordPress může být pro nováčka v elektronickém obchodování opravdu noční můrou. Když jsem začal budovat svůj online obchod, myslel jsem si, že by bylo nemožné přemýšlet o tom, jak umístit své položky na domovskou stránku svého webu. Ale celý úkol byl docela těžký boj!
Podle mých vlastních zkušeností může zobrazování produktů na vašem webu zabrat spoustu času, zvláště pokud jste v eCommerce nováčkem. Přišel jsem se dozvědět, že je to úkol, který vyžaduje dobrou znalost WordPressu.
Zobrazené produkty v online obchodě
Jan Saints (vlastní práce): CC-BY-2.0
Pokud vytváříte online obchod WordPress poprvé, určitě se musíte naučit, jak nastavit obecný web s tímto systémem pro správu obsahu. Musíte se také seznámit s věcmi, jako jsou pluginy eCommerce, widgety a krátké kódy. Kromě toho, pokud používáte WooCommerce, potřebujete vědět o dostupných možnostech zobrazení produktu a porozumět obecným nastavením pluginu. Tento jednoduchý průvodce, jak vytvořit online obchod a zobrazit položky (Riccardo Andronaco), vysvětluje všechny tyto věci a shledal jsem to docela užitečné.
V tomto článku se budu zabývat pěti způsoby, jak zobrazit a uspořádat produkty na webu WordPress eCommerce. Čtěte dále a dozvíte se, jak zajistit, aby se položky zobrazovaly na vašich webových stránkách a jak je podle toho uspořádat.
Pět způsobů, jak zobrazit a uspořádat položky v online obchodu WordPress
- Automatická metoda
- Widgety
- Pluginy
- Krátké kódy
- Posuvníky
1. Použití automatické metody
Jak název napovídá, nemusíte dělat nic, aby se produkty objevily na stránce obchodu. Položky se zobrazují, jakmile je přidáte z řídicího panelu. Jsou automaticky uspořádány v abecedním pořadí nebo náhodně s kategoriemi nebo bez kategorií v závislosti na nastavení zobrazení WooCommerce.
Na domovskou stránku lze umístit pouze určitý počet produktů, což znamená, že pokud máte velké množství produktů, některé z nich budou umístěny na stránkách 2, 3, 4 atd.
Tato metoda zákazníkům ztěžuje znalost všech typů produktů ve vašem obchodě, protože nezahrnuje kategorie a některé položky jsou skryty na jiných stránkách.
Možná budete muset této metodě zabránit, pokud můžete k zobrazení položek použít některé lepší metody (popsané níže). Pokud ale máte několik položek, které se vejdou na jednu stránku, tj. Na domovskou stránku, můžete tuto metodu přijmout.
Produkty zobrazené náhodně
Jan Saints (vlastní práce): CC-BY-2.0
2. Používání widgetů
Jak možná víte, widget ve WordPressu je malý blok obsahu, který lze umístit do částí postranního panelu a zápatí. Poskytuje jednoduchý a snadný způsob přizpůsobení webu. Mezi běžné widgety patří: poslední příspěvky, vyhledávací pole, kategorie a nabídka zápatí.
Na webu elektronického obchodování lze pomocí widgetů zobrazit kategorie produktů na postranním panelu nebo v zápatí. Mohou proto být skvělým způsobem, jak posílit automatickou metodu (popsanou výše), která neobsahuje kategorie produktů.
Mezi skvělé widgety, které přicházejí s tématy eCommerce WordPress, patří oblíbené produkty, nejnovější produkty, nejprodávanější produkty, nejlépe hodnocené produkty a vybrané produkty. Tyto widgety lze přizpůsobit, což znamená, že je můžete přejmenovat podle skutečných kategorií vašich položek. Můžete je také přetáhnout a získat tak uspořádání, které vyhovuje vašemu stylu.
Protože widgety mohou zobrazovat produkty pouze na bočních panelech a zápatí, většina majitelů online obchodů je považuje za nežádoucí. Nejlepší místo pro zobrazení položek je na hlavním panelu stránky, což u widgetů nelze dosáhnout.
Produkty zobrazené na postranním panelu pomocí pluginu
Jan Saints (vlastní práce): CC-BY-2.0
3. Používání pluginů
Ve WordPressu je plugin sada programů, která obsahuje skupinu funkcí, funkcí nebo služeb. V tomto systému pro správu obsahu existují desítky tisíc pluginů (bezplatných i prémiových) vhodných pro širokou škálu potřeb. Existují pluginy pro všechny typy webů, například existují pluginy pro eCommerce (jako WooCommerce), adresáře, blogy, další prodej a rezervační platformy.
Pokud jde o zobrazení a uspořádání položek v online obchodě, existuje nesčetné množství pluginů, které můžete použít k provedení tohoto úkolu. Ale většina pluginů není docela efektivní, takže musíte jít na ty, u kterých se prokázalo, že fungují.
Nejvíce doporučenými doplňky pro zobrazování položek v internetovém obchodě WordPress jsou Ultimate Product Catalog a WooCommerce Product Sort and Display.
Plugin pro třídění a zobrazování funguje lépe s jiným pluginem s názvem Endless Scroll, který umožňuje zobrazit na stránce obchodu velké množství položek. Po instalaci a aktivaci těchto dvou pluginů musíte přejít do kategorií produktů a přetažením kategorií dosáhnout správného zobrazení. Poté můžete nastavit počet produktů, které se mají zobrazit v jednotlivých kategoriích, s odkazy na zobrazení všech.
Pokud jde o třídění, plugin je dodáván s výchozím tříděním a tříděním podle popularity, novosti, ceny (od nejnižší po nejvyšší a naopak), v prodeji a doporučeném. Některé z těchto funkcí přicházejí s prémiovou verzí pluginu, proto se doporučuje tuto verzi používat.
Druhý plugin, Ultimate Product Catalog, je trochu složitý. Po instalaci a aktivaci pluginu musíte do něj přidat všechny své produkty a kategorie, abyste získali ID, která můžete použít v krátkých kódech k zobrazení svých položek. Musíte také vytvořit několik malých katalogů pro své položky.
Například následující zkrácený kód zobrazí produkty v katalogu s ID „x“.
nebo
Plugin je vybaven funkcemi, jako je přizpůsobitelné rozvržení katalogu, prodejní ceny, import produktu, symbol měny, strouhanka, sdílení na sociálních médiích, recenze a hodnocení produktu, integrace SEO by Yoast a velké množství možností nastavení.
Styly produktového katalogu obsažené v pluginu zahrnují: minimalistické, blokové, vznášející se a rozložení na kartách. Některé z těchto stylů a také některé z výše popsaných funkcí jsou k dispozici v prémiové verzi pluginu.
Produkty zobrazené v blokovém stylu pomocí pluginu
Jan Saints (vlastní práce): CC-BY-2.0
4. Používání zkrácených kódů
Pokud pro svůj internetový obchod používáte WooCommerce, můžete najít kódy, které budou nejjednodušším způsobem, jak zobrazit produkty na stránce obchodu. Zkratky fungují s ID produktů a kategorií a SKU a lze je zkopírovat a vložit na stránku obchodu pro zobrazení položek. Viz zkrácené kódy níže.
- zobrazí seznam kategorií.
- zobrazuje konkrétní počet kategorií a funguje dobře s následujícími argumenty. Poznámka: Tyto argumenty mohou také pracovat s tímto zkráceným kódem.
- number = "null" - pro zobrazení počtu kategorií.
- orderby = "name" - pro zobrazení kategorií, pokud jsou seřazeny podle jména. Poznámka: Hodnotu „name“ lze nahradit datem, randem (náhodně), upravenou a žádnou.
- order = "asc" - pro zobrazení kategorií při vzestupném pořadí. Poznámka: Hodnotu „vzestupně“ lze nahradit „sestupně“, aby bylo možné sestupně seřadit.
- columns = "x" - pro zobrazení "x" sloupců kategorie.
- hide_empty = "1" - pro skrytí kategorií.
- hide_empty = "0" - pro zobrazení kategorií.
- parent = "0" - pro zobrazení kategorií nejvyšší úrovně.
- ids = "x" - pro zobrazení kategorie s id "x".
- category = "x" - pro zobrazení kategorie "x".
- categories_limit - pro zobrazení omezeného počtu kategorií.
- archive_template - pro zobrazení konkrétní šablony archivu pro konkrétní výpis.
- design_scheme - pro zobrazení konkrétní barvy nebo velikosti.
- sort = "0" - deaktivuje selektor řazení produktů.
- sort = "1" - aktivuje selektor řazení produktů.
- = "1" - povolení krátkého kódu.
- post_type - pro zobrazení záznamů z jiného typu příspěvku.
- per_row - pro zobrazení produktů na řádek.
- prázdný - pro zobrazení určitého textu, pokud nejsou k dispozici žádné produkty k zobrazení.
- - zobrazí položky „y“ kategorie „x“ zobrazené ve sloupcích „z“ a seřazené sestupně podle data, kdy byly zaúčtovány.
- - zobrazí seznam produktů.
- - zobrazuje název produktu. Poznámka: Hodnotu „name“ lze nahradit jinými hodnotami a vytvořit tak více krátkých kódů. Mezi tyto hodnoty patří: cena, popis, krátký popis, tabulka atributů, SKU, doprava, galerie a související kategorie.
- - zobrazuje kategorie pro aktuální stránku se seznamem produktů.
- - zobrazuje produkty pro aktuální stránku se seznamem produktů.
- - zobrazuje strouhanku.
- - zobrazuje omezený počet produktů.
- - zobrazuje adresu URL produktu, která odkazuje na hlavní stránku se seznamem produktů.
- - zobrazuje produkty, které jsou aktuálně v prodeji.
- - zobrazuje produkt s ID "x".
- - zobrazuje produkty s ID „x“, „y“ a „z“.
- - zobrazuje produkt s SKU "xyz"
- - zobrazuje produkt s SKU „abc“, „def“ a „ghi“.
- - zobrazuje cenu a tlačítko pro přidání do košíku u produktu s ID „x“.
- - zobrazuje cenu a tlačítko pro přidání do košíku u produktu s SKU "x".
- - zobrazí maximálně "x" položek.
- - zobrazuje produkty s určitým atributem, tj. Atribut „barva“ a barva „černá“.
- - zobrazí "x" nedávné produkty zobrazené ve sloupcích "y" a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazí vybrané produkty „x“ zobrazené ve sloupcích „y“ a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazí populární produkty „x“ zobrazené ve sloupcích „y“ a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazí nejlépe hodnocené produkty „x“ zobrazené ve sloupcích „y“ a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazí nejprodávanější produkty „x“ zobrazené ve sloupcích „y“ a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazí související produkty „x“ zobrazené ve sloupcích „y“ a seřazené sestupně v závislosti na datu jejich zveřejnění.
- - zobrazuje výpis produktu s klasickou šablonou seznamu. Poznámka: Místo 'seznamu' lze použít jiné šablony jako 'mřížka' a 'výchozí'.
- - zobrazuje produkty z kategorie s id "x" as klasickou šablonou seznamu.
Poznámka: Pokud umíte programovat dobře, můžete tyto zkrácené kódy vylepšit, abyste dosáhli lepšího zobrazení a uspořádání produktu.
Na stránku byl vložen krátký kód
Jan Saints (vlastní práce): CC-BY-2.0
5. Používání posuvníků
Pokud jste nevěděli, jezdec je prvek webové stránky, který slouží ke zvýraznění skupiny vybraných příspěvků. Je to jako prezentace, což znamená, že zobrazuje jeden příspěvek najednou, automaticky se pohybuje od jednoho k druhému nebo klikáním.
Chcete-li zobrazit produkty s posuvníky, musíte sloupky nahradit svými produkty. Pokud jde o vytváření posuvníku produktu, potřebujete responzivní plugin posuvníku, jako je Soliloguy. Po instalaci a aktivaci pluginu musíte přidat nový posuvník, což můžete provést pomocí fotografií, odkazů a dalších nezbytných podrobností o svých položkách. Dalším krokem je uložení nebo publikování posuvníku za účelem získání zkratky a značky šablony.
Nakonec musíte zkopírovat a vložit zkrácený kód na svou domovskou stránku nebo jinou stránku, abyste mohli produkty zobrazit. Značka šablony může zobrazit položky v záhlaví vašeho motivu. Stačí zkopírovat značku, otevřít soubor header.php a vložit jej na kódovanou stránku.
WooCommerce má plugin s názvem Products Slider, který je přizpůsoben pro eCommerce. Funguje to jako typický zásuvný modul, ale obsahuje další nastavení a možnosti. Doporučuji vám, abyste zjistili, zda vám může pomoci se zobrazením a uspořádáním položek.
Produkty zobrazené na posuvníku
Jan Saints (vlastní práce): CC-BY-2.0
Závěr
Zobrazování a uspořádání položek na vašem webu WordPress eCommerce je u těchto pěti metod poměrně jednoduché a snadné. Pokud pro vás bylo obtížné zobrazit a uspořádat produkty ve vašem online obchodě, měli byste nyní začít tyto dva úkoly provádět s velkou lehkostí. Stačí si vybrat metodu, o které si myslíte, že vám bude vyhovovat, a umístit tyto produkty na domovskou stránku chytřejším způsobem.
Reference
- Mening. R. Jak vytvořit online obchod s WordPress a WooCommerce. webové stránky . SetUp webu. (2017).
- Andronaco R. Jak vytvořit online obchod pomocí WooCommerce a Wordpress: Jednoduchý průvodce dokonalým nastavením webu elektronického obchodu. (2017).
- Rastaurius E., Etoile Web Design. Katalog produktů eCommerce pro WordPress. wordpress.org. implecode. (2017).
- WooCommerce. Kódy jsou součástí WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
- Truman S., Tuan N., Ar3rev Software. Plugin pro třídění a zobrazování produktů WooCommerce. wordpress.org. Software Ar3rev. (2013).
- YiThemes. Yith Infinite Scrolling Plugin. wordpress.org. YITHEMES. (2017).
- Razzak S. Exkluzivní průvodce pro zásuvný modul produktů WooCommerce. cloudways.com. Cloudways Ltd. (2016).
- Balkhi S. Jak snadno vytvořit citlivý jezdec WordPress s monologem. wpbeginner.com . WPBeginner. (2014).
© 2017 Januaris Saint Fores