Jak přidat nákupní košík do WordPress (bez kódu)

Posted by Stacey Corrin onsrpen 25, 2021

chcete přidat nákupní košík do WordPress?

vytvoření nákupního košíku usnadňuje prodej produktů nebo služeb a přijímání plateb z vašeho webu WordPress. WordPress však tuto funkci ve výchozím nastavení nenabízí, což je náročné, pokud nastavujete internetový obchod.

proto Vám v tomto článku ukážeme, jak přidat nákupní košík do WordPress bez psaní jediného řádku kódu.

výběr nejlepšího pluginu elektronického obchodu pro WordPress

existuje několik pluginů nákupního košíku WordPress, které vám mohou pomoci přidat nákupní košík do WordPress. Například BigCommerce je vynikající platformou pro velké obchody elektronického obchodu díky své rychlosti a bezpečnosti.

ale v tomto článku vám ukážeme, jak vytvořit nákupní košík s WooCommerce, nejoblíbenějším pluginem elektronického obchodu pro WordPress.

woocommerce best ecommerce plugin pro WordPress

WooCommerce je bezplatný open-source plugin, který vám umožňuje prodávat fyzické a digitální produkty na vašem webu WordPress.

platby kreditní kartou můžete přijímat pomocí platebních bran, jako jsou Stripe, PayPal, Amazon Pay, Authorize.net, a mnoho dalších možností. Kromě toho můžete nabídnout offline platební možnosti, jako je dobírka a kontrola.

když začnete přijímat objednávky, můžete spravovat jejich stav v oblasti řídicího panelu. Navíc se můžete připojit k několika možnostem přepravy, jako jsou USPS a FedEx.

WooCommerce pracuje s jakýmkoli tématem WordPress a nabízí rozsáhlé možnosti přizpůsobení. A protože je to tak populární, existují tisíce doplňků pro přidání dalších funkcí do nákupního košíku WooCommerce.

s ohledem na to skočíme a naučíme se, jak přidat nákupní košík do WordPress pomocí WooCommerce.

přidat nákupní košík do WordPress pomocí WooCommerce

Chcete-li začít, přihlaste se do řídicího panelu WordPress a přejděte na Pluginy ≫ Přidat nový. Poté do textového pole vyhledávacího pole zadejte „WooCommerce“.

plugin WooCommerce by se měl objevit jako první výsledek. Klikněte na Instalovat nyní a po dokončení instalace klikněte na Aktivovat.

nainstalujte a aktivujte plugin woocommerce

po aktivaci WooCommerce se dostanete do Průvodce nastavením.

Přidejte podrobnosti o svém obchodě

na první stránce můžete zadat podrobnosti o svém obchodě.

zadejte podrobnosti obchodu woocommerce

vyplňte svou adresu a zaškrtněte políčko, pokud nastavujete obchod pro klienta. Pokud tomu tak není, zrušte zaškrtnutí a klikněte na Pokračovat.

vyberte své odvětví

na následující obrazovce si můžete vybrat odvětví pro svůj internetový obchod, například:

  • Móda, Oblečení, doplňky
  • zdraví a krása
  • Elektronika a počítače
  • jídlo a pití
  • Dům, nábytek, zahrada
  • vzdělávání a učení
  • Ostatní

vyberte odvětví pro váš internetový obchod

po výběru odvětví klikněte na tlačítko Pokračovat.

Vyberte typy produktů

dalším krokem je výběr typu produktů, které budete prodávat. S WooCommerce můžete prodávat fyzické produkty i digitální stahování. Můžete také prodávat členství, předplatné a provádět rezervace událostí.

Vyberte typy produktů

odtud klikněte na Pokračovat a přejděte na stránku s obchodními údaji.

SOUVISEJÍCÍ: Jak vložit Facebook události na WordPress

zadejte své obchodní údaje

na této obrazovce můžete vybrat, kolik produktů chcete zobrazit na svých stránkách produktů. Můžete si vybrat z „ještě nemám žádné produkty“ na více než 1 000+.

 zadejte své obchodní údaje

kromě toho můžete v rozevíracím seznamu níže sdělit WooCommerce, pokud prodáváte své produkty jinde, například ve fyzických obchodech. Vyberte tedy preferovanou možnost a klikněte na Pokračovat.

dále si můžete vybrat instalaci volitelných bezplatných doplňků z WooCommerce, abyste vylepšili svůj online obchod. Například můžete přijímat kreditní karty s platbami WooCommerce a používat WooCommerce Tax k získání automatizované daně z obratu a další.

 nainstalujte zdarma Volitelné doplňky woocommerce

doporučujeme nainstalovat všechny tyto doporučené doplňky. Můžete snadno odstranit vše, co nepotřebujete později.

vyberte téma WordPress

posledním krokem v průvodci nastavením je vybrat téma WordPress pro Váš online obchod. Můžete pokračovat ve stávajícím tématu WordPress nebo si vybrat z několika dalších bezplatných a prémiových témat.

 vyberte téma WordPress

jednou z nabízených možností je téma obchodu WooCommerce. Toto bezplatné téma je vytvořeno speciálně pro WooCommerce, což usnadňuje rychlé uvedení vašeho obchodu do provozu.

pro tuto příručku se rozhodneme pokračovat v našem stávajícím tématu, které dokončí nastavení podrobností obchodu.

přidejte nové produkty do svého obchodu WooCommerce

se základy vašeho obchodu WooCommerce na místě můžete nyní začít přidávat produkty na svůj web. Chcete-li to provést, přejděte na WooCommerce Home domů a klikněte na možnost „Přidat Moje produkty“.

 Přidat nové produkty woocommerce do svého obchodu

existuje několik způsobů, jak přidat produkty do WooCommerce, včetně:

  • počínaje šablonou
  • ruční přidání každého produktu
  • Import produktů přes CSV
  • Import produktů z jiné služby

jedním z nejrychlejších způsobů je import produktů ze souboru CSV, takže si vybereme tuto možnost.

 importujte produkty woocommerce pomocí csv

odtud si můžete vybrat soubor CSV produktu z počítače a kliknout na Pokračovat.

nahrajte soubor csv vašich produktů

před dokončením importu vás WooCommerce požádá o Výběr polí z vašeho souboru CSV pro mapování proti polím produktů, jako je obrázek produktu, cena produktu a další. Případně se můžete rozhodnout tato pole ignorovat a upravit podrobnosti o produktu ručně.

nyní můžete kliknout na tlačítko Spustit dovozce. V závislosti na tom, kolik produktů přidáte, může vytvoření produktů WooCommerce trvat několik minut.

nastavení platebních možností

než začnete prodávat své produkty, budete muset nastavit preferované platební metody. Chcete-li to provést, přejděte do nastavení WooCommerce ≫ a klikněte na kartu Platby.

 nastavení platebních bran woocommerce

postupujte podle pokynů pro nastavení pro každý způsob platby. Aktivací navrhovaných doplňků můžete také přidat další populární platební procesory, jako je jednoduchý nákupní košík PayPal a Stripe.

Nezapomeňte kliknout na tlačítko Uložit změny pro uložení nastavení.

Nyní, když je váš obchod WooCommerce nastaven, možná vás zajímá váš nákupní košík. WooCommerce automaticky vytváří jednotlivé stránky pro:

  • stránka košíku
  • stránka pokladny
  • stránka mého účtu

takže nemusíte podnikat žádné další kroky. S vlastní stránkou košíku WooCommerce však můžete výrazně zvýšit svůj prodej a konverze.

například studie ukazují, že téměř 7 z 10 zákazníků opustí váš nákupní košík a nikdy se nevrátí. Optimalizací výchozí stránky košíku WooCommerce tedy můžete dosáhnout většího prodeje bez zvýšení aktuálního provozu.

a co víc, když návštěvníci mají položky v košíku, jsou velmi blízko k dokončení nákupu. Vaše stránka WooCommerce cart by tedy měla udělat vše pro to, aby se tento nákup uskutečnil.

s ohledem na to vám nyní ukážeme, jak vytvořit vlastní stránku WooCommerce košíku ve WordPressu pomocí SeedProd.

přidat vlastní WordPress nákupní košík WordPress

seedprod nejlepší WordPress vstupní stránka plugin

SeedProd je nejlepší drag and drop Page builder používá více než 1 milion webových stránek. To vám umožní snadno vytvořit vlastní stránku WooCommerce košíku, aby se více prodeje. A před spuštěním můžete vytvořit stránku WooCommerce coming soon, která bude generovat vzrušení od 1.dne.

tento plugin můžete také použít k vytvoření jakékoli vstupní stránky ve WordPressu bez najímání vývojáře. A díky široké škále možností přizpůsobení je snadné, aby vaše stránka vypadala přesně tak, jak chcete.

nainstalujte a aktivujte SeedProd

Chcete-li začít, musíte nejprve nainstalovat a aktivovat plugin SeedProd. Takže klikněte sem a začněte se SeedProd.

pokud potřebujete pomoc s tímto krokem, můžete postupovat podle této příručky, Jak nainstalovat plugin WordPress.

poznámka: k dispozici je bezplatná verze SeedProd, kterou můžete použít, ale pro tento tutoriál použijeme verzi Pro, protože má vestavěné bloky WooCommerce, které potřebujeme.

po aktivaci pluginu přejděte do Nastavení SeedProd a zadejte licenční klíč produktu.

ověřte svůj licenční klíč seedprod

licenční klíč SeedProd najdete v řídicím panelu svého účtu na webových stránkách SeedProd.

vytvořte novou stránku košíku

po ověření licenčního klíče přejděte na stránky SeedProd a kliknutím na tlačítko „Přidat novou vstupní stránku“ vytvořte novou stránku nákupního košíku.

 Přidat novou vstupní stránku v WordPress

dále uvidíte knihovnu šablon vstupních stránek, které můžete použít k rychlému přidání premade stránky na váš web.

šablony vstupních stránek SeedProd

existují desítky profesionálně navržených šablon pro téměř jakýkoli obchodní cíl. Jakmile najdete šablonu, která se vám líbí, najeďte na ni a klikněte na ikonu „zaškrtnutí“.

pro tuto příručku použijeme prázdnou šablonu, protože chceme přidat pouze základní prvky stránky, které potřebujeme pro naši stránku košíku.

Blank lanidng page template seedprod

ve vyskakovacím okně, které následuje, můžete zadat název nákupního košíku. Poté klikněte na tlačítko Uložit a začněte upravovat stránku.

Přizpůsobte si stránku WooCommerce košík

po pojmenování stránky se dostanete do nástroje drag and drop builder, kde můžete začít vytvářet klíčové části stránky košíku.

přidejte Logo

začněme přidáním bloku obrázků, abyste mohli nahrát logo. Tento blok můžete snadno upravit tak, aby vypadal jako záhlaví vašeho webu, aniž byste z něj udělali obrázek, na který lze kliknout.

tím se udržuje vaše značka konzistentní a dává uživatelům méně míst k opuštění stránky, což vám pomůže snížit opuštění nákupního košíku.

nejprve vyberte blok obrázků a přetáhněte jej na náhled stránky vpravo. Odtud můžete nahrát logo z počítače nebo knihovny médií WordPress.

přetáhněte obrazový blok na svou stránku

kliknutím na blok můžete zcela přizpůsobit své logo v levém panelu.

přizpůsobte nastavení loga obrázku

Přidejte svůj nákupní košík

Nyní přidejte nový sloupec pro rozvržení stránky košíku. Za tímto účelem jsme vybrali možnost obsah a postranní panel v části „Vyberte rozvržení“.

vyberte nové rozložení sloupců

toto rozvržení umožňuje mít sekci pro Váš nákupní košík a oblast pro zobrazení recenzí a posudků. Začněme tedy přidáním nákupního košíku.

Chcete-li to provést, přejděte dolů do sekce bloky WooCommerce. Poté přetáhněte blok košíku do sloupce obsahu. Váš košík WooCommerce se poté automaticky zobrazí v náhledu.

přidat nákupní košík Do náhledu stránky WordPress

kliknutím na blok můžete přizpůsobit každou část košíku. Můžete například Změnit štítky a barvy tlačítek, barvy pozadí pole a další.

Přizpůsobte si svůj nákupní košík woocommerce

zahrňte Ohlasy zákazníků

můžete přidat blok osvědčení SeedProd, abyste zobrazili sociální důkaz a přesvědčili uživatele, aby se podívali do sloupce postranního panelu. Najděte ji pod pokročilými bloky a přetáhněte ji na svou stránku.

 použijte posudky blok pro sociální důkaz

tento blok vám dává plnou kontrolu nad tím, jak vaše posudky vypadají. Můžete například přidat více posudků, vybrat vlastní posudkové fotografie a dokonce je nastavit jako posuvný kolotoč.

Chcete-li zdvojnásobit sociální důkaz, můžete na svou stránku přidat blok hodnocení hvězdiček. Jednoduše si vyberte blok hodnocení hvězdiček a přetáhněte jej pod své posudky.

přidejte seedprod star rating block

odtud můžete přizpůsobit ikonu hodnocení, barvy, pozici a další.

přidat nedostatek na stránku košíku

pokud opravdu chcete povzbudit nakupující, aby jednali, můžete do nákupního košíku přidat časovač nedostatku. Pomocí Seedprod je odpočítávání blok, můžete přidat vlastní odpočítávání hodiny na svou stránku s časovačem, který zaškrtne dolů.

stačí si vybrat odpočítávání blok a přetáhněte ji na místo nad nákupního košíku. Poté na panelu Nastavení vyberte možnost návštěvník časovač, takže časovač se obnoví pro každého návštěvníka.

 přidejte blok odpočítávání pro nedostatek

pak v panelu Upřesnit nastavení můžete přizpůsobit barvy tak, aby odpovídaly zbytku košíku.

pokročilé nastavení odpočítávacího časovače

Dále přidejte Nadpis oznamující zákazníkům, že mají nastavenou dobu, dokud jejich košík nevyprší. Chcete-li to provést, jednoduše přetáhněte blok „Nadpis“ a zadejte svůj text.

přidat Nadpis do nákupního košíku

Přidat oblíbené produkty

další vynikající funkcí, kterou můžete přidat na stránku nákupního košíku, je sekce Oblíbené produkty. To vám pomůže zlepšit váš prodej doporučením dalších produktů, které se vašim zákazníkům mohou líbit.

Chcete-li to provést, přetáhněte blok „Nejprodávanější produkty“ ze sekce „WooCommerce“.

přidejte nejprodávanější produkty na stránku nákupního košíku

a pokud chcete, můžete do této oblasti přidat další bloky produktů, například:

  • nejnovější produkty
  • prodej produktů
  • doporučené produkty
  • nejlépe hodnocené produkty

další podrobnosti o konfiguraci těchto bloků naleznete v našem průvodci zobrazováním nových produktů ve WooCommerce.

publikujte svou vlastní stránku košíku

Nyní, když je váš vlastní design nákupního košíku dokončen, je čas, aby byl živý na vašem webu. To lze provést kliknutím na rozbalovací šipku vedle zeleného tlačítka Uložit a kliknutím na Publikovat.

 publikujte a přidejte nákupní košík do WordPress

než zviditelníte nákupní košík svým zákazníkům, budete muset změnit adresu URL košíku v nastavení WooCommerce.

můžete to udělat tak, že přejdete do nastavení WooCommerce a kliknete na kartu Upřesnit.

změňte adresu URL nákupního košíku ve woocommerce

Dále vyberte novou adresu URL stránky košíku, kterou jste vytvořili pomocí SeedProd, a klikněte na tlačítko Uložit změny v dolní části obrazovky.

po kliknutí na tlačítko Přidat do košíku na stránkách produktu mohou zákazníci kliknout na odkaz „Zobrazit košík“ a zobrazit nový vlastní design nákupního košíku.

nyní máte vlastní stránku nákupního košíku woocommerce

Chcete-li sledovat konverze košíku WooCommerce, podívejte se na náš příspěvek WordPress o tom, jak nastavit sledování konverzí WooCommerce.

a tady to máte!

doufali jsme, že tento článek vám pomůže přidat nákupní košík do WordPress bez psaní kódu. Mohlo by se vám také líbit tento podrobný návod, jak povolit režim údržby pro stránky obchodu WooCommerce.

a když jste tady, Sledujte nás na Facebook a Twitter pro více užitečných tipů WordPress.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.