# Založení obchodu s WooCommerce ve WordPressu URL: https://canvaswp.com/cs/guides/start-a-woocommerce-store-with-wordpress/ Updated: 2026-11-03 Příručka WooCommerce řídí obchod: produkty, objednávky, daně i platby. Neudělá ale to, aby cokoli z toho vypadalo jako vaše značka. Tento průvodce vytvoří čtyři obrazovky, které zákazník skutečně vidí, a to pomocí bloků v editoru, který WordPress už nabízí. Publikováno 5. září 2026 Aktualizováno 3. listopadu 2026 Napsal tým Canvas ze SemiColonWeb ## Krok 1: Instalace WooCommerce WooCommerce je bezplatný plugin z adresáře pluginů WordPress a zůstává zodpovědný za vše obchodní: za data produktů, skladové zásoby, objednávky, daňová pravidla, zóny doručení a platební brány. Canvas tuto vrstvu nikdy nenahrazuje, proto vaše ostatní rozšíření pro WooCommerce dál fungují. ### Dva způsoby instalace - **Nechte to na průvodci nastavením.** Během nastavení zvolte demo obchodu a krok s pluginy nainstaluje a aktivuje WooCommerce ještě před importem, protože obchod potřebuje plugin pro e-commerce. - **Nainstalujte si jej sami** z nabídky Pluginy, Přidat nový a spusťte úvodního průvodce WooCommerce. Postupujte tak, pokud přidáváte obchod na web, který už provozujete. Ať tak či onak, projděte si jednou nastavení WooCommerce a odpovězte na jeho otázky o vaší zemi, měně a o tom, co prodáváte. Tyto odpovědi později ovlivňují daně a dopravu a jejich přepracování je zdlouhavé. Před přijetím první reálné objednávky nastavte službu pro doručování e-mailů. Potvrzení objednávek odchází z WordPressu přes váš server ve výchozím nastavení a obchod, jehož potvrzení končí ve spamu, vytváří požadavky na podporu, na které nedokážete odpovědět. ## Krok 2: Začněte z dema obchodu, nebo z prázdného katalogu Tady máte na výběr a vyplatí se tomu věnovat deset minut přemýšlení. ### Importujte demo obchodu Z dem je 21 funkčních obchodů WooCommerce. Import jednoho z nich vám přinese produkty, kategorie, atributy, barevné vzorníky, navržený obchod, navrženou stránku produktu, košík a pokladnu, vše na svém místě a vše upravitelné. Je to nejrychlejší způsob, jak zjistit, jak díly do sebe zapadají, a pokud se rozhodnete, že to nechcete, můžete celý import vrátit zpět. ### Stavba na vlastním katalogu Pokud už prodáváte a máte produkty v databázi, zvolte rozsah pouze stránek a vložte je do stávajícího webu. Získáte stránky dema a záznamy, které používají, bez jeho nastavení, menu a úvodní stránky, a váš katalog zůstane přesně tam, kde je. Ať tak či onak, stránky WooCommerce na vašem webu se převezmou, takže existuje vždy jen jeden obchod, jeden košík, jedna pokladna a jedna stránka účtu. [Jak import dema funguje podrobně](https://canvaswp.com/cs/guides/import-a-wordpress-demo-website/) [Devět dem obchodů s WooCommerce](https://canvaswp.com/cs/wordpress-themes/ecommerce/) ## Krok 3: Přidejte první produkty Produkty jsou záznamy WooCommerce, které přidáváte v sekci Produkty v administraci WordPressu, a tato část je záměrně obyčejná. Čas věnujte právě zde, nikoli rozvržení, protože dobrá stránka produktu je z velké části dobrými daty o produktu. - **Jedna jasná fotografie na produkt,** vyfocená stejným způsobem pro každou položku. Mřížka katalogu působí promyšleně, když se tvary shodují, a narychlo sestavená, když nejsou. - **Krátký popis, který odpoví na otázku, kterou si zákazník skutečně klade.** Velikost, materiál, jak dlouho trvá doručení a co se stane, když to nebude sedět. - **Kategorie, které odpovídají tomu, jak lidé nakupují,** ne tomu, jak je organizovaný váš sklad. - **Atributy pro všechno proměnlivé.** Barva, velikost, provedení. Termínům barvy v administraci přiřaďte skutečnou barevnou hodnotu, protože právě ta později promění rozbalovací seznam ve vzorníky barev. - **Skladové zásoby, hmotnost a rozměry**, pokud prodáváte fyzické zboží. Pravidla dopravy je čtou. Před návrhem čehokoli přidejte tři produkty. Rozvržení posuzované podle jediné zástupné položky je rozvržení, které budete muset znovu sestavit. ## Krok 4: Navrhněte stránku obchodu Obchod je katalog a jeho úkolem je co nejrychleji dostat zákazníka na stránku produktu. Canvas vám pro něj dává bloky, kde běžnou odpovědí je jedno nastavení šablony se třemi možnostmi rozvržení. ### Bloky Mřížka produktů čerpá z kategorie, štítku, vyhledávání nebo ručně vybraného seznamu. Kolotoč produktů dělá totéž v řadě na úvodní stránce. Karty kategorií produktů vedou návštěvníky do konkrétní sekce. Filtr cen umožňuje nakupujícím zúžit dlouhý katalog. Každá z těchto částí je blok s panelem nastavení, takže počet sloupců, zdroj a řazení jsou ovládací prvky, ne kód. ### Šablona v pozadí Samotný obchod je šablona bloku, kterou můžete otevřít v Editoru webu. Rozložte ji na celou šířku, s levým postranním panelem, pravým postranním panelem nebo oběma, podle toho, zda filtry a kategorie ve vašem katalogu obstojí. Celkem jde o 18 šablon obchodu pro obchod, stránku produktu, archivy, košík a pokladnu. ### Výchozí hodnoty pro celý obchod Možnosti šablony pokrývají 39 nastavení obchodu v 5 záložkách: katalog, stránka produktu, košík a pokladna, minikošík v hlavičce a režim katalogu. Tam se nastavuje počet produktů na stránce, stránkování, tvar obrázků produktu, zda se další obrázky galerie zobrazí po najetí myší a co nabízí překryvná vrstva. Blok, který některé z nich nastaví samostatně, má na stránce, kde se nachází, stále přednost. **Možnosti šablony, Obchod.** Výchozí hodnoty pro celý obchod, které přepisuje každý blok s vlastním nastavením. ## Krok 5: Navrhněte stránku produktu Tato stránka prodává, takže si zaslouží víc než výchozí uspořádání, které používá každý obchod na internetu. ### Sestavte ho z jednotlivých částí Každá část stránky produktu je blok: galerie obrázků, cena, hodnocení hvězdičkami, meta údaje, krátký popis, vzorníky variant, tlačítko pro přidání do košíku, záložky, řádek sdílení a související produkty. Můžete je přesouvat, upravovat nebo některý úplně vynechat a stránka bude dál fungovat, protože každý blok si vyžádá vlastní data od WooCommerce. ### Nebo začněte od připraveného rozvržení Pokud nechcete začínat od jednotlivých částí, vyberte jedno z dodávaných rozvržení jednotlivého produktu a přesouvejte prvky: výchozí, lepivý souhrn, který při posouvání sleduje galerii, seznam, design zaměřený na barvy, design obchodu, dvě rozvržení galerie s vlastním propojením a varianty s levým, pravým nebo dvěma postranními panely. Rozvržení přiřaďte jednotlivým produktům v editoru, nebo nastavte výchozí rozvržení obchodu v Možnostech šablony. ### Co umístit nad záhyb Fotografie, název, cena, výběr varianty a tlačítko přidat do košíku. Vše ostatní, včetně popisu, který většina lidí nikdy nečte, může zůstat níže. Zkontrolujte to na telefonu, než se rozhodnete, že s tím nesouhlasíte. ## Krok 6: Košík a pokladna Tyto dvě obrazovky jsou místem, kde se ztrácejí peníze, a u většiny šablon jsou to dvě obrazovky, na které nesmíte sahat. Zde jsou to bloky jako všechno ostatní. ### Košík Blok Canvas Cart Table pro obsah, blok Canvas Cart Totals pro součty a blok Canvas Cross-Sells pro položku, kterou si nakupující může opravdu přidat. Udržte obsah stručný a tlačítko výrazné. Nejčastější chyba v košíku je zeď propagačního obsahu mezi součty a tlačítkem pro pokladnu. ### Pokladna Blok fakturace pro formulář, blok přehledu objednávky pro to, co se kupuje, a blok oznámení pro zprávy, které nakupujícímu sdělí, co se stalo. WooCommerce stále zpracovává objednávku, platbu a e-maily; vy určujete, jak obrazovka působí. ### Pravidla, která se vyplatí - Vyžadujte jen tolik polí, kolik vaše doprava opravdu vyžaduje. - Zobrazte celkovou cenu včetně doručení ještě před krokem platby. - Uveďte, za kolik dní objednávka dorazí, a to slovy. - Zásady vrácení umístěte tam, kde je hned uvidí i nejistý kupující, který nakupuje poprvé. ## Krok 7: Vzorníky variant, přidání do košíku a styly karet Součástí integrace jsou tři funkce obchodu, které by jinak každá obvykle vyžadovala samostatný plugin. - **Barevné vzorníky atributů.** Přiřaďte termínu produktového atributu barvu v administraci a variabilní produkty místo rozbalovací nabídky nabídnou barevné tečky nebo tlačítka. Zákazník pak vybírá variantu pohledem, což se nejvíce projeví na telefonu. - **Přidání do košíku bez obnovení stránky.** Přidání produktu z mřížky, karuselu nebo překryvu karty aktualizuje košík na místě, takže nakupující zůstane na stránce, kterou si prohlíží, a košík v hlavičce dál ukazuje počet položek. - **Styly karet produktů.** Sjednoťte každý obrázek katalogu do jednoho tvaru, aby mřížka byla zarovnaná, zvolte, zda se další obrázky galerie zobrazí po najetí myší, nebo se budou střídat jako prezentace, a určete, co nabízí překryv při najetí: koupit, rychlý náhled, nebo obojí. Všechny tři jsou nastavení. Žádné z nich nevyžaduje úryvek kódu, dceřinou šablonu ani druhý plugin a každé lze vypnout, pokud dáváte přednost jednoduššímu chování. Některé šablony prodávají tuto vrstvu samostatně. OceanWP nabízí bezplatnou integraci s WooCommerce a Ocean eCommerce Pro jako samostatný produkt, a [jak se Canvas porovnává s OceanWP](https://canvaswp.com/cs/compare/oceanwp/) shrnuje, co který tarif pro obchod obsahuje. ## Krok 8: Platby, rychlost, poté testovací objednávka Design nechte na konec, peníze na začátek. Projděte si toto, než někomu řeknete, že obchod je otevřený. ### Obchodní nastavení ve WooCommerce - Připojte platební brány, které plánujete používat, a dokončete jejich ověření, což obvykle trvá déle, než čekáte. - Nastavte daňová pravidla a zóny doručení pro místa, kam skutečně odesíláte zboží. - Napište stránky o vrácení peněz, vrácení zboží a doručení a odkažte na ně z patičky a z pokladny. ### Rychlost v Canvas WooCommerce načítá skripty a styly na každé stránce webu, včetně těch, které nic neprodávají. Pět přepínačů to vrací zpět: odstraní JavaScript WooCommerce na stránkách, které nevykreslují obsah obchodu, vypne sledování přiřazení objednávek, zastaví skript cart fragments, který na každé stránce zobrazující košík dotazuje server, a vynechá knihovny pro sílu hesla a výběry mimo stránky účtu a pokladny. Patří mezi 35 optimalizacemi a každá je vratná. ### Poté zadejte skutečnou objednávku Kupte si něco ve svém vlastním obchodě, v telefonu, na mobilních datech. Zaplaťte skutečnou kartou, pokud platební brána podporuje testovací vrácení platby. Ověřte, že přijde potvrzovací e-mail, zkontrolujte, že se objednávka objeví v administraci, a pak si platbu vraťte. Vše, co za těch pět minut najdete, by jinak našel zákazník. **Výkon, karta WooCommerce.** Pět vratných přepínačů pro skripty, které stránka nepoužívá. ## Zdroje Tam, kde tento průvodce popisuje něco mimo samotný Canvas, najdete oficiální stránky, které to dokumentují. - [Instalace a odinstalace WooCommerce](https://woocommerce.com/document/installing-uninstalling-woocommerce/) woocommerce.com · WooCommerce je zdarma, instaluje se z obrazovky Zásuvné moduly a spustí vlastní průvodce nastavením - [Stránky WooCommerce](https://woocommerce.com/document/woocommerce-pages/) woocommerce.com · WooCommerce určuje po jedné stránce pro obchod, košík, pokladnu a účet - [Nastavení daní ve WooCommerce](https://woocommerce.com/document/setting-up-taxes-in-woocommerce/) woocommerce.com · Daňové sazby se nastavují v nastavení WooCommerce - [Nastavení zón doručení](https://woocommerce.com/document/setting-up-shipping-zones/) woocommerce.com · Zóna doručení je zeměpisná oblast, do které zasíláte zboží - [Sledování atribuce objednávek](https://woocommerce.com/document/order-attribution-tracking/) woocommerce.com · Co zaznamenává atribuce objednávek a nastavení WooCommerce, které ji vypíná Co dělat dál ## Kam dál Dva návody pro zbytek webu kolem obchodu a funkce obchodu v plném rozsahu. [Příručka **Vytvořit web restaurace** Import od začátku do konce na skutečném projektu, s úpravami, které následují.](https://canvaswp.com/cs/guides/build-a-restaurant-website-with-wordpress/) [Příručka **Vytvářejte weby pro klienty** Jedna licence pro všechny klienty: klíče, testovací kopie a jak vypadá předání.](https://canvaswp.com/cs/guides/build-client-websites-with-wordpress/) [Produkt **Canvas a WooCommerce** 24 bloků obchodu a 18 předloh obchodu.](https://canvaswp.com/cs/woocommerce/) Otázky ## Časté otázky Na zbytek odpoví [kompletní FAQ](https://canvaswp.com/cs/faq/) a [dokumentace](https://docs.canvaswp.com/) podrobně popisuje každé nastavení. **Potřebuji ještě plugin WooCommerce?** Ano, obchod Canvas stále běží na pluginu WooCommerce. Canvas k němu přidává bloky, předlohy a možnosti a plugin ponechává v čele, takže objednávky, produkty, daně, doprava a platby zůstávají tam, kde je vaše další rozšíření očekávají. Pokud začnete z dema obchodu, Průvodce nastavením nainstaluje a aktivuje WooCommerce ještě před spuštěním importu. **Jsou bloky pro obchod další placenou položkou?** Ne, bloky obchodu Canvas jsou součástí každého tarifu bez doplatku. Všech 24 bloků obchodu je prémiových a každý tarif obsahuje všechny prémiové bloky, spolu se všemi 18 šablonami obchodu a všemi 21 obchody z dem. Neexistuje žádný tarif pro e-commerce ani doplněk pro obchod. **Lze tyto prvky kombinovat s bloky WooCommerce?** Ano, klidně je kombinujte: obchodní bloky Canvas jsou běžné registrované bloky, takže mohou stát vedle bloků WooCommerce a základních bloků ve stejné předloze i na stejné stránce. Vždy nahraďte jen jeden prvek a zbytek rozvržení ponechte beze změny. **Získám importem dema obchodu dvě pokladny?** Ne, import dema obchodu Canvas vám zachová jen jednu pokladnu. Importér najde stránky obchodu, košíku, pokladny a účtu, které váš web má, a nasměruje na ně menu a odkazy dema, takže zůstane vždy jedna z každé. Vaše stávající produkty a objednávky zůstanou nedotčeny a celý import lze vrátit zpět.