Webflow 的10大優點及3大缺點

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 網站選擇正確的計劃。

tenten 設計週報Rae Yu

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

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

Webflow 設定 SEO怎麼做？ | Webflow 中文教學

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

tenten 設計週報Tenten PR

除此之外，你還可以找到超過 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平台都有好與壞，其旨都在簡化您的線上體驗的網站。

tenten 設計週報Tenten PR

Webflow 與 Squarespace 都幾？超詳解比較

這麼多年來，我們一直在使用且比較眾多 CMS 網站建置平台，Webflow 與 Squarespace 都是兩個令人印象深刻的且對設計友好的平台。如果你正在閱讀本指南，那麼你可能已經略知幾點。我們將直接跳到它們之間的區別：Webflow 使用難度高，但提供了更大的靈活性，而 Squarespace 提供了易用性、高質量的功能和令人驚嘆的模板—以完全設計自由為代價。

tenten 設計週報Tenten PR

Wix vs Squarespace都幾？超詳解比較

身為設計師想要製作作品集或是個人網站，該使用哪個 CMS 平台好？相信正在閱讀這篇的你來這裡是為了找出這兩個網站平台中，哪一個將是更好選擇。在分別使用 Wix 和 Squarespace 建立了幾個網站後，我們有一些心得可以分享給你。

tenten 設計週報Tenten PR

Webflow 的缺點

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

1. 台灣不支援電商功能

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

Webflow 金流串接 | Webflow 中文教學

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

tenten 設計週報Tenten PR

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

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

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

3. 付費計劃稍微繁雜

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

Weblow 定價指南：我應該選哪個計畫？每個計畫差異到是什麼？

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

tenten 設計週報Rae Yu

結論：

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

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

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

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

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

學習 Webflow 權威指南 - 來自 Tendmy

Tendemy 學院旨在協助設計師創造一個成功而充實的職涯，我們將教會您實現目標所需的熱門設計技能與思考。