V tomto příspěvku vám ukážeme, jak kombinovat tabulku produktů Elementor a WC k vytvoření přizpůsobenějšího webu WordPress a zároveň ke zvýšení prodeje vašeho obchodu WooCommerce.
WordPress zjednodušuje proces vytváření webových stránek a jejich rychlého uvedení do provozu. WooCommerce je plugin WordPress, který vám umožní přeměnit jakýkoli web WordPress na plně funkční online obchod. Riskujete, že vytvoříte kopírovací web, ale pokud budete pokračovat s jejich výchozími možnostmi a funkcemi, nemusí to být vhodné pro vaše obchodní potřeby. Je klíčové najít nejlepší nástroje pro návrh a přizpůsobení vašeho webu, dokud nebude to, co chcete.
Mnoho WordPress a WooCommerce plugin s jsou k dispozici ke zlepšení vašeho obchodu je funkčnost - Elementor, pro ex amp le, je nejjednodušší nástroj pro přizpůsobení produktovou stránku WooCommerce. I když je to jedna z jeho nejvýznamnějších výhod, má také několik významných nevýhod. Pro ex amp le, když zkombinujete WordPress plugin je od různých autorů, spuštění šanci potýká s chybami s kompatibilitou a jiné komplikace; toto není případ při použití WooCommerce tabulkové části a Elementor plugin sa na internetových stránkách WordPress. Při použití některého z těchto plugin budete mít větší kontrolu nad vzhledem a funkčností svého webu a lze je použít ve spojení, abyste dosáhli ještě vynikajících výsledků.
- Stručný přehled tabulky produktů WooCommerce a rámců Elementor
- Chcete-li začlenit tabulku produktů WooCommerce do textového editoru nebo widgetu krátkého kódu, postupujte takto:
- Akordeony, karty a přepínače lze použít k uspořádání několika tabulek produktů.
Stručný přehled tabulky produktů WooCommerce a rámců Elementor
Jak již bylo řečeno, k dispozici je obrovský výběr plugin WordPress, které vám pomohou vytvořit lepší web WordPress přizpůsobený vašim konkrétním požadavkům. Některé plugin s je určen pro použití ve velkém měřítku, zatímco jiné jsou navrženy tak, aby přidat konkrétní aspekt nebo funkce.
Elementor je ex amp le prvního typu aplikace:
Náš plugin pro vytváření stránek vám nabízí zcela nové rozhraní pro konstrukci webových stránek a vytváření webových stránek WordPress. Výběrem a přizpůsobením rozsáhlé knihovny widgetů, bloků a rozvržení získáte velkou kontrolu nad tím, jak jsou vaše webové stránky sestaveny.
I když je tabulka produktů WooCommerce obecnějším řešením, je také cílenější:
Tento plugin vám umožňuje vytvářet dynamické, plně přizpůsobitelné tabulky, které obsahují seznam vašich produktů a služeb WooCommerce. Kvůli jejich interakci s WooCommerce jsou však tyto tabulky zvláště vhodné pro zobrazování položek a služeb uživatelsky přívětivým a vizuálně přitažlivým způsobem pro nakupující online. plugin Posts Table Pro interaguje stejně s Elementorem a místo toho může použít jakýkoli typ obsahu WordPress v tabulce místo jednoduše produktů WooCommerce (pokud chcete zobrazit něco jiného než produkty - například příspěvky, stránky nebo dokumenty).
Při použití ve spojení navzájem poskytují Elementor a WooCommerce tabulka produktů výrazně rozmanité funkce. Můžete je využít k vytvoření několika velmi významných dopadů, které pomohou zvýšit počet prodejů vašeho obchodu WooCommerce.
Nyní je čas pustit se do práce. V následujících kapitolách se podíváme na nějakém reálném světě ex amp les o tom, jak můžete využít WooCommerce tabulkové části a Elementor vytvořit účinky podobné těm, které je uvedeno výše.
Pokud jde o kombinaci těchto dvou plugin , obloha je limit - a to je jen několik z možností. S trochou pokusů a omylů můžete sestavit různé stránky pomocí stejného základního přístupu, který předvedeme.
Nejdůležitější je zajistit, aby byly na vašem webu správně nainstalovány oba plugin . Je dobré, že instalace Elementoru a konfigurace tabulky produktů WooCommerce je bezbolestná a přímočará. Než budete moci pokračovat v tomto kroku, musí být také nainstalován a povolen samotný WooCommerce. Pak budete připraveni začít pracovat na svém projektu.
Chcete-li začlenit tabulku produktů WooCommerce do textového editoru nebo widgetu krátkého kódu, postupujte takto:
Začněme s nejzásadnější a nejpřínosnější možnou aplikací. Alternativně, pokud chcete jednoduše použít dynamickou tabulku produktů na svém webu Elementor, můžete ji přidat do widgetu a nechat ji zobrazit na přední straně webu.
Abyste toho dosáhli, ujistěte se, že používáte editor Elementor, když otevřete libovolnou stránku nebo příspěvek. Pokud se vám zobrazí známé rozhraní WordPress, kliknutím na tlačítko Upravit pomocí Elementoru přepněte na rozhraní Elementor:
Pokud s Elementorem pracujete poprvé, udělejte si malou prohlídku platformy. Napravo, kde se zobrazí váš obsah, se zobrazí velká oblast a bude se aktualizovat v reálném čase, jakmile jej přidáte a upravíte. Na levé straně obrazovky je seznam „widgetů“, které můžete přetáhnout do určené oblasti a poté je podle potřeby reorganizovat a nakonfigurovat:
Tabulka produktů může být použita s řadou různých widgetů Elementor. Pokud však chcete na stránce zobrazit pouze jedinou tabulku produktů, můžete toho dosáhnout zahrnutím úvodní textové části do kódu HTML stránky. Vyberte widget Textový editor a přesuňte jej na prázdné místo následujícím způsobem:
Poté můžete kliknout do widgetu, abyste odstranili výchozí text a nahradili ho jakýmkoli požadovaným obsahem. Pokud jde o samotnou tabulku produktů, můžete ji zahrnout vložením do tohoto jednoduchého krátkého kódu:
[tabulka produktů]
Když na stránku vložíte zkrácený kód, zobrazí se tabulka v zadaném umístění, které můžete ověřit zobrazením na klientském rozhraní:
Pokud chcete použít pouze prvek pro samotný kód, můžete použít widget Shortcode.
Po dokončení umístění tabulky nezapomeňte stránku uložit, bez ohledu na to, kam se ji rozhodnete umístit. Poté budete pravděpodobně chtít provést nějaké změny v tom, jak se tabulka zobrazuje a jak funguje.
Vraťte se na svůj řídicí panel WordPress a přejděte na kartu WooCommerce> Nastavení a dokončete tento úkol. Tabulky produktů najdete výběrem produktů v horní části obrazovky a poté tabulkami produktů:
Podrobný seznam možností konfigurace tabulky produktů WooCommerce najdete přímo zde. Máte úplnou kontrolu nad informacemi, které se zobrazují v tabulce, a můžete si je upravit mimo jiné přidáním filtrů a proměnných. Další informace o různých možnostech najdete v dokumentaci plugin .
Tabulku produktů, kterou jste právě vytvořili pomocí Elementoru, budete moci upravit, aniž byste museli dělat cokoli jiného. Jakmile dokončíte přizpůsobení tabulky podle svých specifikací, jednoduše uložte změny a jste připraveni!
Akordeony, karty a přepínače lze použít k uspořádání několika tabulek produktů.
Výše uvedené řešení funguje dobře, pokud chcete prezentovat jedinou tabulku se svými produkty WooCommerce. Pokud se chystáte vytvořit mnoho tabulek, z nichž každá má jinou kategorii objektů, není to nejlepší volba.
Existuje několik různých způsobů, jak toho dosáhnout v Elementoru. Harmoniky widgetu pro ex amp le, mohou být použity k vytvoření stejného efektu, který jsme viděli v poslední případové studie. Začněte od oblasti úprav vpravo a přesuňte widget Akordeon do oblasti úprav vlevo.
Kliknutím na znaménka plus můžete vytvořit tolik samostatných karet, kolik chcete, a v každé z nich můžete upravit záhlaví a text. Kromě toho můžete přidat tabulku produktů na jednu nebo více karet pomocí stejného zkráceného kódu, jak bylo uvedeno výše.
Pouhé přidání základního zkráceného kódu bude samozřejmě mít za následek posloupnost podobných produktových tabulek, což pravděpodobně není to, co jste hledali. Místo toho budete muset přizpůsobit každý zkrácený zobrazit pouze určité výrobky - pro ex amp le, předměty z kategorie specifický - místo všechny výrobky.
Způsob, který použijete, bude určen produkty, které chcete zahrnout a vynechat z každé dotyčné tabulky. Další informace najdete v kompletním průvodci přizpůsobením krátkých kódů tabulky produktů WooCommerce.
Stojí za zmínku, že podobného efektu můžete dosáhnout pomocí některých dalších užitečných widgetů Elementor; to mimo jiné zahrnuje widget Toggle a widget Tabs. Pokud jde o prezentaci několika tabulek produktů WooCommerce přitažlivým a dobře organizovaným způsobem, Elementor je vaším oblíbeným nástrojem.
Vyčistěte si své nedbalé označení díky bezplatným online organizátorům HTML, CSS a JavaScript!
Pokud chcete, aby vaše firma vynikla nad konkurencí, věnujte pozornost designu svého webu elektronického obchodování. Pro ex amp le, budete chtít zjistit, co nejefektivnější způsob představí své produkty, v ideálním případě ve stylu, který je tak uživatelsky přívětivé a vizuálně přitažlivé pro oko.
Naštěstí díky použití plugin WooCommerce Table Table s Elementorem je tento úkol přímočarý. Pomocí zkráceného kódu tabulky produktů můžete skutečně dynamickým způsobem zobrazit vše, co váš web nabízí (nebo jen výběr).
