Trendy v nakupování se mění rychlým tempem a lidé mají tendenci nakupovat online více než kdy jindy.
To je důvod, proč potřebují obchod s eCommerce, aby uspokojili zvyky online nakupování, protože lidé považují za výhodnější koupit online, než jít nakupovat.
Obchod s elektronickým obchodem můžete také spustit okamžitě pomocí správných nástrojů a nastavení. A v rekordním časovém období si všimnete drastického zvýšení prodeje.
Pokud jste plánovali spuštění elektronického obchodu a hledali jste odborníka WordPress, který by za vás udělal práci, dovolte mi říci, že nic nepotřebujete.
Ano! Můžete to udělat sami, protože nemusíte být vývojář WordPress nebo odborník na kódování a můžete to udělat bez znalosti kódování se správnými nástroji a nastavením.
Postupujte podle podrobného návodu k vytvoření stránky obchodu WooCommerce pomocí nástroje pro tvorbu stránek Elementor.
Podívejme se hlouběji, abychom se dostali k věci!
- Co budete potřebovat při vytváření stránky produktu pomocí Elementoru?
- Jak nainstalovat Tvůrce stránek Elementor?
- Vytvořte stránku produktu Elementor WooCommerce krok za krokem
- Mobilní optimalizace stránky produktu WooCommerce
- Prvek Elementor Pro
- Zabalení
Co budete potřebovat při vytváření stránky produktu pomocí Elementoru?
plugin WooCommerce na svůj web WordPress z úložiště WordPress.org a navíc budete muset nainstalovat nástroj pro tvorbu stránek Elementor . Bezplatnou verzi lze stáhnout z WordPress.org, avšak bezplatná verze přichází s omezenými možnostmi přizpůsobení. Pokud tedy chcete získat neomezené možnosti přizpůsobení, vyberte si profesionální Elementor a stáhněte si jej z oficiální stránky Elementor.org.
Jak nainstalovat Tvůrce stránek Elementor?
- Pro verzi Elementor zdarma:
Přejít na Plugin s> Přidat nový> zadat Elementor tvůrce stránky> klepněte na tlačítko nainstalovat a aktivovat.
- Pro Elementor Pro:
Zakupte si verzi Pro na webu Elementor.com a poté nahrajte soubor zip a poté klikněte na instalaci a aktivaci.
Vytvořte stránku produktu Elementor WooCommerce krok za krokem
Standardní produktová stránka WooCommerce vypadá jako jakákoli základní produktová stránka WooCommerce bez ostrých výrazů.
Pokud však chcete přidat hlas vaší značky, musíte jej jedinečně přizpůsobit.
Krok 1: V nabídce Dashboard přejděte do části Šablona a klikněte na „Přidat nový“.
Nyní z rozbalovací nabídky vyberte položku „Jeden produkt“
Nejlepší na tom je, že Elementor přichází s některými předem připravenými šablonami stránky produktu, takže pokud chcete rychle začít, vyberte kohokoli z možností, které vypadají nejblíže k požadované.
Je mnohem snazší vytvořit stránku produktu z předem připravené šablony, než vytvořit od nuly. Proto upravte jakoukoli existující šablonu a ušetřete váš čas a úsilí.
Tuto šablonu jsme vybrali pro naši stránku produktu.
Jakmile vyberete svou oblíbenou šablonu, povede vás do editoru Elementor, kde ji můžete přizpůsobit podle svého vkusu.
Zde vidíte různé bloky v nabídce leftside. Přetáhněte blok, se kterým chcete pracovat.
Klikněte na tlačítko „+“ Přidat a vyberte velikost sloupce, kterou chcete přidat.
Pro naši šablonu produktu jsme vybrali velikost dvou sloupců.
Nyní do pravého sloupce přidejte widget názvu produktu a do něj přidejte název produktu.
Jakmile přidáte název produktu, dalším krokem je přidání nad ním „Woo breadcrumbs“.
Nyní přidejte obrázek produktu do levého sloupce a přetáhněte widget obrázku produktu z levého sloupce.
Výplň můžete přidat do obou sloupců, aby byly mírně od sebe.
Po přidání obrázku a úpravě výplně podle požadovaných rozměrů přidejte do názvu produktu widget hodnocení produktu.
Pod blok kontroly produktu přidejte stručný popis widgetu produktu. můžete také upravit mezeru mezi dvěma bloky.
Až budete hotovi s popisem produktu a všemi podrobnostmi, dalším krokem je přidání ceny produktu a za tímto účelem budete muset přetáhnout cenový widget pod popis produktu.
Po přidání karty ceny pod popis produktu můžete přizpůsobit cenový widget výběrem možností z levé nabídky. Ikonu můžete zvětšit, změnit styl písma a také barvu písma z černé na jakoukoli jinou barvu podle vašeho výběru.
Nyní přidejte widget „přidat do košíku“ a pokud chcete, upravte jeho barvu, písmo nebo styl z nabídky.
Nyní přidejte metadata produktu do widgetu ceny, který zobrazí kategorii produktu a sériové číslo produktu.
Krok 2: Přidejte další informace o produktu v další části.
Vytvořte novou sekci se dvěma sloupci a poté přidejte karty s údaji o produktu včetně popisu, dalších informací a recenzí. A na pravé straně sloupce přidejte související produktovou sekci.
Chcete-li zachovat stejný formát každého sloupce, můžete kliknout v levém rohu každého sloupce a zkopírovat a vložit formát sloupce pro každý sloupec.
Krok 3: Přidejte další sekci a přidejte sekci „up-sell“.
Zde bude vypadat, jak budete po prodeji vypadat v sekci pro prodej. Chcete-li zarovnat sekci, přidejte výplň
A konečně jste hotovi s návrhem stránky produktu. Nyní je posledním krokem místo, kde chcete produkt publikovat? můžete kliknout na publikovat nebo přejít do části oka v nejspodnějším dolním rohu levé nabídky a kliknutím na nastavení vyberte kategorii produktu.
Klikněte na nabídku Přidat podmínku, poté vyberte kategorii produktu a klikněte na Publikovat.
Mobilní optimalizace stránky produktu WooCommerce
Vzhledem k tomu, že prostřednictvím smartphonů projde hodně provozu, budete muset optimalizovat svůj obchod pro prohlížení smartphonů, jinak může dojít ke ztrátě prodeje.
Přestože je WooCommerce již optimalizován pro mobily, přesto se ujistěte, zda vaše šablony stránky produktu vypadají na mobilní obrazovce naprosto dobře, postupujte podle tohoto postupu.
V levém dolním rohu rozhraní Elementor najdete možnost Responsive Mode.
Když kliknete na možnost Odezva pro mobilní zařízení, můžete přepínat mezi možnostmi prohlížení mobilních zařízení, počítačů a karet.
Pokud narazíte na komplikace, klikněte na kteroukoli z možností, které chcete zobrazit, a vylepšete design.
Nyní uložte a pokračujte v publikování stránky produktu.
Prvek Elementor Pro
Základní verze Elementor je k dispozici zdarma, zatímco profesionální verze má tři licence. Pokud hledáte svůj osobní blog nebo jednu stránku, pak je pro vás nejvhodnější osobní licence, kde můžete získat stavitel WooCommerce spolu s 90+ profesionálními widgety.
Zatímco licence plus a expert jsou vhodné pro dospělé firmy nebo agentury s podporou 3 webů a 1000 webů.
Zabalení
Jediným účelem tvůrce stránek Elementor je umožnit uživatelům popustit uzdu své kreativitě, aniž by se spoléhali na kódování. Elementor přichází s řadou widgetů, které vám umožní vytvořit jakýkoli druh produktových stránek na základě atraktivních rozvržení. Základních prvků WooCommerce je více než 10, které umožňují uživatelům přizpůsobit každý zlom a křivku stránky obchodu. A pokud nenajdete požadovaný prvek v nabídce Elementor, nebojte se! Existuje mnoho dalších pokročilých nastavení, která mohou upgradovat váš arzenál a přidat do vaší knihovny více prvků. Jedním z nich jsou Essential Add-ons , které přicházejí s vyhrazenými prvky pouze pro WooCommerce.
