WooCommerce shortcodes nechat zobrazit informace z vašeho obchodu v nové a vzrušující způsoby. WooCommerce je dodáván s předem vytvořenými krátkými kódy a můžete nainstalovat pluginy a přidat další. Ať už chcete seznam produktů v tabulce, Zobrazit košík kdekoli na vašem webu , nebo něco jiného-jste na správném místě!
pravděpodobně jste narazili na shortcodes dříve, ať už jste na WordPress nováčkem nebo jste jej nějakou dobu používali. Krátké kódy jsou, jak název napovídá, krátké kousky kódu, které vykonávají nějakou funkci. WooCommerce shortcodes vám například umožní přidat elegantní funkce související s WooCommerce na stránky WordPress, příspěvky, postranní panely a rozšířené oblasti na vašem webu.
Pokud hledáte způsob, jak zjednodušit zážitek z nakupování, můžete to udělat pomocí WooCommerce shortcodes. Mohou vám pomoci zlepšit nákup uživatelských toků a optimalizovat Váš online obchod pro konverze.
například, můžete použít WooCommerce shortcodes:
- zobrazit seznam vašich nejlépe hodnocených produktů na domovské stránce.
- zobrazte související produkty vždy, když zákazník projeví zájem o produkt.
- zvýrazněte doporučené produkty v blocích Gutenberg, bočnicích a dalších rozšířených oblastech.
S tímto na mysli, v tento kompletní průvodce, budeme vysvětlit, jak můžete použít WooCommerce shortcodes poskytovat lepší uživatelské zkušenosti a růst vašeho spodním řádku. Po cestě také vysvětlíme, kdy (a proč) byste měli používat každý krátký kód. Podíváme se na krátké kódy, které přicházejí se samotným WooCommerce, a krátké kódy, které můžete přidat s dalšími pluginy.
jak používat WooCommerce shortcodes
Shortcodes vypadají a zní trochu technicky, ale jsou ve skutečnosti navrženy pro každého, kdo je používá. Nepotřebujete žádné kódování dovednosti.
Stačí vložit krátký kód do libovolného textového editoru ve WordPressu, nebo ‚Shortcode‘ blokovat, pokud používáte Gutenberg nebo page builder, jako jsou Elementor nebo Visual Composer:
můžete kombinovat shortcodes a zobrazit více shortcodes na jedné stránce. Můžete například zkombinovat zkrácený kód pro sledování objednávek s krátkým kódem uživatelského účtu. Jediné, co musíte udělat, je vložit oba krátké kódy na stejnou stránku. Vypadalo by to asi takto:
WooCommerce produktu seznam shortcodes
k Dispozici jsou také shortcodes na seznam produktů v různých způsobů, jak ve vašem obchodě. Ty přidávají další flexibilitu, takže se nemusíte držet omezených pohledů, které získáte na stránkách obchodu a kategorií. Místo toho můžete použít WooCommerce shortcodes na seznamu jeden nebo více produktů, a to doslova kdekoliv na vašem webu WordPress – buď v mřížce nebo tabulky založené na zobrazení seznamu.
WooCommerce products shortcode
WooCommerce má krátký kód, který umožňuje vypsat konkrétní produkty v rozvržení mřížky:
. Můžete také přidat další parametry (například orderby a sloupce) pro přizpůsobení vzhledu front-end.
můžete Si zvolit počet produktů na seznamu na řadě. Pokud byste například chtěli zobrazit šest produktů ve třech sloupcích seřazených podle data ve vzestupném pořadí, použili byste zkrácený kód: . Podobně pro zobrazení produktů v sestupném pořadí byste jednoduše nahradili ASC DESC.
WooCommerce quick view zkrácený
shortcode funguje bez problémů s WooCommerce Quick View Pro plugin. To přidává tlačítka rychlého zobrazení do seznamu produktů jako rychlý způsob, jak lidem umožnit nákup bez opuštění aktuální stránky:
Vše, co musíte udělat, je nainstalovat WooCommerce Quick View Pro plugin do WordPress stránky, a to bude automaticky přidat rychlé zobrazení tlačítka pro front-end. Tímto způsobem mohou zákazníci vidět atributy a varianty produktu a přidávat produkty do košíku, aniž by přecházeli na jednu stránku produktu.
Přečtěte si naše kompletní průvodce pro WooCommerce Quick View Pro shortcode.
WooCommerce product table shortcode
zatímco vestavěný WooCommerce products shortcode je velmi flexibilní, umožňuje vám je zobrazit pouze v rozvržení mřížky. To není ideální pro obchody, které chtějí zobrazit více produktů na stránku, například pokud vytváříte rychlý jednostránkový objednávkový formulář nebo velkoobchod. V takovém případě by vám mohlo být lépe s krátkým kódem tabulky produktů.
zatímco WooCommerce sám o sobě nemá zkrácený kód tabulky produktů, můžete jej snadno přidat pomocí pluginu WooCommerce Product Table. Základní nedostatek je a můžete konfigurovat pomocí více než 50 zkrácený možnosti.
Zobrazit kompletní seznam zkrácený možnosti, které dostanete s WooCommerce Product Tabulka.
WooCommerce přidat do košíku zkrácený
WooCommerce je dodáván s vestavěným-v shortcode, který umožňuje vložit přidat do košíku tlačítka pro konkrétní produkt kdekoliv se vám líbí. Jednoduše přidejte ID a/nebo SKU produktu, který chcete zobrazit přidat do košíku tlačítko pro:
Pokud chcete zahrnout do ceny produktu, a pak použít:
Pro jednoduché produkty, to vám zobrazit přidat do košíku tlačítko.
Pro variabilní produkty, bude to show ‚Vybrat nastavení‘ tlačítko:
Osobně, nelíbí se mi to, protože zákazníci mají na návštěvu jeden produkt stránce vybrat jejich varianty. Je lepší použít WooCommerce Produktu Stůl na seznamu jeden nebo více variabilní produkty v tabulce, kompletní s variací rozbalovacích nabídkách:
tímto způsobem, mohou zákazníci zvolte volby a vyberte přidat do košíku ze stránky jsou v současné době na.
kategorie produktu shortcode
kategorie produktu shortcode uvádí produkty z určité kategorie ve standardním rozložení mřížky.
Toto je krátký na to:
Pokud se vám nelíbí rozložení mřížky, nebo pokud chcete větší kontrolu nad tím, jaké informace na displeji o každém výrobku, pak můžete použít WooCommerce Produktu Stolní zkrácený místo. Plugin WooCommerce Product Table je dodáván s možností krátkého kódu kategorie, kterou můžete použít k seznamu produktů pouze z určitých kategorií:
na Rozdíl od vestavěného shortcode, který je dodáván s WooCommerce, můžete si vybrat, které sloupce informací na displej o každém produktu, a umožnit zákazníkům vybrat varianty a vybrat si množství přímo z produktu stůl. Díky tomu je nakupování mnohem rychlejší a zvyšuje míru konverze.
WooCommerce kategorie produktů shortcode
kategorie produktů shortcodes uvádí vaše kategorie produktů namísto produktů v nich. Příklad:
zobrazí seznam všech 4 vašich kategorií WooCommerce seřazených podle názvu.
Pojďme se podívat na některé atributy a shortcodes, které jdou s kategorií výrobků:
- omezení řídí počet kategorií, které jsou zobrazeny.
- orderby řídí pořadí řazení; „name“ a „date“ jsou platné volby.
- order představuje pořadí kategorií produktů, tj. “ ASC „nebo “ DESC“.sloupce
- ukazují počet sloupců, do kterých jsou Kategorie uspořádány.
- hide_empty se používá pro skrytí kategorií produktů bez produktů.
- parent umožňuje zobrazit pouze kategorie produktů nejvyšší úrovně.
- ID představují, že ID kategorií lze nastavit pouze podle výstupních zadaných výsledků.
Poslední produkty
krátký kód WooCommerce Poslední produkty zobrazuje produkty, které jste nedávno přidali do svého online obchodu.
Toto je zkrácený pro nejnovější výrobky:
Nicméně, pokud chcete zobrazit aktuální datum, kdy byl produkt přidán do vašeho on-line obchodu, nebo pokud chcete větší kontrolu, pak můžete použít WooCommerce Produktu Stůl plugin místo.
jednoduše objednejte tabulku produktů podle data v sestupném pořadí a pomocí čísla limitu produktu určete, kolik produktů zahrnout:
Pokud jste obsahovat datum, sloupec v tabulce, pak zákazníci mohou snadno zjistit, které výrobky byly v poslední době přidány do obchodu.
Doporučené produkty
Doporučené produkty shortcode pro WooCommerce umožňuje vypsat vybrané produkty odděleně od zbytku vašeho obchodu. Použijte jej k seznamu doporučených produktů kdekoli se vám líbí, například v blogových příspěvcích nebo na jiných stránkách.
Doporučené produkty jsou WooCommerce produktů, které mají modrou ikonu hvězdičky vedle nich na Všechny Výrobky stránce:
Toto je zkrácený pro osvětu doporučené produkty: . Výstup by měl vypadat takto:
Opět, pokud se vám nelíbí obraz mřížky pak můžete seznam doporučené produkty pomocí WooCommerce Produktu Stůl plugin shortcode místo:
Tento seznam doporučené produkty v tabulce rozložení, podle toho, co sloupců informace, které jste vybrali na plugin stránku nastavení.
WooCommerce prodej produktů krátký kód
zkrácený prodej produktů vám umožní předvést produkty aktuálně v prodeji. Můžete snadno zobrazit pomocí shortcode:
Nejprodávanější produkty zkrácený
Použijte následující shortcode, WooCommerce zobrazit vaše all-time nejprodávanějších produktů v mřížce:
quick view tlačítka se zobrazí na front-end, pokud máte WooCommerce Quick View Pro plugin nainstalován na vašem webu WordPress.
Pokud byste raději rozložení tabulky, pak si můžete také seznam bestsellerů nebo populární produkty s WooCommerce Product Tabulka krátký kód jako tento:
Přečtěte si naši kompletní návod na to, jak seznam oblíbených výrobků s WooCommerce Product Tabulka.
nejlépe hodnocené produkty
můžete použít nejlépe Hodnocené Produkty zkrácený spolu s WooCommerce je vestavěný recenze a hodnocení funkce předvést své nejlépe hodnocené produkty. Použijte krátký kód:
můžete také seznam nejlépe hodnocené produkty v zobrazení tabulky pomocí WooCommerce Produktu Stůl shortcode:
Související produkty zkrácený
Související produkty seznam výrobků, které jsou podobné k produktu, který zákazník je procházení. Ty se zobrazí přímo pod hlavním produktem na stránce jednoho produktu, ale můžete použít zkrácený produkt související s WooCommerce pro seznam souvisejících produktů jinde.
Použít krátký kód zobrazit související produkty kdekoliv na vašem webu WordPress.
Přidat do košíku tlačítko zkrácený
shortcode, WooCommerce vám umožní ukázat cenu a přidat do košíku tlačítko pro jeden produkt na základě jeho ID. Tady je to, co to vypadá jako na front-end:
můžete zvážit přidání na widgetized oblasti na svůj online obchod nebo blog post.
Tento zkrácený práce s WooCommerce Quick View Pro plugin. Při použití obou pluginů společně se vedle tlačítek Přidat do košíku zobrazí tlačítka rychlého zobrazení. To je ideální, pokud zobrazujete variabilní produkty nebo chcete, aby zákazníci mohli změnit množství před přidáním do košíku. Zákazníci si mohou prohlédnout další informace o produktu, vybrat množství a varianty a přidat do košíku z LightBoxu rychlého zobrazení. Tím je ponecháte na původní stránce místo toho, abyste je přenesli na samostatnou stránku produktu.
Pokud byste raději zobrazit přidat do košíku tlačítka na více produktů, nebo pokud se vám nelíbí výchozí formát s velkým obrazem, pak můžete použít WooCommerce Produktu Stolu místo.
vyberte, které sloupce chcete zahrnout do tabulky produktů (nezapomeňte zahrnout sloupec přidat do košíku!) a použijte krátký kód pro vložení kdekoli se vám líbí. Použití zahrnují možnost vybrat si, které produkty patří například:
mohu ukázat shortcodes v shortcodes?
někdy možná budete chtít vnořit krátké kódy – například přidat zkrácený přehrávač zvuku WordPress tak, aby do seznamu produktů přidal vložený hudební přehrávač.
krátké kódy WooCommerce normálně nemůžete vnořit. Nicméně, můžete dosáhnout tím, že pomocí WooCommerce Produktu Stolní zkrácený seznam výrobků, a přidat další shortcodes na pole, které máte zobrazeny v produktu stůl.
řekněme například, že chcete uvést 8 produktů s vestavěným audio přehrávačem pro každý z nich. Audio přehrávač můžete přidat do krátkých nebo dlouhých polí popisu produktu a zobrazit je jako sloupce v tabulce. Ty pak pomocí WooCommerce Produktu Stolní zkrácený seznam těch konkrétních výrobků, včetně krátké nebo dlouhé popisek sloupce, který obsahuje audio přehrávače.
shortcodes z jiných pluginů práce v rámci produktu stolu, ujistěte se, že povolíte ‚Shortcodes‘ možnost na WooCommerce Produktu Tabulka na stránce nastavení:
WooCommerce stránky shortcodes
začněme tím, že pohled na některé z nejčastějších WooCommerce stránky shortcodes. Ty automaticky vytvářejí celé stránky, například košík nebo pokladna.
WooCommerce nákupní košík
WooCommerce shopping cart zkrácený – – umožňuje zobrazit zákazníka nákupní košík na vaše webové stránky WordPress je front-end. Můžete jej přidat na stránky nebo příspěvky WordPress nebo je zobrazit v rozšířených oblastech(například na postranním panelu).
To bude vypadat nějak takhle na front-end:
Při instalaci a aktivaci WooCommerce, aby vaše webové stránky WordPress, to automaticky vytvoří některé stránky pro vás – včetně Košík strana, která používá tento zkrácený. Pomocí krátkého kódu můžete přidat košík do dalších částí vašeho webu.
WooCommerce checkout page
můžete použít WooCommerce checkout shortcode – – vygenerovat kompletní stránku pokladny na vašem webu elektronického obchodování. Tato stránka je také automaticky vytvořena pro vás při instalaci WooCommerce. Zkrácený kód můžete také použít k vložení pokladny jinde (například pod tabulku produktů pro vytvoření jednostránkového nakupování).
WooCommerce pokladně zkrácený obsahuje fakturační údaje, objednávky detaily, a možnost, aby loď na jinou adresu.
WooCommerce sledování objednávek
WooCommerce umožňuje majitelům obchodů vytvořit stránku sledování objednávek pomocí krátký kód. Ačkoli tato stránka nepřichází s WooCommerce po vybalení z krabice, můžete jednoduše vytvořit novou stránku a vložit krátký kód do textového editoru a vytvořit si vlastní. Mělo by to vypadat něco jako tohle na front-end:
WooCommerce user account page
WooCommerce automaticky vytvoří stránku Můj Účet, když jste poprvé ji nainstalovat na vaše webové stránky. To se provádí pomocí shortcode. Pomocí krátkého kódu můžete vložit oblast účtu do dalších míst na celém webu.
zkrácený kód Můj účet slouží jako přihlašovací a registrační formulář pro odhlášené uživatele. V důsledku toho můžete také použít jako zkrácený přihlašovací kód WooCommerce.
Přidat WooCommerce shortcodes více snadno pomocí tlačítka panelu nástrojů
i Když můžete najít všechny druhy shortcode, WooCommerce pluginy na webu, doporučujeme používat zdarma WooCommerce Shortcodes plugin od WooThemes. Po instalaci a aktivaci, bude tento plugin přidává TinyMCE drop-dolů tlačítko do WordPress text editor, aby vám snadný přístup ke všem vestavěným-v WooCommerce shortcodes. To vám ušetří museli zkopírovat a vložit shortcodes.
po aktivaci pluginu WooCommerce Shortcodes se v textovém editoru WordPress zobrazí nové tlačítko shortcode. Jakmile kliknete na toto tlačítko, rozevírací seznam se zobrazí, které obsahují všechny standardní WooCommerce shortcodes:
řešení Potíží WooCommerce shortcodes
Někdy, vložit správnou shortcode, WooCommerce do textového editoru, ale to nebude zobrazovat správný výstup. V takovém případě zkontrolujte, zda jste omylem nevložili zkrácený kód do značek <pre>. Tyto značky můžete odstranit tak, že přejdete do textového editoru HTML.
Nejlepší WooCommerce shortcodes pro Produkt Stůl
předtím, Než jsme se dokončit, zde je rychlý členění z nejvíce užitečných vestavěné WooCommerce shortcodes, které můžete použít s WooCommerce Product Tabulka plugin a WooCommerce Quick View Pro pluginy:
| Plugin Required | Shortcode name | WooCommerce shortcode | Description | |
| None | Shopping Cart | Displays a shopping cart on the front-end of the website | ||
| None | Checkout Page | Displays a complete checkout page. | ||
| None | Order Tracking | Displays an order tracking form for your e-commerce website. | ||
| None | Uživatelský Účet, Stránky | Zobrazí „Můj Účet“ stránky pro uživatele | ||
| WooCommerce Produktu Tabulka | Cena Produktu/Košíku Tlačítko | Dodává výrobku cena (nebo přidat do košíku) tlačítko k produktu stůl. | ||
| WooCommerce Quick View pro | více produktů Shortcode | zobrazuje více (vybraných) produktů na Stránce nebo příspěvku pomocí tlačítek rychlého zobrazení. | ||
| WooCommerce Quick View pro | kategorie produktů | zobrazuje konkrétní kategorie produktů na přední straně webové stránky. | ||
| WooCommerce Quick View pro | kategorie produktů podle Slug | |||
| WooCommerce Quick View Pro | Poslední Produkty | Zobrazí seznam nejnovějších produktů, které jste přidali do svého on-line obchodu spolu s rychlé zobrazení tlačítek. | ||
| WooCommerce Quick View Pro | Doporučené Produkty | Zobrazí seznam doporučené produkty s rychlé zobrazení tlačítek. | ||
| WooCommerce Quick View pro | prodej produktu | zobrazí seznam všech produktů v prodeji pomocí tlačítek rychlého zobrazení. | ||
| WooCommerce Quick View Pro | nejprodávanější Produkt | Zobrazí seznam nejprodávanějších produktů, s rychlé zobrazení tlačítek. | ||
| WooCommerce Quick View Pro | nejlépe Hodnocené Produktu | Zobrazí seznam vašich top hodnocené produkty s rychlé zobrazení tlačítek. | ||
| WooCommerce Quick View pro | související produkt | zobrazuje seznam souvisejících produktů s tlačítky rychlého zobrazení na jednotlivých stránkách produktu. | ||
| WooCommerce Quick View Pro | Zobrazí „Přidat Do Košíku“ tlačítko na jeden produkt, pomocí ID produktu |
Přeplňování svém WooCommerce obchodě s shortcodes!
WooCommerce shortcodes jsou malé úryvky kódu, které vám umožní přidat do vašeho online obchodu elegantní funkce. Můžete je přidat na stránky obchodu, příspěvky nebo rozšířené oblasti na vašem webu(například postranní panel). Některé krátké kódy WooCommerce také podporují parametry, které můžete použít k přizpůsobení výstupu.
ne všechny krátké kódy WooCommerce však poskytují dobrý uživatelský zážitek. Místo toho, abyste je vložili tak, jak jsou, můžete zvážit jejich použití vedle pluginu WooCommerce Product Table nebo pluginu WooCommerce Quick View pro.
je to například jediný způsob, jak zákazníkům umožnit výběr množství a variací mimo stránku produktu, a umožňuje vám zobrazit další informace o každém produktu a ovládat velikost obrázku. Pokud chcete větší flexibilitu, můžete nainstalovat tabulku produktů WooCommerce a začít experimentovat s 50 + možnostmi krátkého kódu. To vám dá více elegantní a organizovaný pohled na front-end a zároveň zajistit vaše stránky zlepšuje zážitek z nakupování zákazníka.
Chcete-li shrnout, WooCommerce shortcodes vám umožní zlepšit cestu kupujícího, Zobrazit více produktů najednou a usnadňuje zákazníkům rychlou navigaci v procesu platby. Můžete také vyzkoušet jiné WooCommerce shortcode pluginy (jako WooCommerce kupón Shortcodes), které vám umožní využít pokročilé funkce, jako je přidání Kupón kódy do vašeho internetového obchodu.