WooCommerce

checkout proces je jedním z nejdůležitějších kroků v kupce cesta — to je to poslední šance, budete muset přesvědčit zákazníky k nákupu. Ale neuvěřitelných 63,23% nákupních vozíků elektronického obchodu je opuštěno. To je spousta online nakupujících, kteří se rozhodnou koupit produkt, ale na poslední chvíli změní názor.

existuje celá řada faktorů, které ovlivňují opuštěné vozíky (jako jsou náklady na dopravu a platební možnosti), ale samotná stránka pokladny také hraje roli. Pokud je to příliš komplikované, příliš dlouhé nebo vyžaduje informace, které jsou příliš osobní, zákazníci mohou odejít a koupit podobný produkt jinde.

jeden způsob, jak optimalizovat stránku pokladny? Přizpůsobená pole pokladny na základě vašich obchodních potřeb a cílového publika. Například: pokud obvykle neprodáváte společnostem, odstraňte pole Název společnosti. Pokud posíláte zákazníkům narozeninová překvapení, uveďte pole datum narození. Pokud prodáváte výrobky pro domácí zvířata, může mít smysl požádat o typ domácího mazlíčka.

v tomto článku vás provedeme, jak přizpůsobit stránku pokladny tak, aby vyhovovala potřebám cílového publika i podnikání.

úpravy polí pokladny

WooCommerce poskytuje všechna základní pole pro vaši stránku pokladny. Ve výchozím nastavení žádá zákazníky o:

• Fakturační údaje
• První jméno
• příjmení
• název Společnosti
• Země
• Adresa
• Město
• Okres
• Psč/ZIP
• Telefon
• E-mailovou adresu
• poznámky k Objednávce

Existuje spousta způsobů, jak si přizpůsobit stránky, včetně:

• Úpravy konstrukce
• Změna textu na „Objednat“ tlačítko
• Odstranění pole
• vytvořit pole požadované (nebo není nutné)
• Změna vstupního pole štítky a zástupný text
• Sběr zákazníků, čísla účtů
• Ověření doručení preference
• Umožňuje zákazníkům, aby požádat o dodání či termín
• Nastavení preferovaný způsob kontaktu

Tyto jsou jen některé z úprav, které můžete udělat; WooCommerce poskytuje téměř nekonečnou flexibilitu pro každou úroveň zkušeností. Pokud vám vyhovuje editace kódu, můžete si jej přizpůsobit pomocí úryvků kódu. Pokud dáváte přednost trochu více struktuře, existuje celá řada rozšíření a pluginů pro úpravu polí pokladny.

Přizpůsobit pokladna pole pomocí kódu

Poznámka: Pokud jste obeznámeni s kódem a řešení možných konfliktů, vyberte WooExpert nebo Developer pro pomoc. V rámci našich zásad podpory nejsme schopni poskytnout podporu pro přizpůsobení.

úryvky kódu jsou flexibilní způsoby, jak mohou vývojáři a majitelé obchodů přizpůsobit pole pokladny WooCommerce. Zde je seznam primárních značek, včetně tříd a ID, které můžete použít k přizpůsobení vizuálního designu stránky pokladny. Přidejte vlastní CSS do svého podřízeného motivu nebo WordPress Customizer.

Chcete-li zobrazit všechny třídy a selektory, použijte Inspektor prohlížeče na svých webových stránkách k nalezení přesné oblasti, kterou chcete přizpůsobit.

pokud například chcete změnit barvu pozadí textových polí a dát jim zaoblené rohy, přidejte:

input { border-radius: 10px !important; background-color: #222 !important;}

Odstranit checkout field:

To je docela jednoduché, ale buďte opatrní, protože tato změna by mohla způsobit konflikty s jinými rozšíření a pluginů.

přidejte následující kód do souboru functions.php vašeho podřízeného motivu. Všimněte si, že vložení celého kódu odstraní všechna pole ze stránky pokladny, nezapomeňte tedy zahrnout pouze pole, která chcete odstranit.

Poznámka: pole Země je povinné. Pokud ji vyjmete, objednávky nemůže být dokončena a vaše checkout formulář vám poskytne následující chybě: „Prosím, zadejte adresu pokračovat.“

Vytvořte požadované pole, které není povinné:

v níže uvedeném příkladu upravíme pole fakturační telefon. Přidejte tento kód do souboru functions.php vašeho podřízeného motivu.

pokud chcete provést požadované pole, změňte text „false“ na “ true.“

změňte štítky a zástupné symboly vstupního pole:

přidejte následující kód do souboru functions.php vašeho podřízeného motivu a přizpůsobte jej tak, aby vyhovoval vašim potřebám.

Přizpůsobte pole pokladny pomocí pluginů

WooCommerce poskytuje několik vynikajících rozšíření pro úpravy polí pokladny bez dotyku řádku kódu.

Editor polí pokladny

rozšíření editoru polí pokladny umožňuje přidávat a odebírat pole pokladny nebo aktualizovat hodnotu typu, štítku a zástupného symbolu několika kliknutími. Každé pole pokladny můžete také označit jako „požadováno“ nebo „není požadováno“.“

při přidávání nového pole si můžete vybrat z následujících typů:

• Text – standardní zadávání textu
• Heslo – heslo pro zadávání textu
• Textarea – textové pole, pole
• Vyberte – rozbalovací/vyberte pole
• Multi-select – A multi-select box
• Rádio – nastavení rádia vstupy
• Checkbox – zaškrtávací pole
• Datum picker – Textové pole s výběr data připojené
• Čísla – čísla, pro pořádání delší strana

Pokud vaše produkty jsou běžně věnovat jako dárek, můžete nabídnout několik možností balení. Pomocí přepínačů můžete zákazníkům umožnit výběr mezi obyčejným obalem,narozeninovým obalem nebo obalem s výročím. Toto pole můžete provést, nastavte štítek na „Vyberte typ balíčku“, a nastavte zástupný symbol na “ prostý.“

Chcete-li pomoci s pokročilými úpravami, Checkout Field Editor poskytuje užitečnou dokumentaci.

WooCommerce Checkout Add-Ons

rozšíření WooCommerce Checkout Add-Ons vám dává flexibilitu nabízet bezplatné nebo placené doplňky při pokladně, jako je rush fulfillment, dárkové balení nebo upsells jako samolepky nebo pojištění. Můžete přidat několik typů polí k pokladně stránku, včetně textové pole, textové oblasti, rozbalovacích nabídkách, multi-výběr, přepínací tlačítka, zaškrtávací políčka, multi-zaškrtávací políčka, a soubor nahrávání.

v řídicím panelu budete také moci třídit a filtrovat objednávky na základě možností, které jste vytvořili. To může být užitečné, pokud chcete upřednostnit objednávky podle data dodání nebo zobrazit pouze objednávky s urychleným zpracováním. Nebo možná budete chtít zabalit dárkové objednávky najednou.

WooCommerce One Page Checkout

chcete ještě více zjednodušit proces pokladny? Rozšíření WooCommerce One Page Checkout změní libovolnou stránku na stránku pokladny.

Podle studie, kterou Baymard Institute, jeden ze čtyř nakupujících opuštěný košík v posledním čtvrtletí vzhledem k dlouhé nebo složité checkout proces. WooCommerce One Page Checkout bojuje proti tomu tím, že umožňuje zákazníkům přidávat produkty do košíku a odesílat platby na stejné stránce.

můžete dokonce přidat pole pokladny na vstupní stránky, což je zvláště užitečné, pokud jste podnik založený na službách.

WooCommerce Social Login

nutit zákazníka k vytvoření účtu na vašem webu je potenciální překážkou nákupu. Dát jim možnost používat své stávající profily sociálních médií k vytvoření účtu pomáhá prolomit tuto bariéru.

rozšíření WooCommerce Social Login umožňuje tento proces co nejjednodušší a nejbezpečnější. Zákazníci se mohou přihlásit na váš web pomocí svých účtů Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Instagram, Disqus, Yahoo nebo VK namísto vytváření nových přihlašovacích údajů.

Začít přizpůsobení

checkout proces může mít významný vliv na míru konverze, takže byste měli provést změny pečlivě, s konkrétním cílem v mysli.

naštěstí vám WooCommerce poskytuje flexibilitu pro přizpůsobení procesu platby tak, aby co nejlépe sloužil vašim online zákazníkům. Ať už potřebujete provést vizuální změny nebo přidat a odebrat pole pokladny, máte na výběr ze spousty řešení.