Vaše produkty jsou jedinečné – jedinečné by měly být i stránky produktů, které je prezentují. Výchozí šablona produktových stránek WooCommerce se skvěle hodí pro mnoho internetových obchodů, ale možná budete chtít něco, co bude odrážet individuální styl a výhody vašich produktů.

Nemusíte být vývojáři, abyste mohli produktovým stránkám vtisknout vlastní pečeť díky několika rozšířením WooCommerce (a jedné základní funkci WooCommerce).

Produktové doplňky

Rozšíření Produktové doplňky přidává na vaše produktové stránky další pole, aby si nakupující mohli své nákupy přizpůsobit. Rozložte možnosti pomocí textových políček, zaškrtávacích políček nebo rozevíracích seznamů a přidejte varianty s ukázkovými obrázky – zahrňte je pro jednotlivé produkty nebo pro celý katalog.

Ideální pro: e-shopy, které nabízejí další možnosti, jako je dárkové balení a monogramování.

• Jestliže jste obchod s oblečením, který nabízí vyšívání, umožněte zákazníkům zadat text, který chtějí vyšít, ještě před odhlášením, abyste je nemuseli oslovovat po nákupu.
• Prodáváte-li polštáře s akcenty, nabídněte možnosti látky, velikosti nebo stylu.
• Prodáváte-li šperky, nechte zákazníky vybrat citát, který chtějí mít na šperku vyrytý.
• Pokud nabízíte dárkové produkty, uveďte možnosti dárkového balení nebo poděkování.
• Prodáváte-li elektroniku, umožněte zákazníkům zakoupit si záruku chránící jejich zboží.
• Jste-li nezisková organizace, umožněte lidem, kteří vás podporují, připojit k nákupu zboží příspěvek.

Zvolte si, zda chcete za každý doplněk zaplatit, nebo zda nabízíte úpravy na míru zdarma. Je to flexibilní způsob, jak poskytnout nakupujícím možnosti, které potřebují.

Zjistěte více o doplňcích produktu.

Vzorníky a fotografie variant

Pokud má váš produkt barevné nebo vzorové varianty, nakupující je chtějí vidět v akci. Rozšíření Variation Swatches and Photos zobrazuje varianty – styly, velikosti, vzory, barvy atd. – s obrázkem nebo vzorníkem barev, aby si zákazníci udělali lepší představu o tom, co přesně kupují, a zlepšilo design vašich produktových stránek.

Vhodné pro: e-shopy s variabilními produkty.

• Prodáváte-li trička, zobrazte barevné varianty.
• Prodáváte-li brýle, zobrazte všechny varianty obrouček.
• Prodáváte-li šperky, zvýrazněte přívěsky, ze kterých si zákazníci mohou vybrat.
• Prodáváte-li skateboardy, uveďte obrázky vzorů, které nabízíte.

Zjistěte více o variačních vzorcích a fotografiích a podívejte se na ně v akci.

WooCommerce 360º obrázek

Pomocí aplikace WooCommerce 360º obrázek můžete na stránky produktů přidat dynamické, vlastní 360º otočení obrázku, aby se nakupující mohli zaměřit na detaily produktu. Přidejte skupinu obrázků do galerie produktů a hlavní obrázek bude nahrazen krásným 360º obrázkem, kterým mohou zákazníci otáčet, aby viděli všechny aspekty produktu. Je také zcela responzivní, takže nakupující na mobilních zařízeních mají stejně skvělý zážitek.

Ideální pro: e-shopy, které chtějí zákazníkům poskytnout zážitek, jako by produkt fyzicky drželi v ruce.

• Prodáváte-li nábytek, mohou zákazníci pochopit jeho styl ze všech úhlů.
• Prodáváte-li autodíly, mohou zákazníci zblízka prozkoumat detaily, které jsou pro ně důležité.
• Pokud prodáváte hodinky, mohou si zákazníci přiblížit každou nuanci, rytinu a funkci.

Zjistěte více o 360º obrázku WooCommerce.

Video produktů pro WooCommerce

Videa jsou účinným způsobem, jak ukázat své produkty v akci. Pomocí rozšíření Product Video for WooCommerce můžete přidat videa do galerie obrázků produktů nebo nahradit doporučené obrázky videi. Nahrajte videa do knihovny médií ve WordPressu nebo je vložte ze služeb třetích stran, jako je Vimeo nebo YouTube.

Ideální pro: e-shopy s produkty, které se nejlépe ukazují v akci

• Prodáváte-li elektrické nářadí, ukažte, jak je nářadí velké a jak funguje.
• Prodáváte-li oblečení, ukažte, jak zboží padne různým typům postavy a jak se páruje s dalšími kousky.
• Pokud prodáváte hračky, přidejte klipy dětí, které si s vašimi produkty hrají, a reference spokojených rodičů.

Přečtěte si více o produktových videích pro WooCommerce.

Graf velikostí pro WooCommerce

Pokud prodáváte produkty, které se dodávají v různých velikostech, graf pomůže zákazníkům pochopit, kterou z nich koupit, a sníží počet vrácení. Rozšíření Size Chart for WooCommerce přidává na stránky produktů tabulky velikostí – nahrajte si vlastní nebo si je vytvořte v ovládacím panelu. Můžete se rozhodnout, zda chcete grafy zobrazovat v detailech produktu, nebo jako vyskakovací okno.

Vhodné pro: e-shopy, které prodávají produkty ve více velikostech

Příklad:

• Prodáváte-li trička, přidejte tabulku velikostí s rozměry ramen, hrudníku a výšky.
• Prodáváte-li nábytek, přidejte tabulku velikostí s rozměry délky, výšky a hloubky.
• Prodáváte-li nálepky, přidejte tabulku velikostí s rozměry výšky a šířky.

Zjistěte více o tabulce velikostí pro WooCommerce.

Doporučení produktů

Upsell a cross-sell jsou účinné způsoby, jak zvýšit velikost košíku zákazníků a vaše celkové tržby. Pomocí Doporučení produktů můžete zákazníkům zobrazit více toho, co je zajímá. Přidávejte doporučené produkty na základě toho, co je oblíbené, co je nové, co je ve slevě, co doplňuje vzhled a další. Nebo je zobrazte na základě toho, co už má zákazník v košíku.

Ideální pro: e-shopy s více než jedním produktem

• Prodáváte-li boty, doporučte ponožky nebo tkaničky.
• Prodáváte-li náušnice, doporučte náramky a náhrdelníky ze stejné kolekce.
• Prodáváte-li hračky, doporučte puzzle podobné tomu, které má zákazník v košíku.
• Pokud prodáváte rostliny, doporučte další oblíbené odrůdy nebo půdní doplňky.

Dozvíte se více o doporučování produktů.

Jednoduché změny CSS, bez nutnosti rozšíření

CSS je kódovací jazyk, který řídí design vašich webových stránek, od písem a barev po velikosti tlačítek a pozadí. Pokud máte základní znalosti CSS, přejděte v ovládacím panelu do části Vzhled → Přizpůsobení → Další CSS a proveďte následující změny:

Změna velikosti písma nadpisů produktů

Pomocí níže uvedeného kódu změňte velikost nadpisů produktů na 36px. Nahraďte „36“ libovolným číslem, které chcete.

.woocommerce div.product .product_title {font-size: 36px;}

Změna barvy nadpisů produktů

Šestnáctkový kód je šestimístný kód, který reprezentuje konkrétní barvu online. Pomocí níže uvedeného kódu můžete změnit barvu názvu produktu na hexadecimální kód #FF5733. Nahraďte hexadecimální kód jakoukoli barvou, kterou chcete; pomocí nástroje pro výběr barev HTML můžete získat kód pro jakoukoli barvu, kterou chcete.

.woocommerce div.product .product_title {color: #FF5733;}

Upravte popisky variant tučným písmem

Pomocí níže uvedeného kódu zobrazíte názvy variant tučným písmem.

.woocommerce div.product form.cart .variations label { font-weight: bold;}

Zvýrazněte popisky variant

Pomocí níže uvedeného kódu zvýrazníte popisky variant kurzívou.

.woocommerce div.product form.cart .variations label { font-style: italic;}

Změňte barvy tlačítka Koupit nyní:

Pomocí tohoto kódu změníte barvu pozadí tlačítka Koupit nyní. Opět použijte nástroj pro výběr barev HTML a získejte hexadecimální kód pro barvu, kterou chcete použít.

.woocommerce div.product .button { background: #000000;}

Začněte přizpůsobovat stránky produktů

WooCommerce je především o flexibilitě a přizpůsobitelnosti, a proto poskytuje všechny nástroje, které potřebujete k úpravě designu a funkcí stránek produktů. Přidáním polí, videí, tabulek velikostí a dalších prvků mohou být vaše stránky stejně jedinečné jako produkty, které na nich najdete.

Podívejte se na naši kompletní knihovnu rozšíření, kde najdete ještě více možností.

Doporučujeme.