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 的評論看起來真的沒什麼缺點,但我們仍強力推薦你去試用一下,並且真實的體驗整個建站的流程,才知道它的優點與缺點。

學習 Webflow 權威指南 - 來自 Tendmy

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

最適合設計師學習的網頁設計工具 Webflow - Tendemy 線上課程
Share this post
Rae Yu

Develops comprehensive content plans that align with business goals and resonate with target audiences. Content is the reason search began in the first place.

Loading...