10 nejlepších editorů webů 2020

Srovnání editorů webů vytvářením opravdových webových stránek

10 nejlepších editorů webů 2020

Každý editor webů se chvástá jednoduchostí, rychlostí a maximální flexibilitou. Který z nich však své sliby plní? Využil jsem editory v reálných podmínkách při tvorbě webových stránek, abych za vás zjistil, s kým nemá cenu ztrácet svůj čas.

Pokud jste strávili nějaký čas hledáním editoru webů pro své potřeby, pravděpodobně máte plnou hlavu marketingových slibů. Nejjednodušší editor webů zdarma! Webové stránky ve 3 krocích! Vlastní web za pár minut!

Dá se však použitelný web vytvořit doslova za pár minut? Který z editorů je skutečně intuitivní? Z kolika kroků se proces vytváření webových stránek těchto poskytovatelů skládá?

Přesně ty samé otázky vrtaly hlavou i mně. Pustil jsem se tedy do testování a přináším vám odpovědi, které všichni hledáme.

Nedělám webdesign. Mám zkušenosti s digitálním marketingem (konkrétně SEO), díky čemuž jsem získal přehled o tom, jak by měly webové stránky vypadat a fungovat. Hodně jsem se toho naučil také v oblasti user experience.

Vytvořil jsem si několik osobních webů, ale po vzhledové a technické stránce jsem se neobešel bez pomoci jako každý druhý. Proto mám skvělé předpoklady pro hodnocení jednoduchosti editorů webů z hlediska průměrných uživatelů a zároveň výsledné funkcionality a užitečnosti z hlediska firem, blogerů a dalších.

Abych získal co nejlepší dostupné informace a přiblížil se podmínkám, které budete mít při vytváření webových stránek pravděpodobně vy, pustil jsem se do testování placených verzí editorů webů. To mi zajistilo více zajímavých funkcí a zároveň dokážu ohodnotit, zda se prémiové tarify vůbec vyplatí. Pokud se chcete podívat na seznam dobrých poskytovatelů, kteří se na náš seznam z nějakých důvodů nedostali, klikněte zde.

Začneme krátkým shrnutím prvních dojmů pro jednotlivé editory.

    • Kompletní svoboda v kreativitě
    • Přes 500 šablon s možností úprav
    • Nejvíce intuitivní editor

    Wix slibuje webové stránky přesně podle vašich představ a v tomto ohledu rozhodně drží své slovo. Upravíte si jakýkoliv prvek přesně tak, jak chcete, a to díky drag-and-drop rozhraní. Díky stovkám šablon nebudou mít s vytvořením webu problém ani úplní nováčci.

    Najdete tu také stovky připravených bloků, tlačítek, galerii a dalších prvků, díky kterým přidáte fotky, videa a vlastně cokoliv vás napadne. Proces je tak intuitivní, že ani nebudete muset přemýšlet, jak to udělat. Kromě toho je rozhraní Wixu v češtině, takže je to potom ještě jednodušší.

    Aplikaci pro blog a e-shop přidáte z obchodu doslova jedním kliknutím. K dispozici je nespočet bezplatných i placených rozšíření, které vám přidají na web další funkce. Můžete si přidat formulář, živý chat, rezervace nebo nástroje od Googlu, Amazonu a sociálních sítí.

    Jen jedno upozornění: Pokud chcete jednoduchý web, bude pro vás Wix možná až příliš složitý. Někdy se zdá, že je v editoru tolik možností, že je ani nikdo nevyužije. Pokud si ale chcete být jistí, že si web upravíte přesně podle svých představ, Wix vám to všechno umožní.

    • Nejlepší pro začátečníky a jednostránkové weby
    • Snadné vytváření díky přednastavenému rozložení
    • Rychlé načítaní

    SITE123 je vlastně zjednodušenou verzí Wixu. Pokud zrovna začínáte, bude pro vás lepším řešením. Tento editor nabízí přes 180 responzivních šablon a velký výběr aplikací pro přidání dalších funkcí.

    Místo drag-and-drop editoru budete mít k dispozici point-and-click rozhraní. To znamená, že budete jen klikat na různá tlačítka a instrukce a z přednastavené struktury si vytvoříte vlastní webové stránky. Sice si prvky neumístíte na pixel přesně, ale můžete si sekce přidávat a organizovat dle libosti. Tento typ rozhraní zajistí, že bude vše perfektně zarovnané.

    Při testování SITE123 jsem se toho musel naučit o trochu víc, než u ostatních editorů na tomto seznamu. Jakmile jsem však přišel na všechny vychytávky, vytvořil jsem si web mnohem rychleji než na Wixu. Najdete tu super automatické funkce, jako podrobnou navigaci, automatické umisťování produktů do kategorií nebo například naprosto jednoduchý nástroj pro tvorbu kontaktního formuláře, který byl pomyslnou třešničkou na dortu a vše hodně zjednodušil.

     

    • Nejlepší pro kombinaci blogu a obchodu
    • Úžasné návrhy a šablony
    • Průvodce prvními kroky

    Squarespace je opravdu krásný editor webů, a to jak z hlediska vytvářených webových stránek, tak z hlediska rozhraní. Nejvíce se podobá WordPress.com, protože používá bloky a podobné rozložení stránek a dalších prvků. Když jsem ho ale zkoušel, všechno šlo mnohem hladčeji, než na WordPressu, prvky rozhraní byly mnohem více propojeny. Přirovnal bych to spíše k Wixu.

    Tam, kde se jiné editory soustředí buď na obsah, nebo na e-shop, dokáže Squarespace zazářit v obou oblastech. Je tak ideálním řešením pro online obchody všech velikostí, které chtějí mít i vlastní blog. (To samozřejmě můžete udělat u všech editorů webů, ale Squarespace nabízí skvělé funkce pro obě možnosti ve větším měřítku než například Wix.)

    Squarespace nenabízí bezplatný tarif (má však 14denní zkušební verzi), k většině funkcí ale získáte přístup už na nejnižším plánu, které se cenově vyrovnají ostatním editorům na tomto seznamu.

    • Nejlepší pro malé firmy, které se chtějí rozvíjet
    • Skvělá zabudovaná platforem pro blogování
    • Tisíce pluginů s dodatečnými funkcemi

    WordPress.com je placená verze editoru WordPress.org, giganta mezi redakčními systémy a tvorbou obsahu. WordPress.com vyžaduje vlastní hosting a pokročilejší znalosti vývoje webových stránek, ale díky editoru webů WordPress.com je tato platforma vhodná i pro nováčky.

    I tak je toho ale opravdu hodně, co se musíte naučit, a tarify a ceny tomu jen přidávají. Například pluginy si můžete přidávat až při zakoupení celkem drahého tarifu Business. WordPress.com jsem i přes omezené možnosti umístil celkem vysoko v tomto seznamu, rozhodně to však není nejjednodušší ani nejlevnější volba.

    Bloky jsou ve WordPressu relativní novinkou a velkou změnou oproti starému systému, na který jsem byl zvyklý. Na výběr máte z mnoha typů bloků, například sloupce, mezery a další bloky související s rozložením. Mnohdy jsem s nimi ale nebyl zrovna spokojený. Zarovnání bylo nemotorné a někdy jsem musel všechno kompletně předělat, aby to bylo správně.

    • Vynikající řešení pro restaurace a kamenné obchody
    • Integrace Square pro online i fyzické nákupy
    • Blokový editor pro příspěvky na blog

    Weebly nedávno koupila společnost Square, což znamená, že máte nově k dispozici dva editory: zaprvé klasický blokový editor Weebly a zadruhé Square editor pro e-shopy nabízející pokročilé funkce pro online obchody, avšak bez správy bloků.

    Z mojí zkušenosti je lepší editor Square, a to především pro kamenné obchody, které Square již využívají při online prodeji a nemusí tak měnit nic na zpracování plateb. (Square však můžete kombinovat i s jinými editory.)

    Klasický editor (dostupný v anglickém jazyce) představuje také solidní a intuitivní nástroj. Připomíná mi Jimdo a SITE123, ale nabízí o něco méně možností úprav vzhledu. Blog upravujete prostřednictvím zjednodušeného blokového editoru, podobně jako v případě Squarespace a ani tady se omezením nevyhnete. Do klasického Weebly editoru přidáte i online obchod, ale Square je pro tento účel lepší.

    • Skvělé řešení pro krátkodobé projekty jako akce
    • Vynikající návod do začátku
    • Nejrychlejší editor webů

    Jimdo si buď oblíbíte nebo ho budete nenávidět. Buďto naprosto přesně splní vaše potřeby (jednoduchý, rychlý, líbivý) nebo prakticky okamžitě narazíte na strop možností. Nabízí zjednodušený obsah bloků a možnosti úprav. Webové stránky jsme vytvořil velice rychle, ale nemohl jsem je upravit přesně podle svých představ.

    Jimdo sice umí online obchody a blogy, ale hodí se spíše pro menší uvítací stránky. Vytvořit můžete jen omezený počet stránek (nevztahuje se na nevyšší tarif), takže není úplně dělaný pro větší projekty, u kterých ještě nemáte představu, do jakých rozměrů se rozrostou.

    Jako ideální využití si dokáži představit akce, svatby, párty nebo například veřejné sbírky. Stejně tak poslouží společnostem, které potřebují jen několik stránek s klíčovými informacemi.

    • Kvalitní řešení pro základní, pěkné weby
    • Párování písma zajišťující konzistenci vzhledu
    • Jednoduchý editor bez doplňků

    SimpleSite dělá čest svému názvu (simple = jednoduchý): jde o editor bez jakýchkoliv parádiček od začátku až do konce. Nedostatek doplňkových funkcí však automaticky neznamená nic špatného. Pokud na brandu příliš nezáleží, vytvoříte s ním jednoduše velice pěkné webové stránky například v podobě portfolia nebo osobního webu. Rozhraní SimpleSite je navíc dostupné v českém jazyce, což vám práci velice zjednoduší. Rozhraní SimpleSite je navíc dostupné v českém jazyce, což vám práci velice zjednoduší.

    Nevýhodou je, že jsem testoval pouze bezplatný tarif, protože při platbě došlo několikrát k chybě a zákaznické podpoře se nepodařilo problém vyřešit. Placený tarif sice nabídne více možností úprav a neomezený počet stránek, ale vzhledem k jádrovým funkcím editoru si neumím představit, že by to byl ve výsledku velký rozdíl.

    • Vynikající řešení pro správu mnoha produktů
    • Krásné šablony s důrazem na obrázky
    • Žádné poplatky za online transakce

    Volusion je e-commerce editor, takže se hodí pro tvorbu e-shopů: většina funkcí je spojená s prodejem produktů online. Možnosti jsou intuitivní, máte jich hodně a patří mezi ně například úprava produktů, sledování zásob, objednávek, zákazníků a mnoho dalšího.

    Tento editor je z našeho e-commerce seznamu nejvíce intuitivní s velkou nabídkou barev, stylů písma, rozložení a formátů bloků. Je tu však několik nepříjemných omezení. Například tu není blok pro kontaktní formulář (pokud si ho chcete přidat, tak jedině přes HTML). Přesto je Volusion v této kategorii vítězem, protože s ním vytvoříte efektivní a líbivé stránky pro prodej a sledování velkého množství produktů.

    • Skvělé řešení pro více prodejních kanálů
    • Výrazné slevy na dopravu
    • 1 hodina konzultace designu zdarma při změně tarifu

    Na Shopify se mi líbí, že můžete prodávat produkty i jinde než prostřednictvím jejich platformy. Nabízí integraci pro WordPress a další editory, a dokonce pro sociální sítě jako Facebook a Instagram. Pokud změníte něco na způsobu prodeje, Shopify si všechny produkty zapamatuje a umožní jejich přesun kamkoliv a kdykoliv budete potřebovat.

    Prostřednictvím Shopify dokonce vytvoříte i celé webové stránky. Základem pro vás budou robustní možnosti úprav a tisíce aplikací. Rozhraní prozatím není v češtině, ale snadno se v něm zorientujete.  Nešlo o zcela plynulý proces, protože domovskou stránku vytváříte v jiném editoru než všechny ostatní, ale web jsem měl hotový relativně rychle a možnosti platformy mě příjemně překvapily.

    • Skvělé řešení pro velké online obchody nebo dropshipping
    • Žádné poplatky za transakce
    • Robustní správa produktů

    BigCommerce je skvělé řešení pro správu a prodej velkého množství produktů. Produkty lze exportovat i importovat, vytvářet jejich různé varianty zároveň a přidat filtry podle kategorií. Přímo na stránkách je dokonce možnost pro zákazníky přidávat recenze. Tento editor je přímo nabitý funkcemi pro e-shopy.

    Pokud však plánujete vytvářet i jiné než produktové stránky, karty se celkem rychle obrátí. Nejde o příliš intuitivní proces a neproduktové stránky se mi příliš nelíbí ani vzhledově. Všechny tyto nedostatky se však dají odpustit, pokud je pro vaše podnikání klíčová efektivní správa produktů.

Na co se při výběru editoru webů zaměřit

Při hodnocení jsem zvažoval tyto tři kritéria: použitelnost, grafickou flexibilitu a cenu. Závisí samozřejmě i dalších faktorech, obzvláště, když si jsou editory ve výše zmíněných oblastech rovny. Tady jsou definice jednotlivých kritérií.

Editorů webů, které se do našeho seznamu nedostaly

Během svého hledání nejlepších editorů webů pro Českou republiku jsem narazil na takové, které svou práci udělají, ale úplně nesplňují má kritéria. Možná vás překvapí, které poskytovatele jsem sem nezařadil a proč.

Použitelnost

Kvalitní editor webů je intuitivní, přehledný a je radost s ním pracovat. Téměř každý editor nabízí nějaký druh návodu nebo seznam tipů do začátku. Jakmile se prokousáte prvotním nastavením, nemělo by vám hledání potřebných nástrojů dělat problém.

Klíčové prvky webových stránek musí být po ruce, nikoliv zahrabány pod hromadou vrstev v navigaci. Nesmíme zapomínat ani na podporu, která by měla reagovat rychle a srozumitelně na vaše dotazy.

Bonusové body jsou za automatické ukládání rozdělané práce a průběžné hlášení důležitých kroků jako zveřejnění webu nebo propojení s doménou.

Grafická flexibilita

Pokud má váš web zaujmout, musí vystoupit z davu. Šablonový vzhled, který vídáte každý den, mu určitě na oblíbenosti nepřidá. Šablonou sice musíte vždy začít, ale kvalitní editor nabízí široký výběr (500 šablon v případě Wix) a hromadu možností, jak vzhled upravit podle svého brandu a představ. Konkrétně chcete:

  • Rozsáhlou knihovnu základních šablon
  • Kompletní kontrolu nad správou barev
  • Širokou nabídku stylů písma
  • Různé možnosti rozložení a formátů bloků

Drag-and-drop editory jako Wix nabízí obvykle největší flexibilitu, což se projeví na výsledných stránkách, ale ani ostatní typy editorů nejsou k zahození.

Ceny

Tento faktor není tak úplně o ceně, jako spíše o hodnotě. Pokud mají nejdražší tarify jednoho editoru o polovinu méně funkcí než základní verze jiného editoru, nemá to na jeho hodnocení zrovna pozitivní dopad.

Editor s vysokou hodnotou nabízí hodně muziky za málo peněz. Pokud má více tarifů, je to jedině dobře, protože si můžete vybrat podle svých potřeb. Squarespace například nepatří mezi nejlevnější, ale vzhledem k jeho potenciálu má podle mě skvělou hodnotu. Tady se můžete podívat na jeho aktuální tarify.

Obvykle (ale ne vždy) se za dražšími plány skrývá jedna ze dvou věcí: větší přenos dat a více prostoru nebo pokročilé možnosti pro online obchody. Pokud máte jasnou představu o tom, co budete na svých stránkách potřebovat, bude pro vás přiřazení hodnoty jednotlivým tarifům mnohem jednodušší.

K čemu dalšímu přihlédnout

Výše zmíněné faktory patří při výběru mezi nejdůležitější, ale existuje i několik bonusových vlastností, které oddělí ty dobré od nejlepších. Samostatně nemají tyto faktory příliš velkou váhu, ale pokud slouží jako doplněk kvalitního základu, dělají editor ještě atraktivnějším.

Zároveň musí jít o funkce s reálným využitím, nejen snůšku planých slibů. Co dalšího se editoru hodí:

  • SEO možnosti: U většiny editorů upravíte nadpisy a meta popisky, ale skvělou výhodu představují další technické funkce, jako například automatické generování souboru robots.txt nebo mapy stránek.
  • Nabídka aplikací a integrace: To se týká více funkcí než designu. Kvalitní editor by měl nabízet všechny funkce, co budete potřebovat, ideálně prostřednictvím integrace jiných nástrojů nebo softwaru, který už používáte, například MailChimp pro e-mail marketing.
  • Originální funkce: Některé programy mají funkce, které jsou pro ně specifické a nelze je porovnávat s ostatními. Ty jsme uvedli ve výsledcích každého editoru.

Editor pro e-shopy nebo klasický editor s funkcemi pro e-shopy?

Editory pro online obchody, jako jsou ty tři poslední na našem sezamu, se zaměřují výhradně na e-shopy. Jejich funkce pro online obchody výrazně převyšují běžné editory. Postupem času ale zjistíte, že téměř všechny ostatní aspekty jsou tak trochu nepoužitelné. (Například na Volusion je skoro nemožné vytvořit kontaktní formulář.)

Běžné editory webu poskytují funkce pro online obchody spíše jako rozšíření. Ačkoliv i „normální“ editory, jako je Squarespace, začaly nabízet celkem zajímavé funkce pro e-shopy. S těmi je snazší vytvořit blog, sérii vstupních stránek nebo přidat velké množství fotek a videí.

Typ editory, který si zvoláte, závisí na hlavním účelu vašich webových stránek. Pokud je vaším hlavním cílem prodávat produkty, bude pro vás lepší editory pro e-shopy, protože nabízí lepší platební možnosti, lehčí nahrávání a třídění produktů a některé mají i lepší poštovné. Abyste využili všechny výhody těchto editorů, nemusíte mít obrovské množství produktů. I menším a lokálním obchodům se bude tento typ editoru hodit.

Pokud ale spravujete blog nebo osobní web a chcete prodávat jen pár produktů, například e-booky nebo online kurzy, využijte běžný editor s funkcemi pro e-shopy. Ten vám poskytne vše, co budete pro web i obchod potřebovat.

Spousta editorů e-shopů nabízí propojení s jinými platformami nebo editory, takže získáte výhody obou. Pokud jste tedy primárně obchodník, ale chcete svůj web rozšířit o blog nebo dalších obsah, bude pro vás vhodná tato kombinace.

Proces testování

Abych všechny editory otestoval spravedlivě, začal jsem s kostrou jednoduchého webu, který bude obsahovat funkce, které většina editorů považuje za základní. Každý vytvořený web musel obsahovat:

  • Statickou stránku s textem (O nás)
  • Příspěvek na blogu
  • Fotogalerii
  • Kalendář nebo stránku s událostmi
  • Stránku kontaktu
  • Online obchod

Dále jsem vyzkoušel následující funkce:

  • Změna barvy a stylu písma
  • Přidání obrázků
  • Vložení videa
  • Vytvoření kontaktního formuláře
  • Přidání tlačítka
  • Úprava menu
  • Aktualizace alt textu
  • SEO funkce

Tak jsem otestoval nejběžnější funkce editorů a strávil u každého z nich přiměřené množství času, abych ho dopodrobna vyzkoušel.

Před vytvořením webových stránek jsem si dal dohromady všechny zdroje a důkladně jsem si promyslel, jaké stránky chci zahrnout, abych pokaždé vytvořil stejný web. Tím jsem omezil čas strávený přemýšlením nad tím, co chci dělat, hledáním obrázků nebo dalším nastavením.

Před prací v editoru jsem si nečetl žádné průvodce ani jsem se nedíval na žádné návody. U každého editoru jsem měl ale trochu jiné znalosti a dovednosti. Už dříve jsem používal Wix a WordPress.com, i když ne nijak extra, a hledal jsem si funkce Squarespace, Weebly a SITE123.

Když jsem při tvoření narazil na nějaký problém, který jsem nemohl vyřešit, nejdříve jsem se podíval do znalostní báze a až poté jsem se obrátil na zákaznickou podporu prostřednictvím e-mailu nebo živého chatu.

Podrobné výsledky: Jak si editory vedly

Konečně přichází ta zábavná část: reálné výsledky mého testování v podobě webových stránek. Podrobné shrnutí mých zkušeností a hodnocení jednotlivých kritérií najdete níže, ale nejdříve se podíváme na krátké srovnání klíčových faktorů.

V PageSpeed Insights od Googlu jsem zjišťoval, které stránky jen vypadají dobře a které jsou skutečně optimalizované pro rychlé načítání. Zajímaly mě hodnoty jak pro stolní počítače, tak pro mobilní telefony. Výsledné skóre se pohybuje v rozmezí 1–100, kde číslo 100 představuje nejlepší možný výkon.

Bezplatný tarifŠablonyPřizpůsobení vzhledu pro mobilní zařízeníDoplňkové aplikaceČas k vytvoření webuSkóre PageSpeed Insights (počítač/mobil)Bezplatná doména k placeným tarifůmSSL zdarma
Wix500+300+90 min65/23
SITE123180+80+60 min94/48
Squarespace10060+50 min95/43
WordPress.com250+Tisíce75 min99/88
WeeblyCca 50350+45 min58/18Jen ke 2 nejvyšším tarifům
JimdoNení k dispoziciŽádné30 min74/16
SimpleSite12U placeného tarifuŽádné35 min92/54Ano, u tarifu Pro
Volusion14Jen některé1475 min100/85
Shopify644000+45 min99/63
BigCommerce12750+75 min89/78

1. Wix – Celkově nejlepší editor webů

best-website-builders-wix-2
Domovská stránka mého webu z Wix (šablona: Traveler Blog)

KritériumSkóre/maximum
Použitelnost10/10
Grafická flexibilita10/10
Ceny9/10
Dostupné šablony500+
Dostupné aplikace55 zdarma/300 celkem
K dispozici v češtiněAno

Použitelnost

Editor Wix patří definitivně mezi nejvíce intuitivní nástroje. Vše jsem našel na první pohled a nikdy jsem se nedostal do situace, kdy bych potřeboval pomoc zákaznické podpory. První polovina webu byla hotová za 30 minut a finální verzi jsem dokončil v čase 75 minut.

Aby pro vás byla práce ještě jednodušší, máte k dispozici funkci Wix ADI (Aritifical Design Intelligence). Jde o průvodce, který vám na základě několika dotazů vytvoří webové stránky za pár minut. Je tu dokonce možnost importovat obsah ze sociálních sítí pro zachování konzistence brandu.

Wix ADI má sice svá omezení, ale kdykoliv můžete skočit zpět do klasického editoru a přidat svému webu trochu osobní nádech. Navíc tento nástroj ukládá všechny předchozí verze vašich stránek, takže vrátit provedené změny není problém.

Wix je snadnější i po technické stránce, jako je například SEO. Wix SEO Wiz vám na základě několika dotazů vytvoří seznam užitečných optimalizací a nastavení základních SEO prvků zvládnete, aniž byste věděli, jak vlastně fungují. Mimochodem se mi líbí, jakým způsobem vás Wix na tuto možnost upozorní – „Zviditelněte se na Googlu“.

Wix SEO Wiz checklist
Můj seznam Wix SEO Wiz doporučení

Nevýhodou je, že šablony nejsou responzivní, takže se automaticky nepřizpůsobí obrazovkám mobilních zařízení. Základní verze šablon jsou sice responzivní, ale pokud hodně změníte jejich strukturu, budete muset pravděpodobně individuálně upravit i verze pro mobilní zařízení.

Mnoho editorů z tohoto seznamu nabízí kompletně responzivní šablony, kde se dvojitým úpravám vyhnete. Během testování rychlosti Wix také nepodal nijak oslnivý výkon.

Grafická flexibilita

Na Wixu se při upravování vzhledu můžete pěkně vyřádit. Je tu nespočet možností úpravy barev, stylů písma, bloků, struktury a barvy i s písmem si snadno můžete uložit pro globální využití.

Wix has dozens of elements and layouts to add to your site
Na Wixu si můžete na stránky přidat tucty prvků a layoutů

Nechybí ani integrované pokyny, které vám pomohou se zarovnáním nadpisů, obrázků a dalších prvků. Občas mě editor při upravování výšky a dalších věcí nechtěl poslouchat, ale jelikož šlo prakticky o změny pixelových rozměrů s minimálním dopadem na celkový vzhled, nepovažuji to za velký problém.

Velkou výhodou v oblasti flexibility je rozsáhlá nabídka šablon, protože na Wixu najdete něco podle svých představ s mnohem větší pravděpodobností než u ostatních editorů. Většina šablon na Wixu je relativně originálních, takže si je, na rozdíl od ostatních editorů, vybíráte spíše podle účelu než barev. Pokud byste chtěli, můžete také začít klidně na zelené louce s prázdnou šablonou.

Jakmile se pustíte do úprav, šablonu již nejde změnit, musíte začít znovu. Než se tedy rozhodnete k velkým krokům, vše si dobře rozmyslete. Díky flexibilitě, kterou editor nabízí, budete schopni vytvořit z vybrané šablony cokoliv nebo zkopírovat rozložení jiné, pokud vám něco padne do oka později.

Ceny

V bezplatné verzi Wixu má dostatek možností a přístup ke všem více než 500 šablonám a spoustě aplikací. Na tarif Business přejděte, pokud chcete připojit vlastní domény, přijímat platby online a integrovat Google Analytics.

Ačkoliv Wix nabízí osm různých tarifů rozdělených do kategorií Webové stránky a Podnikání/E-Commerce, není mezi nimi až takový rozdíl. Vyšší plány jsou o dost dražší a obsahují jen o něco málo větší úložiště a tzv. „VIP podporu“.

Další funkce

Na Wixu se mi líbily zejména tyto funkce:

  • Online obchod: Rozhraní pro online obchody je velice uživatelsky přívětivé a provede vás podrobně přidáním informací o produktu, možnostmi dopravy, platbami i dalšími aspekty.
  • Pokročilé možnosti SEO: Kromě nástroje Wix SEO Wix najdete v pokročilém nastavení SEO i možnosti pro strukturovaná data, kanonické URL a vlastní meta tagy. Ty pomáhají Google lépe pochopit váš web po technické stránce, aniž byste se museli zabývat složitými technickými detaily. Pro rychlejší procházení na mobilu si lze nastavit AMP stránky.
  • Centrum nápovědy: Ačkoliv jsem centrum nápovědy nikdy nepotřeboval, zavítal jsem tam a našel jsem nespočet užitečných návodů, kde najdete odpovědi na všechny možné otázky.

2. SITE123 – Nejlepší editor pro začátečníky

best-website-builders-site123-2
Domovská stránka mého testovacího webu SITE123

KritériumSkóre/maximum
Použitelnost8/10
Grafická flexibilita7/10
Ceny8/10
Počet šablon180+
Počet aplikací80+
K dispozici v češtiněNe

Použitelnost

Práce v editoru SITE123 je snadná, pokud víte, jak funguje. Na mém webu jsem začínal s jednou stránku a 20 minut mi trvalo zjistit, že když přidáte blok, musíte upravit jeho nastavení, aby se nezobrazoval na hlavní straně, ale zůstal v navigační nabídce. Jakmile jsem to pochopil, vytvořil jsem ukázkový web SITE123 velice rychle. Celý jsem ho dokončil asi za hodinu (včetně prvních 20 minut zjišťování, jak funguje blok).

SITE123’s interface for adding and reordering pages or sections
Rozhraní SITE123 pro přidání a uspořádání stránek nebo sekcí

Obecně se dá říci, že rozhraní není úplně intuitivní. Možná budete muset ze začátku vyzkoušet metodu pokus-omyl, abyste zjistili, jak to funguje. Pokud ale narazíte na problém, je vám k dispozici užitečná a milá podpora na živém chatu. Na mou otázku odpověděli do 20 minut.

Práce v rozhraní pro jednotlivé funkce, jako blog a e-shop, jsou celkem bez problémů. Není to tak moderní jako třeba na Wixu nebo Squarespace, ale nemá to vliv na vzhled vámi tvořeného webu.

Grafická flexibilita

Web na SITE123 si nemůžete upravovat tak svobodně jako na Wixu, ale pořád toho upravíte opravdu hodně. K dispozici máte přes 180 šablon a 14 kategorií rozvržení stránky, včetně textu, fotogalerií, událostí nebo například rezervací v restauraci.

Ty pak můžete dále upravovat přidáním bloků, ale na základě zvoleného rozvržení narazíte na mantinely. Já jsem si například vybral šablonu pro stránku „o nás“ a nemohl jsem přidat video. Zeptal jsem se na to podpory na chatu a tam mi řekli, že video lze přidat jen na určité typy stránek:

SITE123’s live chat support feature
Podpora na živém chatu SITE123

Problém jsem nakonec vyřešil tak, že jsem stránku celou předělal a místo „o nás“ layoutu jsem zvolil základní textové rozvržení.

Všechny své nedostatky v oblasti grafické flexibility vám SITE123 vynahradí jinde. Pevně stanovené rozvržení stránky zajistí esteticky příjemný vzhled, ať už děláte cokoliv – celkový dojem webových stránek nezkazíte tím, že něco špatně posunete o milimetry.

SITE123 offers dozens of page layouts to help build your site
SITE123 nabízí tucty grafických schémat, které vám pomohou do začátku

V menším výběru barev a stylů písma lze najít i výhody – místo abyste celé odpoledne přemýšleli nad tím, který odstín je hezčí, budete mít více času na tvorbu obsahu. Stránky se také rychleji načítají na stolních počítačích i mobilních zařízeních, což je pro návštěvníky naprosto klíčové.

Ceny

Tarify SITE123 pořídíte za dobrou cenu a i ty nejlevnější prémiové verze nabízí výrazné navýšení úložného prostoru, doménu zdarma a podporu pro e-shopy. Společní s tím získáte i více možností grafických úprav. Je to dobré řešení pro většinu blogů a menší společnosti.

Další funkce

SITE123 si na extra funkcích příliš nezakládá, ale nabízí základ většiny editorů v mnohem stravitelnější podobě. Tady je malá ochutnávka:

  • SEO: Přidáte nadpis, meta popisek, alt text obrázku a to je asi tak vše. Můžete přidat i klíčové slovo, ale to z hlediska SEO představuje spíše už zastaralý přežitek než reálné využití.
  • Online obchod: Online obchod má propracované přidávání produktů a pro někoho, kdo nemá s e-shopy vůbec žádné zkušenosti, bylo rozhraní velice intuitivní. Při zakoupení vyšších tarifů ho dostanete v podobě doplňkového typu stránky, takže nemusíte nastavovat nic extra.
  • Jednostránkový web: Tato funkce mě nejdříve pěkně pozlobila, ale ve výsledku patří SITE123 definitivně mezi nejjednodušší editory pro tvorbu jednostránkových webů s automatickou navigací a odlišitelnými sekcemi. Skvěle se hodí pro tvorbu portfolií, životopisů a akcí, které nevyžadují příliš obsahu.

3. Squarespace – nejlepší editorů webů v oblasti grafiky

best-website-builders-squarespace-2
Domovská stránka mého webu ze Squarespace (šablona: Fillmore)

KritériumSkóre/maximum
Použitelnost8/10
Grafická flexibilita8/10
Ceny6/10
Počet šablonCca 100
Počet aplikací60+
K dispozici v češtiněNe

Použitelnost

Squarespace patří mezi nejjednodušší blokové editory a působí na mě jako kombinace Wixu a WordPress.com. Přecházení mezi jednotlivými bloky je plynulejší a přirozenější než u WordPress.com a vše je takové přehlednější.

The Squarespace block editor has tons of options for your page layout
Blokový editor Squarespace nabízí tucty možností rozložení stránky

Jakmile se pustíte do práce, aktivuje se asistent, kterého můžete dle libosti skrýt, a provede vás prvními kroky. Dozvíte se několik základních věcí o nastavení webových stránek a pokud by vás zajímalo více informací, nechybí ani odkazy na relevantní návody. Návody nabízí většina editorů, ale Squarespace je v tomto ohledu rozhodně nejlepší.

Takovou nenápadnou, avšak velice užitečnou funkcí je možnost přepínat mezi editorem a náhledem v jednom okně. V případě SITE123 a dalších editorů musíte pro zobrazení náhledu neustále otevírat nové záložky.

Grafická flexibilita

Squarespace nabízí vzhledově jedny z nejlepších šablon v oboru. Co se týče grafické flexibility, jsou na tom podobně jako průměrné šablony na WordPress.com. Nezměníte úplně každou barvu jako na Wixu a blokový editor má svá přirozená omezení. Celkově však máte k dispozici širokou škálu úprav a vše je připraveno tak, aby cokoliv uděláte vypadalo skvěle.

Jedním z mých oblíbených nástrojů je paleta barev. Vyberete si tři základní barvy a Squarespace vám následně vygeneruje širší spektrum barev, které se budou pěkně doplňovat. Tady jsou barvy mých webových stránek na Squarespace:

Choose your base colors with Squarespace’s color palette designer
Vyberte si základní barvy v paletě Squarespace

A tady jsou vygenerované šablony:

Squarespace generates color combinations for you to use throughout your site
Squarespace vám vygeneruje barvy pro celé webové stránky

Tyto barvy můžete klidně upravit, ale když je necháte beze změny, můžete si být jistí, že bude váš web vypadat dobře. Nemusíte vůbec ztrácet čas přemýšlením, zda se tato barva hodí k vašemu písmu, protože už to za vás udělal Squarespace.

Ceny

Squarespace nenabízí bezplatný tarif, ale i levnější tarify mají hodně co nabídnout. Abyste nekupovali zajíce v pytli, můžete si je bezplatně vyzkoušet v rámci 14denní zkušební verze. S rostoucí cenou roste i potenciál pro e-shopy, takže Squarespace za dobrou cenu využijete nejen pro menší blogy, ale také pro online obchody. Propracovanější e-commerce tarify jsou obecně o něco dostupnější než tarify editorů, které se na e-shopy přímo specializují.

Celkově se zdá, že cílem Squarespace je zajistit vám ty nejlepší webové stránky a zároveň dobře vědí, že k tomu nebude bezplatný tarif stačit.

Další funkce

Nejsilnější stránkou Squarespace je vzhled, ale za zmínku stojí i několik dalších věcí:

  • Online obchod: Přidávání produktů není tak intuitivní jako u konkurence, ale poslouží vám stejně dobře jako editory se zaměřením na e-shopy. Takových editorů a online obchodů jsem již vyzkoušel tucty a všiml jsem si, že mají jednu věc společnou. Pokročilé funkce vyžadují více vašeho úsilí než se s nimi naučíte. A u Squarespace tomu není jinak.
  • E-mailové kampaně: Po zveřejnění příspěvku můžete díky speciální funkci rovnou začít s vytvářením e-mailové kampaně. Jde o jednu z nejšikovnějších e-mailových integrací všech editorů – a nemusíte si lámat hlavu s nastavováním, vše je připraveno k okamžitému použití.
  • Další marketingové možnosti: SEO je u editorů celkem běžnou záležitostí, ale Squarespace si připravil několik specialit. Jde o přímé integrace pro Instagram, Facebook, Pinterest a URL Builder zajišťující jednodušší vyhodnocování placených kampaní.

4. WordPress.com – nejlepší editor pro blogy

My WordPress.com Test Website Homepage
Domovská stránka mého testovacího webu WordPress.com (Šablona: Twenty Twenty)

KritériumSkóre/maximum
Použitelnost6/10
Grafická flexibilita8/10
Ceny9/10
Počet šablon250 zdarma/k dispozici tisíce
Počet pluginůCca. 50 tis. (externí)
K dispozici v češtiněNe

Použitelnost

Blokový editor Gutenberg se používá celkem jednoduše, když chápete koncept používání bloků. Nejdříve si vyberete šablonu, která vám dá kostru celého webu, a poté budete přidávat bloky, kterých je několik desítek. Jsou pěkně seřazené podle účelu, takže se nebudete muset zdlouhavě hrabat v seznamu, abyste našli, co potřebujete.

WordPress.com has dozens of blocks to choose from
WordPress.com nabízí desítky bloků

WordPress.com se mi zdá trochu otravnější než jiné blokové editory. Někdy prostě umístí blok mimo zarovnání a za celou dobu jsem nezjistil proč. Potom jsem vždycky musel předělat různé části stránky nebo zkopírovat už hotové bloky, aby to fungovalo, tak jak mělo. Není to nic hrozného, ale stávalo se mi to docela často.

S tarifem Business a vyšším máte možnost si nainstalovat Elementor, což je plugin, který vám z blokového editoru udělá drag-and-drop.

Ačkoliv je v rozhraní všechno popsáno, občas musíte různé věci zkoušet a zjistit, jestli budou fungovat tak, jak vy potřebujete. Pokud budete chtít například změnit barvu pozadí bloku, musíte z editoru bloku přejít na úpravy a pak zase zpátky. To pak kazí celý dojem a ztěžuje práci zejména v porovnání s jinými editory webů, kde máte veškeré úpravy v jednom rozhraní.

Grafická flexibilita

Možnosti úprav závisí především na zvolené šabloně. V mé první šabloně jsem nemohl změnit ani barvy či styl písma, ale druhá už toho nabízela mnohem více. Obecně se dá říci, že čím novější šablonu od WordPressu si vyberete, tím větší získáte flexibilitu. Já jsem pro svůj testovací web WordPress zvolil šablonu s názvem Twenty Twenty. U externích šablon je to z hlediska těchto možností buď anebo.

WordPress.com’s customizer varies based on your template
Možnosti úprav na WordPress.com se liší podle zvolené šablony

Stránku můžete vytvořit úplně od píky a přidávat si bloky, jakkoliv budete chtít, nebo se necháte vést šablonami stránek. WordPress.com nabízí skvělou rovnováhu mezi flexibilitou a vedením za ruku. Při vytváření svého prvního webu se rozhodně nebudete cítit, že se musíte stát profesionálním designérem. Pokud naopak profesionálem jste, nebudou vás šablony omezovat.

Flexibilitu WordPress.com si můžete ještě rozšířit o další možnosti v podobě pluginů, které přidají analytiku, kontaktní formulář, SEO a téměř cokoliv, co vás napadne. Rozšíření jsou kompatibilní s blokovým editorem, ale externí šablony mohou představovat značná omezení. (Nezapomínejte, že pro instalaci pluginů potřebujete tarif Business a vyšší.)

Ceny

WordPress.com nabízí opravdu velký výběr tarifů (k dispozici je i bezplatná verze) a mezi nimi jsou značné rozdíly. Nejnižší tarify jsou velice cenově dostupné a dostačující pro blogery nebo freelancery, kteří potřebují funkční, ale levný web. Chcete-li používat pluginy, vlastní šablony a další pokročilé funkce, potřebujete tarif Business. S tím co nabízí, však stojí za to.

Další funkce

Většinu nejlepších funkcí WordPress.com tvoří pluginy, ale i ve výchozím editoru jsou některé věci, které stojí za zmínku a v jiných editorech jsem je neviděl:

  • Zdroj obrázků z Pexels a dalších stránek s fotkami je přidáván automaticky
  • Videa lze nahrát přímo
  • Nejvíce možností importu a exportu mezi platformami
  • Nejrychlejší načítání na počítači i mobilu

5. Weebly – Nejlepší editor pro místní podniky

My Weebly test website homepage (e-commerce builder)
Domovská stránka mého testovacího webu Weebly (editor pro e-shopy)

KritériumSkóre/maximum
Použitelnost9/10
Grafická flexibilita5/10
Ceny9/10
Počet šablon50
Počet aplikací350+
K dispozici v češtiněJa

Když jsem začal pracovat na testovacím webu, ptali se mě, zda chci klasický web nebo web s online obchodem. Vybral jsem si online obchod a po čase zjistil, že zcela chybí prvky blogu, což je vedlejší efekt akvizice společností Square. Blog si můžete přidat ve formě RSS kanálu nebo lze vytvářet stránky jako samostatné příspěvky, ale nepočítejte s žádnými funkcemi, které by vám usnadnily správu.

Při výběru klasické možnosti vás přesměrují na editor Weebly. Abych pochopil rozdíly, vyzkoušel jsem vytvořit stránky v obou editorech a výsledky najdete níže.

Použitelnost

Weebly editor pro e-shopy od Square

Editor pro e-shopy Weebly je extrémně intuitivní. Z hlediska připravených grafických schémat, u kterých upravujete jednotlivé prvky v bočním panelu, se podobá Jimdo a SITE123. Prvky lze skrýt, což zajišťuje stabilitu layoutu a zároveň možnost upravit si věci po svém.

Toggle section elements on and off in the Weebly e-commerce builder sidebar
Přepínání prvků v bočním panelu e-commerce editoru Weebly

Online obchod nabízí příjemnou rovnováhu mezi jednoduchým rozhraním a speciálními doplňky. Při vytváření online obchodu na Weebly jsem zjistil, že lze přidávat produkty pouze s názvem, popiskem a obrázkem nebo se můžete pustit do něčeho propracovanějšího a přidat i kategorie, SEO a další.

V nabídce jsou i velice jedinečné prvky, jako například zvýraznění jídelního menu, což dělá z Weebly skvělé řešení pro restaurace a kavárny. Vůbec si nemusíte lámat hlavu s integrací takových prvků – vše je již připraveno.

Klasický editor Weebly

Ovládání tohoto editoru bylo v porovnání s e-commerce verzí poněkud složitější. Z hlediska funkcionality se podobá Squarespace, ale nabízí mnohem méně možností. K dispozici máte stále šablony, ale jednotlivé prvky lze odstranit pouze jednotlivě přímo na stránce (není tu žádné přepínací tlačítko) a vytváření testovacích stránek na Weebly mi tak trvalo o něco déle, než jsem si přál.

Výhodou je, že se možnosti blokového editoru vztahují i na příspěvky na blog, což znamená o něco více flexibility. Na druhou stranu velkou nevýhodou je složitější rozhraní. Pokud chcete upravit písmo nebo přidat produkt, musíte najet úplně na jiný panel a vše trvá v porovnání s e-commerce editorem mnohem déle.

Font customization sidebar in the classic Weebly editor
Panel pro úpravu písma v klasickém editoru Weebly

Grafická flexibilita

Weebly editor pro e-shopy od Square

Obecně se dá říci, že jsou vaše možnosti omezené. K dispozici máte méně barev, stylů písma a šablon než u ostatních editorů (a v porovnání s klasickým editorem Weebly) a nezachrání to ani možnost skrýt jednotlivé prvky stisknutím tlačítka.

Pokročilé grafické možnost jsou sice výhodou, ale stále nejsou v porovnání s konkurencí dostačující. Pokud potřebujete hodně flexibility a je pro vás důležitý originální brand, Weebly není řešení pro vás.

Site design options for the e-commerce builder
Možnosti grafických úprav v editoru pro e-shopy

Klasický editor Weebly

Všechny své nedostatky dohání klasický editor v oblasti grafické flexibility. Nemůžete si s ním hrát jako s ostatními editory, ale nabízí mnohem více možností barev, stylů písma, grafických schémat a především si můžete barvu vybrat sami.

Ceny

Weebly je cenově dostupné a klíčové funkce jsou dokonce součástí bezplatného tarifu. Hlavní výhodou levnějších tarifu je propojení s vlastní doménou a pokud vás otravují reklamy nebo omezení dopravy, budete muset ještě trochu přitvrdit. Celkově se jedná o skvělé řešení pro lokální podniky a restaurace.

6. Jimdo – Nejlepší editor s umělou inteligencí

My Jimdo test website homepage
Domovská stránka mého testovacího webu Jimdo

KritériumSkóre/maximum
Použitelnost8/10
Grafická flexibilita5/10
Ceny4/10
Počet šablonŽádné – web je generovaný na základě otázek
Počet aplikacíŽádné
K dispozici v češtiněNe

Použitelnost

Než si začnete na Jimdo vytvářet web, zeptají se vás na několik otázek například, jaký je cíl vašich webových stránek, jaké barevné schéma se vám líbí, a pár dalších věcí. Poté vytvoří váš web pomocí zvolených barev, důležitých stránek a rozložení, o kterém si myslí, že se vám bude líbit. Vy už budete přidávat jen obsah.

Tohle byl pro mě nejrychlejší začátek tvorby webu, protože editor za mě udělal první kroky, jako je zvolení barev a přidání stránek.

Jimdo prefills your website with pages, colors, and more based on your goals and needs
Jimdo vám vytvoří web s barvami, stránkami a dalšími prvky na základě vašich cílů a potřeb

Později jsem však zjistil, že Jimdo má dva různé editory webů a každý z nich má různé funkce: Dolphin se používá pro tvorbu jednoduchých webů a online obchodů, zatímco Creator má funkce pro blog a můžete si v něm vytvářet vlastní kód. (Rozbor těchto dvou editorů najdete zde.)

Po zodpovězení otázek o typu webu, který se snažíte vytvořit budete přesměrováni do editoru. Pokud tedy předem nevíte, jak má váš web vypadat, můžete přijít o důležité funkce. Během testování jsem zjistil, že na webu, který vytvářím v editoru Dolphin, nemůžu mít blog. Zjistil jsem to tak, že jsem jako typ webu zvolil „Blog“ a to mi povolilo obchod a další funkce. Když jsem ale vybral „Website“ nebo „Store“, blog přidat nešel.

Editor Jimdo Dolphin vyhrává cenu za nejrychlejší editor webů: Všechno, co vidíte na testovacím webu Jimdo, jsem vytvořil během 30 minut. Sice jsem potom ještě strávil nějaký čas řešením problému s blogem, ale i tak vše zvládnete velice rychle.

Grafická flexibilita

Jimdo Dolphin je podobný Squarespace v tom, že vás nechá vybrat si nejdříve barvy a styly písma a potom automaticky vygeneruje styly, které lze libovolně použít. Díky tomu je design jednodušší, rychlejší a více lahodí oku. Také to ale znamená, že nebudete tak flexibilní jako na Wixu.

Nástroj pro tvorbu barevných palet vám umožní vybrat si barevný tón vašeho webu. Tak získáte větší flexibilitu než u jiných editorů, ale stále zůstane zachována barevná soudržnost.

Jimdo’s color palette creator automatically generates color groupings
Nástroj barevných palet Jimdo automaticky vygeneruje skupiny barev

Dostupné bloky představují spíše rozvržení stránky než opravdové bloky, které najdete například na WordPress.com nebo Squarespace. Z bloku můžete odebrat nebo naopak přidat prvky, ale provádění změn je značně omezené.

You can toggle page elements on and off in Jimdo’s Dolphin editor
V editoru Dolphin můžete prvky stránek vypínat a zapínat

Editor Jimdo Creator jsem neotestoval na 100 %, ale při tvorbě webu s blogem jsem dostal na výběr z několika kompletních šablon. Možnosti úprav se zdály být podobně flexibilní.

Jimdo nabízí spoustu možností a díky prvotnímu nastavení jde všechno rychle. Jen těžko si představíte web, který byste v Jimdo nevytvořili.

Ceny

U Jimdo budete na placenou verzi muset přejít rychleji než u jiných editorů, protože v bezplatné verzi jste omezeni pěti stránkami na web. Jen s tarifem Unlimited si můžete vytvořit nekonečně mnoho stránek, i když už u nižších tarifů máte k dispozici veliké úložiště. Je to celkem zvláštní nastavení cen, které se moc nevyplatí webům, které chtějí rozvíjet svůj blog nebo obchod. Za nižší cenu, než je cena tarifu Unlimited, získáte u jiných editorů webů stejné nebo dokonce lepší funkce.

Další funkce

Jimdo nijak zvlášť nevyniká, ale i tak se najde pár věcí, které stojí za zmínku:

  • Generátor právních textů: S tarifem Unlimited budete mít k dispozici nástroj pro tvorbu právních textů, který vám pomůže napsat zásady ochrany osobních údajů a další podmínky. Nebudete se tak muset strachovat o GDPR a jiné regulace.
  • Automatické SEO: Jimdo tvrdí, že se vám postará o SEO, ale nejde jednoduše zjistit, co změnili nebo proč. „Optimalizované“ meta názvy jsou jen názvy stránek s názvem webu. Pokud se tedy o SEO trochu více zajímáte, nebude vám to ani trošku stačit.

Jimdo’s automatic SEO checklist
Seznam doporučené pro SEO od Jimdo

7. SimpleSite – Nejlepší editor pro malé weby

My SimpleSite test website homepage
Domovská stránka mého testovacího webu SimpleSite

KritériumSkóre/maximum
Použitelnost5/10
Grafická flexibilita2/10
Ceny3/10
Počet šablon12
Počet aplikacíŽádné
K dispozici v češtiněAno

Použitelnost

SimpleSite využívá stejné základní funkce jako mnoho jiných editorů, kde si na stránku přidáváte sekce. Upravovat je však lze jen ve vyskakovacím okně, nikoliv v postranním panelu, takže změny nevidíte, když je provádíte, a to vás bude zdržovat. Na to, jak pracovat se základními funkcemi, přijdete snadno, ale vytváření mého testovací webu SimpleSite nebylo z těch nejjednodušších.

SimpleSite’s pop-up editor for a homepage section
Vyskakovací okno pro úpravu sekce domovské stránky SimpleSite

Grafická flexibilita

bezplatné verzi jsou grafické možnosti jen minimální. Dostanete na výběr z přednastavených stylů písma a barevných schémat, ale nemůžete je upravovat. K dispozici je jen hrstka typů rozvržení stránky, ale na druhou stranu tu najdete oddělovače, se kterými jsem se setkal jen na WordPress.com a Squarespace.

S placenou verzí získáte mnohem více možností, ale kvůli chybě zpracování platby na straně SimpleSite jsem je nemohl vyzkoušet.

Ceny

Editor SimpleSite se zdá být docela drahý na to, co nabízí. Abyste získali neomezenou flexibilitu, musíte si připlatit. Na Wixu a v dalších editorech získáte stejné funkce zdarma. Na vyšších tarifech nedostanete ani žádná rozšíření, jako je například analytika nebo pomoc se SEO. Navíc se nejoblíbenější měsíční tarif řadí mezi ty nejdražší.

Nabídli mi jeden měsíc tarifu Pro jen za 1 $, ale jelikož jsem ho nemohl vyzkoušet, nemůžu říct, jestli se vyplatí.

8. Volusion [E-commerce] – Nejlepší editor pro velké online obchody

My Volusion test website homepage
Domovská stránka mého testovacího webu Volusion (Šablona: Portland 1845)

KritériumSkóre/maximum
Použitelnost6/10
Grafická flexibilita9/10
Ceny7/10
Počet šablon14
Počet aplikací14
K dispozici v češtiněNe

Použitelnost

Na Volusion se mi líbí několik věcí: snadná orientace v postranním panelu, komplexní, ale přímočaré přidávání produktů a jednoduché sledování objednávek, zásob a podobně. Položky v hlavním menu jsou barevně odlišené a mají vlastní ikonu, takže se v něm dobře orientuje a je vizuálně přitažlivé.

Při vytváření mého webu Volusion byly některé věci dost složité. Volusion neobsahuje funkce pro blogy. Musíte si je tedy integrovat z WordPressu nebo jiné platformy. To se lehko řekne, ale hůř udělá. Nikdo mi nikde neřekl, že musím z URL adresy blogu vynechat „https://“.

Taky nejde přímo přidat kontaktní formulář, což mi přijde naprosto absurdní. Zeptal jsem se na to podpory na chatu a tam mi odpověděli, že je možné přidat si vlastní pomocí HTML kódu, ale že si nejsou jistí. Ačkoliv byla podpora užitečná a odpovídali rychle, přidávat si takovou základní funkci, kterou najdete u jiných editorů úplně běžně (a navíc pro e-shop je to jedna z nejdůležitějších funkcí), ručně, mi přijde hodně nepraktické.

Live chat support’s response to adding a contact form
Odpověď podpory na živém chatu ohledně přidání kontaktního formuláře

A nakonec, zatímco samotná úprava stránek je intuitivní a bez problémů, přecházení mezi editorem a nástrojem pro správu produktů mi přišlo zbytečně zdlouhavé.

Grafická flexibilita

Volusion nabízí spoustu grafických možností. Některé se dokonce vyrovnají editorům na vyšších pozicích tohoto seznamu. Plně si lze přizpůsobit výběr barev. Najdete tu sice malý, ale zato užitečný výběr bloků. A můžete si upravit výchozí rozvržení bloků a uložit ho, abyste ho mohli použít později někde jinde. Pro úpravu bloků existuje nespočet možností. Každá má rozbalovací nabídku nebo přepínač.

Categories of block layout options in the Volusion editor
Kategorie možností rozložení bloků v editoru Volusion

Funkce pro e-shopy

Rozhraní pro e-shopy ve Volusion je barevné a jasné členěné. Provede vás krok po kroku přidáním a kategorizací produktů, sledováním skladu a správou objednávek. Všechny sekce na sebe navzájem navazují. Volusion má nejjednodušší sledování variant produktů. Automaticky spojí různé varianty a vytvoří seznam, kde můžete sledovat zásoby na úrovni variant.

Volusion’s product interface automatically generates variant combinations
Produktové rozhraní Volusion automaticky vygeneruje kombinace variant

Ceny

Editory pro e-shopy jsou vždycky o něco dražší než běžné nástroje pro tvorbu webů, protože obsahují mnohem větší úložiště a možnosti analýz. Ceny Volusion jsou srovnatelné s ostatními editory pro online obchody, ale vyplatí se jen, pokud pravidelně prodáváte velké množství produktů. Volusion nabízí 14denní zkušební verzi, takže si ho můžete vyzkoušet, než si nějaké předplatné pořídíte.

9. Shopify [E-commerce] – Editor pro online obchody s nejlepším poměrem cena/výkon

My Shopify website homepage
Domovská stránka mého testovacího webu Shopify

KritériumSkóre/maximum
Použitelnost7/10
Grafická flexibilita7/10
Ceny7/10
Počet šablon8 zdarma/64 placených
Počet aplikací4000+
K dispozici v češtiněJa

Použitelnost

Shopify nabízí mnoho funkcí s jednoduchým ovládáním, ale styl editoru se mění podle toho, na čem pracujete, což není úplně ideální. Editor domovské stránky je blokový, jako například SITE123 nebo Jimdo, ale u jakékoliv jiné stránky už je ve formátu textu, což mi připomíná doby ještě před Gutenbergem ve WordPressu.

Shopify page editor
Editor stránky Shopify

Editor produktů působí podobně a není tak moderní jako u jiných editorů. Aplikace pro fotogalerii, kterou jsou použil na svém  testovacím webu Shopify, se zdála ještě zastaralejší. Jelikož ale byla externí, mohlo se stát, že jsem měl jen smůlu.

I přes zastaralý dojem je orientace v editoru snadná a najdete, co potřebujete. Bloky a aplikace jsou dobře seřazené a pěkně popsané a můžete si je filtrovat a řadit podle mnoha kritérií.

Shopify má kvalitní sekci podpory. Pokud tedy narazíte na něco složitějšího, co nemůžete vyřešit, s velkou pravděpodobností to najdete v centru nápovědy.

Grafická flexibilita

Shopify nabízí spoustu barev, stylů písma i bloků. Flexibilita rozložení se nevztahuje na jiné stránky webu, ale mezi tisíci dostupnými aplikacemi najdete editor stránek, který vám flexibilitu poskytne. (Pokud však budete přidávat hodně obsahu a potřebujete hodně funkcí pro e-shopy, poohlédl bych se raději po úplně jiném editoru webů.)

Funkce pro e-shopy

Funkce pro e-shopy v Shopify budou vyhovovat i majitelům kamenných obchodů, protože nabízí možnosti pro přidání polohy, sledování zásob a přesun produktů mezi jednotlivými pobočkami.

Shopify’s inventory tracking layout
Sledování skladu v Shopify

Kromě toho tu najdete sledování produktů, zásob a variant, podobně jako u Volusion nebo BigCommerce, ale kvalitnější než u editorů běžných webových stránek.

Ceny

Všechny editory e-shopů jsou naceněny podobně, ale u Shopify rozhodně neprohloupíte. (Také nabízí bezplatnou zkušební verzi). Za téměř stejnou cenu jako u Volusion získáte slevy na dopravu, možnosti přidávat polohy obchodů a pár dalších lahůdek.

10. BigCommerce [E-commerce] – Nejlepší editor pro e-shopy s velkým množstvím zboží

best-website-builders-bigcommerce-2
Domovská stránka mého testovacího webu BigCommerce (Šablona: Cornerstone Bold)

KritériumSkóre/maximum
Použitelnost4/10
Grafická flexibilita7/10
Ceny7/10
Počet šablon12
Počet aplikací750+
K dispozici v češtiněNe

BigCommerce je nejméně intuitivní editor ze seznamu. Správa produktů je sice vcelku jednoduchá, ale neustálé přepínání mezi produkty a editorem vzhledu je matoucí a zdlouhavé.

Navíc jsou tu dva stránkové editory: jeden pro text a základní nastavení a druhý blokový editor podobný SITE123. Jediný způsob, jakým jsem se dostal na blokový editor, bylo kliknutí na „upravit šablonu“, což mi nedává příliš smysl. Jakmile se dostanete do editoru vzhledu, vše je hned jednodušší a logicky popsané.

Editor sidebar for a homepage element
Boční panel editor pro úpravu domovské stránky

Seznam a práce s produkty je na druhou stranu velice intuitivní záležitostí. V přehledné navigaci najdete vše, co potřebujete, a vyhnete se tak zbytečnému hledání potřebných nástrojů. V jediném okně přidáte k produktům hromadu informací a následně se můžete pustit do úprav verzí, cen ve slevě a dalšího ve větším měřítku.

Partial view of BigCommerce’s product information fields
Částečný náhled na produktová informační pole BigCommerce

Grafická flexibilita

Globální šablona nabízí MNOHO možností úprav, které jsou přehledně uspořádané na jednom místě a pomohou vám s konzistencí.

BigCommerce global theme customization options
Možnosti globálních úprav BigCommerce

Co se týče rozložení stránky, tak nemáte na výběr příliš možností, a i když mé testovací stránky na BigCommerce vypadají dobře, potenciál grafického editoru mě příliš neoslovil. Nejlépe vypadají stránky produktů a kategorií, ale nelze je upravit – vytvoří se automaticky po přidání produktu.

Funkce pro e-shopy

BigCommerce nabízí i zajímavý potenciál pro e-shopy, který alespoň částečně nahradí nedostatky v oblasti designu. Kromě rozsáhlých možností popisu produktů lze aplikovat uložené varianty produktů na více položek a přidávat k produktům značky, podle kterých můžete následně sledovat stav zásob. Součástí je také systém pro zaznamenávání recenzí.

Vyšší tarify jsou ještě bohatší a nabídnou vašim zákazníkům více možností v podobě filtrování produktů a ceníků.

Ceny

S cenami tarifů je to podobné jako u ostatních editorů ze seznamu. Mezi jednotlivými tarify jsou však znát velké rozdíly. To nejlepší (jako filtrování produktů) si BigCommerce schovává pro bonitnější klientelu. Pokud hodláte spravovat velké množství produktů a záleží vám na zákaznících, BigCommerce se vám vyplatí, ať už máte jakkoliv velký rozpočet. Vše si můžete dobře otestovat během 15denní zkušební verze.

Co jsem se dozvěděl a co mě překvapilo

Před tímto projektem mě nenapadlo, jak hodně se mohou jednotlivé editory lišit. Abyste byli s výsledky spokojeni vy i vaši zákazníci, musíte si umět vybrat.

Nejvíce mě překvapily nedostatky možností pro úpravu vzhledu a dalších faktorů v akci. Obecně vám práce s flexibilnějšími editory zabere více času a váš web se načítá pomaleji, zatímco editory, které vám stanoví jasné hranice, jsou rychlejší a nabízí záruku kvality (protože si nemůžete webové stránky zpackat vlastními zásahy).

Po takto rozsáhlém testování a vytváření stránek jsem si odnesl několik hlavních myšlenek, které by se vám při výběru editoru mohly hodit:

  • Naplánujte si účel webu. Chcete prodávat produkty nebo psát blog? Nebo chcete obojí? Se znalostí vašeho cíle se vybírá editor mnohem snadněji, protože každý nabízí specifické výhody. Pokud si nejste jistí, co vlastně chcete, tak hledejte editor s větší flexibilitou.
  • Levné (nebo zdarma) řešení není vždy nejlepší. Některé editory jsou v poměru k hodnotě skutečně za hubičku, ale většinou kvalita odpovídá ceně. Nejen vaši zákazníci, ale i vy sami oceníte výhody dražších tarifů.
  • Spoléhat se na šablony není chyba. Mnoho editorů sází na velkou flexibilitu, ale čím více si toho děláte sami, tím větší je prostor napáchat škody. Pokud víte, že designu absolutně nerozumíte a nemáte pro něj cit, vyplatí se vám editory s jasným vymezením hranic jako Squarespace.

Při výběru editor hrají výraznou roli vaše osobní potřeby, takže si dobře promyslete, jaké to ve vašem případě jsou. Pokud byste potřebovali trochu popostrčit při rozhodování, podívejte se na naše rozsáhlé recenze jednotlivých editorů.

FAQ

Mám si vytvořit web sám nebo je lepší najmout designéra?
Z podrobného testování editorů jsem se dozvěděl, že vytvořit webové stránky snadno zvládnete i sami – i když nemáte žádné zkušenosti s grafickými úpravami! Pokud se do toho pustíte, ušetříte peníze za designéra a nic vás nebude omezovat při úpravách. Zabere to však více času a musíte také počítat s omezením vybraného editoru.

V případě designéra je třeba počítat s vyšší cenou za jeho čas a zkušenosti (i když například Fiverr nabízí velice levné řešení), ale výsledkem bude profesionální a originální vzhled.

Jaký bezplatný editor webů je nejlepší?
Ne všechny bezplatné editory jsou si rovny – občas narazíte na omezení stránek v řádech jednotek a někde zase nemáte k dispozici příliš prostoru. Prakticky ve všech případech se budete muset smířit s reklamou na vašem webu. Podívejte se na naše srovnání nejlepších bezplatných editorů webů a vyberte si dle svých potřeb.
Kolik stojí editor webů?
Placené tarify se velice liší v závislosti na nabízených možnostech. Během testování jsem vyzkoušel tarif pro osobní využití za 4 USD a také prémiový tarif, jehož cenovka se vyšplhala nad 50 USD. (Existují také firemní tarify, kde se ceny pohybují ve stovkách dolarů.)

V průměru můžete počítat s cenou mezi 12–25 USD/měsíc, pokud budete platit ročně. Při ročních intervalech placení je sice pořizovací cena vyšší, ale celkově ušetříte.

Nenechte si ujít náš  kompletní návod na ceník Wix.

Kdy přejít na placenou verzi editoru?
Na placenou verzi se vyplatí přejít ve chvíli, kdy potřebujete vlastní doménu pro budování značky nebo SEO hodnocení. Každý editor ze seznamu vám umožní propojení s vlastní doménou až v rámci placené verze. Obvykle se tímto přechodem také zbavíte reklamy, což je pro vaši značku výhodou.

Pokud vám na vlastní doméně příliš nezáleží, přechod se vám vyplatí v závislosti na potřebách webových stránek a kapacitách vybraného editoru. Jakmile nejsou kapacity bezplatného tarifu pro váš web již dostačují, je čas přejít na placenou verzi – může jít o potřebu více než 5 stránek v případě Jimdo nebo více než 500 MB úložného prostoru v případě Wix.

Co je drag-and-drop editor webů?
V drag-and-drop editoru můžete přesouvat jednotlivé prvky jednoduchým přetažením myší. Liší se tak od blokového editoru, který má s prvky a umístěním spojených mnohem více parametrů.
Jak a kde získám doménu?
Většina editorů webů nabízí k předplatnému na jeden rok doménu zdarma, což obvykle představuje nejjednodušší cestu. Doménu také pořídíte u registrátorů domén a poskytovatelů webhostingu. Pokud byste potřebovali s výběrem pomoci, podívejte se na náš návod pro výběr domény.