Webflow 到底有多神?它真的如此完美沒缺點嗎?tenten 因為今年開始大量使用 Webflow ,讓我們在網站設計及開發上已經達到某種新的高度,幾年前看起來很複雜的東西,甚至需要投入 3~4 個人力以上製作的網站,都被 Webflow 徹底解決了。

Webflow 是什麼?

Webflow 是一個 No-Code 工具網站構建器,利用拖拉的功能來建立網站,也用於構建響應式網站。若你正在尋找從頭開始的 Coding 建站且需要超級客製化的後台,那麼 Webflow 可能不適合你。因爲 Webflow 只提供了簡約的代碼讓工程師去自定義。Webflow 比大多數網站建設軟體更獨特的地方主要有兩大要素:

  1. No-code 邏輯架站與 Coding 的功能結合
  2. 超級完整的 CMS(內容管理系統)

我們很常看到大家在網路上發問,關於實際使用 Webflow 如何?Webflow 好用嗎?Webflow 適合設計師嗎?在本篇我們統整了 Webflow 的 10 大優點及 3 大缺點給大家。下方先直接給出結論大家參考,後面會再詳述細節。

Webflow 的 10 大優點

  1. 超級完整網構建器,從模板、CMS(內容管理系統)、電子商務等
  2. 製作網站速度超快
  3. 自動化編碼
  4. 不同的付費方案給不同的客戶做選擇
  5. 經濟實惠的託管服務
  6. 有基礎 Coding 的使用者會非常容易上手
  7. 自動備份,可以隨時回覆
  8. SEO 設定設置簡易
  9. 製作動畫的時間成本降低
  10. 超方便的 CMS 內容管理系統,讓行銷人員也好上手

Webflow 的 3 大缺點

  1. 台灣目前並不支援 Weblfow 電商的金流功能
  2. 對於 HTML、CSS、JavaScript 較無概念的初學者,較難上手
  3. 付費計劃稍微繁雜

Webflow 的特色

Webflow 的最大優勢之一是每個人都可以免費使用,且是永遠免費的!當然還是會有一些限制,可以參考這篇:

Weblow 定價指南:我應該選哪個計畫?每個計畫差異到是什麼?
Webflow 的定價可能有令人不知所措。因爲它有超多種不同的計劃可供選擇,要找出最適合自己項目的計畫可能會有點無頭緒,為了幫助你更輕鬆地做出決定,我們整理了這份Webflow定價指南。請繼續閱讀以了解如何為你的 Webflow 網站選擇正確的計劃。


Webflow 的拖拉式網站構建器具有自動化編碼功能,包含 HTML、CSS、JavaScript 等,因此建立具有視覺吸引力的互動式網站非常快速,而這項自動化編碼功能對於專業的網站設計、開發的 Agency 或設計師來說非常適合。

而自動化編碼(也就是 No-Code)這個超棒的功能也就代表著即使是初學者,
無需任何代碼基礎即可在 Webflow 上構建網站。再來,Webflow 開發的網站都是 SEO 設定友好的,可以參考下方:

Webflow 設定 SEO怎麼做? | Webflow 中文教學
你希望你的網站看起來很棒且容易被搜尋,那麼 SEO 這塊一定要花點心思去設定。但是,Google 不會因為你的網站漂亮就讓排名跑到前面,而這是為什麼要花時間去優化 SEO 的原因。
Webflow SEO 設定

除此之外,你還可以找到超過 100 多個響應式模板,並且可以 clone 來學習、重置。Webflow 也有提供了一個基於 REST 的 API,可以使用它來更新/添加/刪除 CMS 中的項目。

關於 Webflow 的 CMS 功能

Webflow 的 CMS 內容管理系統大概是整個 Webflwo 最重要的部分了!Why? 使用 Webflow CMS 可以幫你自動生成好幾個相同架構的頁面,且行銷或管理人員可以直接透過後台就成功更改文字及照片,且不需要調整到任何先前設計及開發人員設定過的數值。

若你是使用其他 CMS(像是 WordPress)的話,可能還需要在 CMS 中購買頁面插件來完整你需要的功能。以下文章可以查看我們先前對幾個比較熱門的CMS平比:

Webflow vs WordPress 都幾? 超詳解比較
在遇到 Weblfow 之前,tenten 大部分協助客戶建立網站都是使用 Wordpress 實現,同時我們也會定期為客戶維護網站、增加 Google Core Web Vitals 等分數。後來當我們使用了 Webflow 後,一切都變了!我們甚至將 tenten.co 的主網站移到了 Webflow,它讓我們可以實現更漂亮的設計及動畫,最重要的是節省了非常多的時間。當然 WordPress 和 Webflow 兩種 CMS平台都有好與壞,其旨都在簡化您的線上體驗的網站。
Webflow 與 Squarespace 都幾?超詳解比較
這麼多年來,我們一直在使用且比較眾多 CMS 網站建置平台,Webflow 與 Squarespace 都是兩個令人印象深刻的且對設計友好的平台。如果你正在閱讀本指南,那麼你可能已經略知幾點。我們將直接跳到它們之間的區別:Webflow 使用難度高,但提供了更大的靈活性,而 Squarespace 提供了易用性、高質量的功能和令人驚嘆的模板—以完全設計自由為代價。
Wix vs Squarespace都幾?超詳解比較
身為設計師想要製作作品集或是個人網站,該使用哪個 CMS 平台好?相信正在閱讀這篇的你來這裡是為了找出這兩個網站平台中,哪一個將是更好選擇。在分別使用 Wix 和 Squarespace 建立了幾個網站後,我們有一些心得可以分享給你。

Webflow 的缺點

Webflow 雖然有很多直觀的特徵,也非常好用,但也看到很多人在問 Webflow 也有缺點嗎?像所有其他平台一樣,Webflow 確實有一些缺點,我們會在這邊一併說明。

  1. 台灣不支援電商功能

因為台灣沒辦法使用 Webflow 的電商方案,原因是台灣目前沒
有辦法與 Webflow 目前配合的平台串金流。可以參考這篇:

Webflow 金流串接 | Webflow 中文教學
Webflow 目前有支援以下金流付款,而一般來說我們最常用的就是 Stripe、Paypal 這兩個來為你的金流提供平台,你需要擁有 Stripe 或 PayPal 帳戶並將其連接到 Webflow 以收取付款、處理退款。
Webflow 金流串接

2. 無編成基礎的初學者較難上手

Webflow 雖然提供超多功能,但同時也帶來了陡峭的學習曲線。若你是剛開始接觸網站設計,可能需要看過許多教學影片才能真正開始探索和使用他們的編輯器。

但 Webflow 官方也提供超級完整的學習資源及教學影片,某種程度上也簡化了學習曲線。當然 tenten 也有出了一系列的 Weblfow 基礎課程影片。但最快熟悉使用者介面的最好方法是自己先玩一玩預先製作的模板。

Tenten - Cast for Designers

3. 付費計劃稍微繁雜

Webflow 的訂閱方案對於新手來說超級複雜,因爲它有超多種不同的計劃可供選擇,要找出最適合自己項目的計畫可能會有點無頭緒。拜託你一定要閱讀這篇文章,保證讓你可以知道你應該要選擇哪個方案。當然,若文章太長你懶得看或是看完也不知道要該如何選擇的話 - 購買 CMS Plan 就對了!

Webflow 價格指南與方案費用詳解|Tenten
Weblow 定價指南:我應該選哪個計畫?每個計畫差異到是什麼?
Webflow 的定價可能有令人不知所措。因爲它有超多種不同的計劃可供選擇,要找出最適合自己項目的計畫可能會有點無頭緒,為了幫助你更輕鬆地做出決定,我們整理了這份Webflow定價指南。請繼續閱讀以了解如何為你的 Webflow 網站選擇正確的計劃。

結論:

在這篇 Webflow 綜合評論中,我們認真分析了很多 Webflow 的優點和缺點。我們認為 Webflow 確實沒有什麼缺點,且對於 Agency 來說這些缺點沒有任何一個點是什麼嚴重的問題,因為大部分靠技術及經驗就可以解決的。因此 Webflow 也是我們超愛用的產品。

而 Webflow 提供適合任何網站預算、任何類型的網站和一系列的付費方案,無論你是需要一個需要大量 CMS 集成管理的 Blog、提供教育訊息網站、企業官網或是單頁的 landing page — Webflow 絕對是你最好的工具。

正如我們之前所說,良好的網站構建器和 CMS 最終旨在使網頁設計及開發變得更容易。Webflow 的功能列表、易用性、模板集合、編輯器和出色的動畫表現是你絕對不能錯過的功能,而這也是為什麼 Webflow 在眾多 Website builder 中脫穎而出。

但坦白說 Webflow 比起 Wix or Squarespace 來說會稍微複雜,因為 Webflow 提供了 Coding 的功能,也就是不只套版,設計師若擁有 Coding 的能力,絕對可以替這個網站提供更多的結果。

雖然這篇 Webflow 的評論看起來真的沒什麼缺點,但我們仍強力推薦你去試用一下,並且真實的體驗整個建站的流程,才知道它的優點與缺點。

Share this post