Webflow Recenze

Moje zkušenosti s Webflow

Nejvíce mě oslovil počet velkých firem, které nástroj využívají, patří mezi ně například Dell, Decathlon nebo Upwork. V rámci recenze jsem si na Webflow zkusil vytvořit web a také jsem otestoval jejich e-commerce řešení. Hned pro začátek je vhodné zmínit, že se nejedná pouze o jednoduchý editor, kde pomocí drag&drop (klasické vytvoření webu přesunutím bloků). Ve Webflow máte přístup i přímo ke zdrojovému kódu, proto je lepší znát aspoň základy HTML a CSS. Díky možnosti psát kód přímo v HTML, CSS a JavaScriptu jsou vaše možnosti v tomto nástroji neomezené.

Propagace a marketing

Celkové skóre 10/10 se skládá z hodnocení 11 parametrů:

• Tlačítka pro rychlé sdílení na soc. sítích
• Možnost blogu
• META data u příspěvků (SEO)
• META data u stránek (SEO)
• META data u kategorií (SEO)
• ALT popisek u obrázků (SEO)
• E-mail marketing
• FB pixel
• Google Analytics
• Google Search Console
• Kontaktní formulář

10/10

Webflow vám usnadní propagaci produktů nebo služeb, díky vytvoření jednoduché webové stránky. Ve Webflow máte možnost tvořit propracované a profesionální stránky a pomocí nich můžete propagovat své služby a produkty. Když budete potřebovat vytvořit novou stránku, tak nebudete muset čekat na vývojáře, jednoduše si jí během chvilky naklikáte sami a můžete začít propagovat.

Správné propagaci pomůžou i krásné animace, které se v nástroji používají velice jednoduše. Zabere vám to jenom pár minut, ale celý web to posune o několik kroků dopředu. Pokud byste si nevěděli rady, tak webflow nabízí celý kurz zdarma.

Tlačítka pro rychlé sdílení na soc. sítích ? Tlačítka pro sdílení obsahu nebo produktů na sociálních sítích. Tato tlačítka usnadňují návštěvníkům stránek sdílet obsah na své časové ose například na Facebooku.
Možnost blogu ? Možnost psát pravidelné blogové příspěvky. Platforma by pro to měla mít uzpůsobený editor, který umožňuje snadno vytvářet texty a formátovat je.
META data u příspěvků (SEO) ? Možnost doplnit meta title, meta description a meta keywords.
META data u stránek (SEO) ? Možnost doplnit meta title, meta description a meta keywords.
META data u kategorií (SEO) ? Možnost doplnit meta title, meta description a meta keywords.
ALT popisek u obrázků (SEO) ? Alternativní popisek, který popisuje to, co je na obrázku. Tento popisek pomáhá vyhledávací robotům pochopit význam obrázků na stránce. Alternativní popisek slouží také pro nevidomé, který čte obsah stránek nějaké zařízení.
E-mail marketing ? Nástroj přímého marketinku. Většinou se jedná o hromadné rozesílání komerčních nebo nekomerčních zpráv.
FB pixel ? Nástroj společnosti Facebook pro lepší statistiky o návštěvnících.
Google Analytics ? Analytický nástroj od společnosti Google. Není to pouze počítadlo návštěv, ale nástroj, který vám pomůže lépe analyzovat návštěvy webu, konverze a mnoho dalšího.
Google Search Console ? Služba společnosti Google, která umožňuje správcům webu sledovat chování a vývoj jejich stránek ve výsledcích vyhledávání.
Kontaktní formulář ? Formulář sloužící k rychlému odesílání zpráv.

SEO a Webflow

Ve Webflow nezapomínají ani na SEO – optimalizace pro vyhledávače. Nastavit meta title (název stránky), meta description (popisek stránky) je velmi jednoduché a není potřeba nic připlácet ani stahovat plugin. Všemu napomáhá responzivní design a rychlost webu, díky němuž mají návštěvníci nejen lepší zážitek, ale především se dostanete na vyšší příčky ve vyhledávání.

Ceník služeb

Webflow můžete využívat i ve verzi zdarma, což ale nedoporučuji. Čeká na vás totiž řada omezení, která dřív nebo později budou limitující. V případě, že si jen chcete prohlédnou celkové prostředí, je tato verze dobrým začátkem.

Prémiové tarify nabízí možnost vlastní domény, větší počet stránek, větší počet odeslaných formulářů, vytvářet jazykové verze webu, větší uložiště na disku a další užitečné výhody. Doporučuji vám prostudovat jejich ceník a zvolit službu, která je pro vás nejvhodnější.

Customizace

Celkové skóre 9.5/10 se skládá z hodnocení 8 parametrů:

• Počet šablon zdarma
• Responzivita
• Možnost přidat rozšíření (pluginy) nebo integrovat jiné služby
• Vlastní CSS
• Možnost vícejazyčnosti webu
• Manipulace s rozložením webu
• Vlastní písmo
• Úprava barevného rozložení

9.5/10

Ve Webflow můžete webovou stránku tvořit přímo dle svých představ. Nemusíte se držet žádných připravených šablon, které samozřejmě ve Webflow také naleznete. Stačí si zvolit požadované prvky a přetáhnout je tam, kam potřebujete. I když není potřeba zasahovat do samotného kódu, doporučuji znát aspoň základy HTML a CSS. Hlavní výhoda Webflow je totiž možnost zasahovat právě přímo do zdrojového kódu, což jiná řešení jako je třeba Webnode nebo Squarespace neumožňují.

Ve Webflow nejen že můžete editovat vlastní HTML a CSS, dokonce můžete přidávat i svůj JavaScript. Pokud tedy narazíte na nějaký limit, který Webflow standardně nenabízí, není nic jednoduššího, než si danou funkcionalitu přidat pomocí vlastního kódu. Webflow je na rozdíl od jiných podobných řešení profesionální nástroj, ve kterém byste se díky jeho širokým možnostem nikdy neměli zaseknout. Tudíž je více než pravděpodobné, že za nějakou dobu nebudete muset řešit přestup na jinou platformu.

Počet šablon zdarma	80+
Responzivita ? Schopnost webu správně se zobrazit (přizpůsobit) displejům různých zařízeních jako jsou počítače, tablety a mobilní telefony.
Možnost přidat rozšíření (pluginy) nebo integrovat jiné služby ? Možnost přidávat další rozšíření jako jsou napojení na dopravce, platební brány, marketingové nástroje a tak dále.
Vlastní CSS ? Možnost vkládat vlastní kaskádové styly.
Možnost vícejazyčnosti webu ? Vytváření více jazykových verzí webových stránek.
Manipulace s rozložením webu ? Možnost snadno editovat rozložení webu například s pomocí drag&drop editace.
Vlastní písmo ? Možnost měnit typ písma (fontu).
Úprava barevného rozložení ? Možnost upravovat barvy elementů stránek podle svých potřeb a představ.

Vícejazyčný web

Plánujete expandovat i do zahraničí? To s Webflow není žádný problém. Webflow má možnost lokalizace, kdy si celý zahraniční web můžete předpřipravit zdarma, od návrhů až po obsah. Platit začnete až po publikování, kdy cena je od 210 Kč měsíčně.

Šablony vzhledu

Pokud si rádi vybíráte z již předpřipravených šablon, tak mám pro vás dobrou zprávu. Na webflow najdete přes 6 000 šablon, ze kterých si můžete vybírat. Ne všechny jsou placené, takže můžete vybírat i mezi bezplatnými, díky jejich filtru, kde je možnost zaškrtnout pouze bezplatné.

Šablony můžete vybírat z různých oborů. Webflow nabízí několik desítek zaměření, ať už hledáte šablonu pro portfolio, blog nebo e-commerce, tak u Webflow naleznete všechno. Zvolenou šablonu je možné dále upravovat, takže ve výsledku vůbec nemusí vypadat tak, jako na začátku.

Jednoduchost

Celkové skóre 9/10 se skládá z hodnocení 4 parametrů:

• Průvodce spuštění webu
• FAQ / nápověda
• Drag & Drop ovládání
• Je v češtině?

9/10

I když je Webflow postavené na drag&drop ovládání (posouvání bloků v editoru), tak je vhodné znát alespoň základní znalosti v HTML a CSS. Její celkové používání je jednoduché, ale služby jako Webnode nebo MioWeb jsou dle mého názoru jednodušší, alespoň co se týče ovládání. Pokud tedy máte například pouze malou restauraci a sháníte jen jednostránkový web, zvolil bych platformu Webnode.

V případě, že hledáte řešení, které poroste společně s vaší firmou, tak jednoznačně šáhněte po Webflow. I když jej pro začátek můžete používat pouze jako jednoduché drag&drop řešení, tak vždy můžete odkrýt plný potenciál, který se v této platformě skrývá. Pokud tedy chcete Webflow využívat na plno, je vhodné znát základy HTML, CSS a JavaScriptu.

Průvodce spuštění webu ? Nápověda, která vás provede prvními krůčky v nástroji.	(kurz zdarma)
FAQ / nápověda ? Nejčastěji kladené otázky, které uživatelé pokládají podpoře. Databáze těchto dotaz dokáže rychle pomoci při řešení problémů.
Drag & Drop ovládání ? Princip přesouvání elementů (prvků) na stránce. Volně přeloženo jako chyť a pusť. Myší chytnete nějaký prvek a tahem jo přesunete na požadovanou pozici.
Je v češtině? ? Zajímalo nás, zda je uživatelské rozhraní editoru v českém jazyce.

Jak se na Webflow tvoří stránky?

Webflow je postavené na jednoduchém drag&drop editoru. Drag&drop se překládá volně do češtiny jako chyť a pusť. S tímto editorem si jednoduše vybíráte prvky a umísťujete na požadované místo na stránce. Je jedno, zda se jedná o tlačítka, nadpisy nebo formuláře. U všech bloků to funguje stejně.

Vzhledem k tomu, že Webflow je profesionální řešení, tak máte přístup i ke kompletní editaci zdrojového kódu. Editace zdrojového kódu totiž znamená, že nejste ničím limitováni a nic vás neomezuje. Potřebujete si na stránku vložit něco speciálního? U Webflow to není žádný problém. Pokud máte navržený design webové stránky někde bokem, tak s Webflow jej zvládnete snadno realizovat.

Tvorba webu pomocí AI

Webflow nedávno představil svůj nástroj pro tvorbu webů s umělou inteligencí. Tento nástroj nabízí nový zážitek při tvorbě webů, který vám pomůže rychleji přejít od nuly k webové stránce – bez nutnosti kódování. Tato inovativní funkce usnadňuje nováčkům začít s Webflow. Na 5NEJ jsme nedávno testovali několik podobných nástrojů, které toto umí, jako je například Lovable a nyní si podobný nástroj můžete vyzkoušet i na Webflow. AI nástroje jsou v poslední době velmi populární, protože dokáží uživatelům usnadnit spoustu práce a při tvorbě webů se to hodí také.

Jak funguje tvorba webů s AI od Webflow?

1. Jednoduše sdělíte pár podrobností o firmě nebo projektu a webu, který chcete vytvořit a sledujte, jak nástroj pro tvorbu webů s umělou inteligencí od Webflow generuje řadu webových šablon přizpůsobených právě vám.
2. Vyberte si téma, přizpůsobte si jeho rozvržení a vyberte si z nabídky barev, písem, tlačítek a dalších prvků, abyste si ho přizpůsobili.
3. Poté, s návrhem domovské stránky a designovým systémem, který jste vytvořili jako základ pro váš web, využijte Webflow a Webflow AI Assistant k vylepšení a spuštění vašeho webu.

Nástroj pro tvorbu webů s umělou inteligencí od Webflow je součástí nástroje Webflow AI Assistant. V beta verzi je nástroj pro tvorbu webů s umělou inteligencí nabízen zdarma, ale mohou platit omezení používání.

Důležité parametry

Celkové skóre 8/10 se skládá z hodnocení 8 parametrů:

• Velikost na disku
• Doména 2. řádu
• Doména 3. řádu
• SSL zabezpečení
• Možnost E-shopu
• Zálohování webu
• Vyzkoušení zdarma
• Oznámení Cookies

8/10

U Webflow nechybí možnost vlastní domény, SSL zabezpeční ani zvětšení místa na disku. Velká výhoda je, že máte na výběr z několika tarifů, takže si můžete zvolit ten, který vám zrovna teď vyhovuje a v budoucnu jej můžete jednoduše změnit. Web je hostovaný na serverech Webflow, což může být pro někoho nevýhoda, já to ale beru opačně. V případě, že vyhledávám řešení jako je Webflow, tak si chci co nevíce ušetřit práci. V takovém případě mi skutečnost, že nemusím řešit hosting, hraje do karet.

Velikost na disku ? Prostor na disku pro data jako jsou dokumenty, obrázky a fotografie.	neuvádí
Doména 2. řádu ? Doména ve tvaru neco.cz a tak podobně.
Doména 3. řádu ? Doména ve tvaru vasefirma.neco.cz a tak podobně.
SSL zabezpečení ? Zabezpečení stránek pro šifrovaný přenost dat. V internetovém prohlížeči se takové stránky vyznačují uzamčeným zámkem. To znamená, že uživatelé se na podobných stránkách nemusí obávat o svá data. SSL potažmo SSL je proto pro vaše stránky důležité.
Možnost E-shopu ? Možnost vytvořit na svých webových stránkách internetový obchod.
Zálohování webu ? Pravidelné zálohování webu a jeho dat pro případ nechtěného smazání nebo poškození serveru poskytovatele.
Vyzkoušení zdarma ? Možnost testovat službu zdarma.
Oznámení Cookies ? Oznámení o tom, že webové stránky používají soubory cookies. Tyto soubory se používají například pro to, aby si web návštěvníka zapamatoval.

Možnost e-shopu

Webflow nabízí i e-commerce modul. Tady bych se trochu zamyslel nad tím, jaký je váš cíl. Pokud primárně plánujete profesionální e-shop zaměřený na prodej zboží, doporučil bych spíše služby jako Exitshop nebo Eshop-rychle. Jestli ale potřebujete prezentační web, na kterém se zároveň bude prodávat pár produktů, ideálně digitálních, bez váhání bych zvolil platformu Webflow.

Podpora

Celkové skóre 6/10 se skládá z hodnocení 6 parametrů:

• Rychlost odpovědi
• Počet zodpovzených otázek
• Mají live chat?
• Mají email?
• Mají telefon?
• Podpora v češtině

6/10

Uživatelskou podporu bych u Webflow zařadil mezi jeho největší přednosti. I když komunikace probíhá výhradně přes e-mail, není to žádná překážka. Na každý dotaz dostanete uspokojivou odpověď. Zaměstnanci zákaznické podpory jsou velmi ochotní a poskytnou vám detailní informace, jak problém vyřešit, nebo ho rovnou vyřeší či s řešením aktivně pomohou.

Webflow sice není dostupný v češtině, ale při rozhodování bych to příliš neřešil. Na tvorbu webu zde stačí jen základy angličtiny a při komunikaci s podporou lze snadno použít překladač.

Rychlost odpovědi ? Za jak dlouho dokázala podpora odpovědět na naše dotazy.	1 den
Počet zodpovzených otázek	5/5
Mají live chat? ? Live chat je způsob messengeru, který je přímo na stránkách služby. Takový chat významně urychluje komunikaci s uživatelskou podporou.
Mají email?
Mají telefon?
Podpora v češtině ? Zajímalo nás, zda dokáže uživatelská podpora komunikovat v češtině.

Závěrečné hodnocení

I když Webflow není v češtině, tak mě osobně to vůbec nevadí. Jeho ovládání je velice jednoduché. Hodně se mi líbí, že můžete editovat zdrojový kód, čím v podstatě můžete udělat jakýkoliv web. Můžete jej snadno napojit na aplikace třetích stran. Hodně se mi líbí i počet šablon, které nabízejí a přes 80 jich je zcela zdarma. Pokud hledáte jednoduchý nástroj na tvorbu webů, tak můžu Webflow určitě doporučit.

Naše webové stránky zahrnují odkazy na weby našich partnerů. Jestliže přejdete z našich stránek na stránky partnera a tam využijete jeho služby, dostaneme od něj provizi za poskytnutí spojení.