Nejlepší WooCommerce šablony: 7 tipů pro větší obrat a použitelnost

12 min.
WooCommerce Theme
Poslední aktualizace dne

Dobrý web design pro WooCommerce je nesmírně důležitý. Rozhoduje o tom, zda vaši návštěvníci na e-shopu zůstanou. A zda skutečně dokončit nákup. Na co je třeba dávat pozor při výběru WooCommerce šablon? A které jsou ty nejdůležitější šablony? Náš průvodce na to má odpovědi.

Šablona pro WordPress nebo WooCommerce je druh designové předlohy. Určuje, jak váš portál vypadá. Není to tak snadné, vybrat tu správnou šablonu pro váš e-shop. Nebo pro agenturu, poradit svým zákazníkům ke konkrétní šabloně. Tento příspěvek vás provede výběrem krok za krokem.

Tip

Nehledáte šablonu pro WooCommerce, ale pro WordPress? Pak si navíc přečtěte náš příspěvek k WordPress šablonám od Jörga Fiedlera. Pro začátečníky ve WooCommerce je přinosný tento návod.

Při použití šablon existují v podstatě dvě možnosti:

  1. Necháte si vyvinout zcela samostatnou šablonu a tím design.
  2. Koupíte již hotovou šablonu a přizpůsobíte ji vašim potřebám. Například tím, že přizpůsobíte barvy k vzhledu vaší značky, loga a grafiky k pozadí, atd.

První možnost činí váš obchod nezaměnitelným - ale také potřebujete velmi dobré webové designéry nebo vhodnou agenturu. Náklady na to mohou jít až do pětimístné častky v eurech, pokud vsadíte na kvalitu. Na druhé straně existují také vysoce kvalitní šablony pro WooCommerce, které jsou dostatečně flexibilní. A které můžete použít zejména ze začátku vašeho e-shopu. Více o tom později.

WooCommerce pro freelancery a agentury

Poznámky k výběru šablony

Často si všimnete až po opětovném spuštění, že nová šablona nebyla až zase tak dobrá volba. Design nelze podle potřeby upravit? Chybí důležité aktualizace, takže části internetového obchodu již nefungují? A pak je zákaznická podpora nanejvíš průměrná? Pokud na tom závisí příjmy vašeho portálu, může to být opravdu nepříjemné.

Jednotlivé produkty
Důležité jsou nejen funkce vašeho obchodu, ale také design

O to důležitější otestovat šablonu předem. A bezpodmínečně na vlastním testovacím systému. Specifikacím a ukázkovým stránkám výrobců můžete důvěřovat jen částečně: V souhře s vašimi pluginy pro WordPress a WooCommerce často vznikají problémy, které předtím nebyly viditelné.

Tip

Existuje nespočet pluginů pro WooCommerce, pro všechny možné účely. I zde je obtížné odhadnout kvalitu. Náš příspěvek pluginů pro WooCommerce vás seznámí s nástroji, které potřebujete pro běžné projekty e-shopu.

Zde jsou nejdůležitější tipy pro rešerši vhodného poskytovatele nebo šablon:

Kompatibilita s WooCommerce

Bezpodmínečně se ujistěte, že jsou vaše šablony optimalizované pro WooCommerce. Pouze takové šablony zajistí, že budou specifické prvky e-shopu správně zobrazeny. Například přehled produktů, sekundární informace, nákupní košík, nákupní proces nebo pokladna. Templates, které jsou speciálně navrženy pro WooCommerce, také dbají na kompatibilitu s novými verzemi softwaru e-shopu. Protože WooCommerce čas od času přechází na jiné procesy. To byste u čisté WordPress šablony pokaždé museli nechat pracně měnit.

V ideálním případě zvolíte poskytovatele, který je na WooCommerce specializovaný. Ten obvykle začlení kritické změny do svých produktů rychleji. Kromě toho se lépe vyzná s typickými rozšířeními pro WooCommerce, pokud tyto problémy budou v kombinaci s designem. Představím vám pár speciálních šablon pro systém e-shopů.

Optimalizace pro mobilní zařízení

V dnešní době je již povinností, aby byla vaše šablona optimalizována pro různá mobilní zařízení. Teprve pak to bude vypadat stejně dobře na obrazovce, tabletu a smartphonu. A i jen potom budou fungovat důležité prvky, jako je navigace v obchodě nebo nákupní košík.

Nejlepší WooCommerce šablony: 7 tipů pro větší obrat a použitelnost

Mnoho e-shopů je z 80ti procent nebo více zobrazeno prostřednictvím mobilních zařízení. Pomocí služby Google Analytics a podobných nástrojů můžete zjistit, jak vysoké je toto procento u vašeho vlastního portálu. V případě šablony, která nebyla vyvinuta bezchybně, naštvete a v tomto případě ztratíte 80 procent cílové skupiny. Kromě toho Google nemilosrdně trestá ty portály, které odfláknou optimalizaci pro mobilní zařízení.

Každé výrobce šablon nyní identifikuje své produkty jako mobilně optimalizované nebo responzivní. Existují však velké rozdíly v kvalitě – jak individuálně jsou jednotlivá koncová zařízení skutečně podporována? Pod ami.responsivedesign.is najdete online nástroj, který vám umožní zhruba zkontrolovat, jak se webové stránky v různých formátech nahrají:

WooCommerce optimalizované pro mobilní zařízení
Vaše webové stránky musí fungovat na všech zařízeních

Toto je ale jen první vodítko pro váš výzkum. Nenahrazuje skutečné živé ověření vámi, podle možnosti na různých zařízeních a v různých prohlížečích (Chrome, Firefox, Edge, Safari). Měli byste také ručně zkontrolovat funkci tlačítek, menu, zaškrtávacích políček, formulářů, posuvníků atd.

Tip

Pro ověření vaší šablony a pluginů potřebujete samostatný testovací systém. Nebo tzv. staging prostředí pro WordPress. Podívejte se na našeho průvodce tématem testovací prostředí a zálohy.

Placené šablony nebo šablony zdarma

I pro WooCommerce exiśtují šablony, které jsou volně dostupné. Pokud provozujete e-shop, děláte to profesionálně. To je důvod, proč byste se měli také rozhodnout pro profesionální šablonu. Zvláště pokud se sami technicky nevyznáte, aby se v případě potřeby opravil zdrojový kód.

Roční licenční náklady jsou zvládnutelné, jsou obvykle nižší než 100 eur. Kolik typický WooCommerce e-shop celkem stojí, vám prozradím v příspěvku Výhody WooCommerce. Zde jsou důvody, které jsou pro profi šablony:

  • Jejich údržba je zpravidla prováděna častěji. To je obzvláště důležité u aktualizací od WordPress a WooCommerce.
  • U šablon dostupných zdarma se může rychle stát, že je vývojáři již nemohou vyvíjet dál. Pak to budete muset převzít sami nebo vyměnit šablonu. Toto riziko je u placených řešení nižší.
  • U dobré šablony obdržíte komplexní podporu. Ujistěte se, aby byly podle možnosti ve vašem rodném jazyce a během pracovní doby.
  • Velmi dobrá kvalita zdrojového kódu by měla být u profesionální šablony samozřejmostí. To zajišťuje bezpečnost a dobrou výkonnost. Bohužel tomu tak není vždy. Freelanceři nebo agentury ve WordPress prostředí můžou posoudit kvalitu za vás.

Celkově minimalizují profesionální řešení vaše obchodní rizika. Zkontrolujte přesto poskytovatele profi šablon, ne všichni pracují stejně dobře. Zeptejte se ostatních provozovatelů e-shopů, s jakými vývojáři mají dobré zkušenosti.

Poznámka

Dokumentace je reklamou každé šablony. Dobře si jí v dostatečném předstihu přečtěte. Neprozradí vám pouze, zda je produkt snadno nastavitelný a přizpůsobitelný. Kvalita manuálu také nepřímo říká něco o samotném poskytovateli.

Průmysl primus nebo outsider?

Oblíbené šablony – které jsou velmi často zakoupeny nebo staženy – mají výhodu: jsou intenzivněji pod dohledem svých vývojářů. Také ve fórech a v komunitě budete s větší pravděpodobností klást otázky o více známý Theme Odpověď. Pokud necháte technologii na agentuře, může se rychleji přesunout do agentury Theme s nimiž má zkušenosti. I v případě, že vývojáři Theme již nemůže nebo nechtějí pokračovat v péči: Šance s lukrativní šablonou je mnohem větší, že ostatní převezme péči.

Na druhou stranu, tam jsou návrhy, které se cítíte v každé vteřině WooCommerce -Nakupujte. Váš obchod by měl být založen na rozdělení a strukturálním vzhledu velmi známých a velkých internetových obchodů. Pak vaši zákazníci najdou cestu kolem tak rychle, jak je to možné. Tomu se také říká Amazonský efekt.

Klimaticky pozitivní WordPress hosting

A přesto záleží na jednotlivých designových prvcích, které jsou nezaměnitelné. Pak, doufejme, vaši návštěvníci budou okamžitě vědět, na druhou výzvu: "Tady jsem byl předtím" - důležitým předpokladem pro generování pravidelných zákazníků. Památné rozložení, které má takové jedinečné prodejní místa je váš online marketing mnohem efektivnější.

Tip

V této souvislosti se také podívejte na své nejdůležitější konkurenty. Jak vypadají jejich internetové obchody? Které Theme používají? V tomto případě by nebezpečí záměny bylo obzvláště fatální.

Nejpozději v době, kdy váš obchod roste, byste měli zvážit vlastní Theme a tím rozvíjet design. Pokud je to dobře provedeno, pak to zapadá do vaší značky zvlášť dobře. Zvláště pokud jde o rozvržení, barvení, typografie, produktový svět a vizuální jazyk. To může výrazně zvýšit konverzi (podíl prodejních nabídek na návštěvách stránek).

Moje doporučení: zapojit profesionály pro toto. Jedná se o složitější, ale udržitelnější strategii. S dobrou podporou je z dlouhodobého hlediska ještě nákladově efektivnější.

Funkční prostor pro WooCommerce

Většina funkcí vašeho internetového obchodu je WooCommerce Sám. Tá Theme pouze zajišťuje správný vzhled. Nicméně někteří výrobci šablon spoléhají na další součásti. Mezi jejich produkty patří například:

  • Drag & Drop PageBuilder, který můžete použít ke změně vzhledu obchodu kliknutím myši. Ale pozor: takový PageBuilder mají také některé nevýhody.
  • Integrované posuvníky pro prezentaci produktu nebo takzvané mega-menu obsahující ikony, obrázky a další prvky. Nebo rozsáhlejší stavební kameny pro hodnocení zákazníků, než WooCommerce je k dispozici ve standardu.
  • Seznamy přání, které návštěvníkům umožní zapamatovat si jednotlivé produkty a uložit je pro pozdější nákupy.
  • Vlastní widgety pro přidání obsahu do postranního panelu, záhlaví nebo zápatí, jak chcete. Pokročilé možnosti filtrování nebo vyhledávání usnadňují zákazníkům výběr a řazení produktů.
  • Uživatelsky přívětivý, ale zároveň právně vyhovující design oblasti "Pokladna" a "Zákaznický účet".
  • Mini nákupní košík, který je zobrazen na všech stranách. Například v nabídce vašeho internetového obchodu. Věnujte pozornost právním požadavkům vaší země.

Řeknu vám více o právních předpisech v Německu a Evropě ve svém blogu Zajištění právní bezpečnosti u WooCommerce. WooCommerce je standardní vůči americkému trhu.

Seskupené produkty
V Německu jsou mimo jiné některé informace o výrobcích povinné

Neměli byste Theme obsahuje nespočet funkcí, které nepotřebujete. Protože někteří z těchto pomocníků jsou na úkor výkonu vašeho obchodu. PageBuilder zejména jsou kontroverzní zde: vypadají elegantně a umožňují flexibilitu. Nicméně, pokud je vývoj nečistý, ale také zpomalit váš systém. Pokud se chcete dozvědět více o PageBuilder pro WooCommerce můžete zjistit, pak si přečtěte příspěvky:

WooCommerce child themes

V ideálním případě by Theme tzv. Themes . To vám umožní používat stejné Themes více dílčích návrhů. To je obzvláště důležité, pokud chcete provozovat několik internetových obchodů s mírně odlišným designem, aniž byste museli vytvářet nové Theme k použití.

Pro agentury: I když máte jednotlivé šablony založené na existujícím Themes měli byste věnovat pozornost této funkci. Dobře promyšlené strukturované CSS je také velmi užitečné v této souvislosti. Průvodce WordPress Dítě Themes najdete v Blog od Marco Linke.

WooCommerce gratis Hosting

Také se ujistěte, že vaše Theme pro "nový" editor Gutenberg Ze 1. WordPress Optimalizované. Používá se také pro WooCommerce hrát stále důležitější úlohu. Pokud je Theme Vlastní Gutenberg bloky, měli byste být opatrní. Při přepnutí na jiný Theme již nefungují.

Tip

Používáte Gutenberg editor ještě ne? Pak se podívejte na naše E-Book Speciální na Gutenberg Do. To vám ukáže v šesti krocích, jak používat editor pro vaši firmu a váš obchod.

Licence a rozsah dodávky

Pokud hledáte placenou Theme měli byste dávat pozor na náklady na to. Jak již bylo zmíněno, ty obvykle nejsou příliš vysoké. Nicméně zkontrolujte následující body:

  • Jak dlouho trvá licence pro Theme ? Platí to donekonečna, i když se soubory dále rozvíjejí samy, nebo je třeba je po určité době obnovit?
  • Můžete Theme rozšířit sami? Za normálních okolností se jedná o open source prostředí WordPress Zajišťuje. Objasnit otázku tak jako tak.
  • Jak dlouho dostáváte aktualizace a podporu? Jsou zaručena určitá doba podpory a odezvy?
  • Vztahuje se licence pouze na jednu nebo více domén? To je důležité, pokud máte dítě Themes pro více obchodů.
  • Pokud změníte doménu nebo projekt, zůstane licence platná?

Neméně důležité: Jsou obrázky na pozadí atd. Themes zahrnuty do rozsahu? Mohou být použity volně? Kdo na to má právo? Obdržíte soubory v opakovaně použitelných formátech, jako je například Photoshop? Zde byste měli vyjasnit práva na obrázek, abyste Nebezpečí varování minimalizovat.

Pracujete v agentuře nebo na volné noze? Pak byste měli věnovat zvláštní pozornost tomu, do jaké míry Theme mohou používat. A kdo má licenci na konci, do jaké míry. Vzhledem k tomu, že je třeba předat projekt svým zákazníkům jako tření-free jak je to možné po vývoji. Podívejte se na naše tipy, jak Efektivita a provoz Ze 1. WordPress A WooCommerce .

Nejdůležitější Themes Pro WooCommerce

Existuje několik Themes a poskytovatelů mů e WooCommerce , který je WordPress scény jsou známy. Pro tyto najdete poměrně snadnou podporu od nezávislých pracovníků nebo agentury. Všimněte si však výše popsaných nevýhod, které takové rozšířené šablony obnášejí. Zde je několik "vlajkových lodí":

Flatsome pro WooCommerce

Flatsome je jedním z nejznámějších Themes Pro WooCommerce . Podle vývojářů je to nejprodávanější WordPress - Obchody vůbec. Flatsome je také velmi populární v německy mluvícím světě, i když podpora je v angličtině.

V nejdůležitějších WooCommerce fóra jsou často kladeny jednoduché otázky týkající se Theme Odpověděl. U větších úkolů budete obvykle stále potřebovat externí vývojáře.

Plochá WooCommerce Theme
Plochá pro WooCommerce se používá v mnoha internetových obchodech

V komunitě, Flatsome není zcela nekontroverzní. Někteří ji chválí, jiní ji odmítají jako nadměrnou. Na jedné straně Tvůrce stránek Flatsome je velmi flexibilní. Přináší nespočet prvků z domova, aniž byste museli Plugins Potřebovat. Například různé úrovně obsahu, posuvníky, seznam přání, živé vyhledávání, pole, filtry produktů atd.

Na druhou stranu to rychle zmátlo váš systém. Pokud obsah používáte v určitých oblastech tvůrce stránek, které poskytuje pouze tvůrce stránek, ztěžuje přechod na jiný Theme Jasně. To neposkytuje bezpečnost pro budoucnost.

S home page kit jako Flatsome, kliknete společně design, který se výrazně liší od původního vzhledu - bez velkých znalostí programování. To je podobné širokému využívání Themes znovu vypnout. Nicméně, prostřednictvím tohoto procesu, váš obchod může rychle vypadat nesouvislý a "hodil dohromady". V každém případě stojí za to najmout nezávislé pracovníky nebo agenturu, která je obeznámena s web designem.

WooCommerce Storefront

WooCommerce má také své vlastní oficiální Theme : Průčelí. Balíček Storefront má podobné rady jako Flatsome. Je to rozsáhlý nástroj, ale chce být nastaven promyšleným způsobem. První obchod s výkladní skříní je rychle vytvořen. Ale ďábel je v detailu. Pokud jsou všechny funkce Themes a jeho doplňky, musí to dobře vědět.

Zejména proto, že šablona potřebuje správnou konfiguraci a vhodný obrazový materiál. Vzhledem k tomu, základní verze vypadá poměrně jednoduché a zvládnutelné - dalo by se také říci nudné:

WooCommerce Průčelí Theme
Poměrně jednoduché: WooCommerce Průčelí Theme

Velkou výhodou balíčku: pochází od tvůrců WooCommerce Sám. Proto vývojový tým obvykle věnuje pozornost dobré kompatibilitě. Když se objeví nová verze softwaru obchodu, aktualizace z Storefront obvykle následuje rychle.

Ani výkladní skříň, ani flatsome nejsou vhodné pro použití na německy mluvícím trhu. Měli byste to také zkontrolovat v jiných zemích EU. Ty v našem článku Právní jistota pro WooCommerce nástroje uvedené výše však pracují s nejdůležitějšími Themes Společně. Nicméně, jasné to předem, jinak to bude rychle drahé.

Existuje mnoho rozšíření do Výkladní skříně, od WooCommerce ale také od poskytovatelů třetích stran. Například pro následující účely:

  • Komponenta s názvem "powerpack", který je třeba graficky přizpůsobit různé oblasti internetového obchodu na kliknutí myší
  • Interní reklamní prostory a vstupní stránky produktů
  • Mega menu
  • Pokročilá hodnocení zákazníků a cenové tabulky
  • Napojení na sociální sítě

Mnoho z nich je obviněno. Dokonce i ti, kteří mají zvládnutelné výhody. Zde byste měli dávat pozor na své výdaje. Rychle se sčítají až do úhledné částky za balíček. Vzhledem k tomu, pak provozní náklady již nejsou nutně mnohem levnější, než s in-house vyvinuté Theme .

Atomion WooCommerce Theme pro Německo, Rakousko a Švýcarsko

Atomion je menší a stále zcela nový Theme . Zahrnuli jsme ji, protože je to jedna z mála WooCommerce pro trh v Německu, Rakousku a Švýcarsku (D/A/CH). To znamená, že podpora je poskytována v celé němčině a v německých dobách podpory. Design je jasný a strukturovaný, takže se zaměřuje te na vaše produkty:

Němčina WooCommerce Theme
The Atomion WooCommerce Theme

Za Společností Atomion stojí společnost MarketPress, výrobce German Market a Trh B2B. Pokud hledáte kompletní balíček, který bere v úvahu restriktivní právní základy v uvedených zemích, stojí za to se podívat na Theme . Podle vývojářů jsou všechny tři komponenty koordinovány.

Tá WooCommerce Theme nabízí mimo jiné:

  • Podpora WordPress Editor Gutenberg
  • Úprava pro přizpůsobení designu na různých místech
  • Integrované systémy pro hodnocení zákazníků, stejně jako seznam přání
  • Mini-nákupní košík, který by měl být také v souladu s právními předpisy
  • Volitelná funkce preloaderu (váš obchod se nezobrazí, dokud není plně naložen)
  • Optimalizovaná vyhledávací funkce pro WooCommerce

Kromě toho je součástí plně navržené blogové sekce - kromě internetového obchodu. V zásadě byste měli být Themes Udělat.

Poznámka

Aplikace vašich produktů s vhodným obsahem (tzv. obsah marketing v technickém jazyce) je stále důležitější. Mnoho nových a menších internetových obchodů vyprodávat z jejich blogů z velké části proto, že obchod značka ještě není dobře známý dost na Google a mezi potenciálními návštěvníky.

Šablona Astra

Astra není čistý nákup Theme . Můžete také použít k implementaci jiných projektů. Nicméně v souvislosti WooCommerce používány poměrně často. Někteří z nich představí tvůrce na svém portálu.

Astra WooCommerce Theme
The Astra Theme tam je vyzkoušet na wordpress.org

Vývojáři společnosti Astra nabízejí bezplatná zkušební verze Do. Měli byste určitě zkusit toto: Někteří majitelé obchodů přicházejí s Theme no, jiní nepovažují za vhodné pro jejich účely. Dokonce i prefabrikované designové šablony nesplňují každý vkus.

Zejména test dalších Plugins o právní jistotěpokud je používáte. Někteří nepodporují Themes , což není 100 procent pro WooCommerce jsou navrženy.

WooCommerce Themes ve společnosti TemplateMonster

Také s naším partnerem TemplateMonster najdete četné šablony pro WooCommerce . Například multifunkční WooCommerce Theme Woostroid. Má vzrušující funkce, jako je "LookBook". To umožňuje kupujícím procházet různými produkty zobrazené v grafice:

templatemonster WooCommerce
LookBook WooCommerce - Themes Woostroid

Woostroid obsahuje ElementorA WordPress Tvůrce stránek, který umožňuje vytvářet různá rozložení bez znalostí programování. Obsahuje 25 obsahových modulů a flexibilní rozvržení mřížky pro flexibilní přizpůsobení vzhledu stávajících stránek. Woostroid nebyl primárně určen pro německy mluvící trh, takže byste ho měli také předem vyzkoušet.

Můj závěr

Měli byste vybrat užší seznam Themes dobře testovatnež si vyberete svou oblíbenou. Použijte Živá data vašeho obchodu a odpovědět na následující otázky:

  • Odpovídá návrh mým produktům, zejména obrázkům produktů?
  • Je to tak? Theme Dost rychle? Podívejte se na naše poznámky Optimalizace výkonu.
  • Je váš internetový obchod snadno použitelný? Jsou klíčové prvky snadno pochopitelné?
  • Funguje nákupní košík na všech systémech (Chrome, Firefox, Edge, Safari, Android)?
  • Pokud je optimalizace pro mobilní zařízení k dispozici v celém, pro všechna důležitá koncová zařízení?

V ideálním případě budete mít svůj nový design obchodu vyzkoušený důležitými zákazníky nebo v kruhu známých. Toto je jediný způsob, jak zjistit klíčové chyby zabezpečení, které přicházejí na úkor vaší konverze.

Další tipy na WooCommerce najdete v naší 70+ stránce e-knihy WooCommerce pro profesionály. Je zaměřen na freelancery, agentury, WP profesionály i začátečníky.

Máte otázky týkající se WooCommerce ? Použijte funkci komentáře. Chcete být informováni o novinkách a pokynech o systému obchodů? Tak nás následujte Twitter, Facebook nebo přes náš Bulletin.

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena * .