2022 年 Webflow 評論:功能、優點和缺點
已發表: 2022-07-13- 概覽表
- 特點和優勢(加評級)
- 定價計劃
- Webflow 的優點和缺點
- Webflow 與其他網站建設者:Webflow 替代方案
- Webflow 評論:Webflow 最適合誰?
- 包起來
- 常問問題
Webflow 之所以獨一無二,原因很簡單——它允許的創作自由程度。 因此,這個深入的 Webflow 審查。
Webflow 提供了與其他網站建設者類似的承諾——用幾乎為零的代碼輕鬆構建一個完美的網站。 不同之處在於,雖然大多數網站建設者都強迫您遵守設計模板的嚴格限制,但 Webflow 提供了 100% 可定制的令人驚嘆的設計模板。
經過數小時的測試,我們對 Webflow 站點構建器進行了深入審查。
你將學習:
- 不同的特點和好處
- 定價計劃
- 所有的優點和缺點
- Webflow 與流行的替代方案。
你準備好了嗎? 讓我們開始。

概覽表
網絡流功能
特徵 | 可用性 |
設計模板 | 1000+ |
內容管理系統 (CMS) | 是的 |
客戶服務 | 電子郵件支持和 Webflow 大學 |
虛擬主機 | 是的 |
域名註冊 | 是的 |
電子商務 | 是的 |
搜索引擎優化 (SEO) | 是的 |
集成 | 5000+ |
網絡流量定價
計劃名稱 | 價格範圍(每月) |
場地平面圖 | 0 美元到 45 美元 |
電子商務計劃 | 29 至 212 美元 |
工作空間計劃 | 每個團隊成員座位 $0 到 $60 |
Webflow 的優點和缺點
Webflow 優點 | Webflow 缺點 |
Webflow 讓您有 100% 的創作自由 | Webflow 不支持拖放 |
所有 Webflow 模板都是移動響應的 | Webflow的客戶服務需要改進 |
Webflow 支持網頁動畫和交互 | 它不支持 amp 頁面 |
Webflow 支持 5000 多個集成 | Webflow 比許多網站建設者都貴 |
託管在 Webflow 上的網站非常安全 | |
Webflow 提供逐步的電子商務網站設置 | |
有一個內置的 CMS 和編輯器 | |
Webflow 有免費版本; 它還免費支持建築工地 |
特點和優勢(加評級)
模板設計與定制| 4.8/5
Webflow 有超過 1000 個可用模板。 其中 45 個是免費的。
從 Webflow 儀表板或新項目內部,您可以瀏覽並從模板列表中選擇。 您還可以決定是否從頭開始構建。
默認情況下,模板會根據網站類型(例如電子商務、投資組合或 SaaS)進行分組。 您還可以按流行的標籤、語言、包含的功能、類型和样式瀏覽模板。 例如,您可以查找包含關於頁面的模板或帶有可自定義 404 頁面的模板。

單擊模板後,您將獲得所有可用功能的列表和所有功能的概述。 您還有三個選項——在瀏覽器中預覽、在設計器模式下預覽或完成付款。
在瀏覽器中預覽允許您訪問測試站點並像在現場一樣瀏覽它。 在設計器中查看使您能夠查看網頁元素的佈局以及它們在不同屏幕尺寸上的呈現方式。 Webflow 允許您進行大量預覽,因為模板一旦選擇就不容易更改。

所有 Webflow 模板都是高度可定制的,具有廣泛的功能。 如果您選擇電子商務模板,它可能會有主頁、博客頁面、關於我們、聯繫我們頁面、結帳和感謝頁面。
大多數可用的模板都包含動畫和交互。 有些帶有 Figma 文件,因此您可以完全控制設計。 所有這些都是移動響應的。
您可以完全控制以您想要的方式自定義模板。 從頁面的一般佈局模型到字體設計,一切都是可定制的。
唯一的缺點是您必須一次設計一個網站的所有網頁。 因此,您不能只是複制聯繫頁面並為關於頁面自定義它。 您只能將元素從一個頁面複製並粘貼到另一個頁面。 複製和粘貼比複製頁面更繁瑣且更容易出錯。
用戶友好性(易用性)| 4/5
當您是第一次使用時,Webflow 不是很直觀。 當然,第一次進入儀錶盤的時候,有一個簡短的入門教程,但是界面還是需要大量的習慣。
但是,我會說界面佈局合理。
主要構建器分為三個主要部分。 網頁佈局配置在左側,網站預覽在中間,邊距和字體等設置在右側。
基本上,您從左側選擇網頁的一部分,它反映在中間。 然後更改右側的邊距和其他屬性。

複雜性在於充分了解您可以訪問的所有功能。
對於初學者和第一次使用 Webflow 的用戶來說,學習曲線有點陡峭。 經驗不足的設計師和企業家可能會發現自己在為 Webflow 提供的眾多功能而苦苦掙扎。
構建一個簡單的登錄頁面需要幾個小時,因為您可能必須設計每個部分。 更糟糕的是,設計不能自動逐頁複製。 您必須分別創建每個頁面。

但是一旦你習慣了它,你就會發現廣泛的創作自由讓你可以創造出反映你的品牌和客戶品牌的東西。
像 WordPress 之類的一些網站建設者對您自定義網站的自由度的限制要大得多。 Webflow 的主要獨特賣點是它允許您在不僱用開發人員的情況下創建一個很棒的網站。
當您使用它設計更多網頁時,Webflow 變得容易得多。
SEO – 搜索引擎優化能力 | 4.5/5
Webflow 通過允許網站所有者調整元標題和元描述等頁面元素來促進 SEO 策略。
您可以在 Webflow 的構建器中直接編輯的一些元素包括:
- 元標題
- 元描述
- 替代文本
- 規範標籤
- 301 重定向
- 站點地圖
Webflow 脫穎而出,因為它具有先進的 SEO 優化功能。
首先,您可以為您的網站自動生成並啟用站點地圖。 從角度來看,站點地圖可幫助 Google 爬蟲了解哪些頁面在您的網站上最重要,以及為哪些關鍵字對它們進行排名。
因此,即使您不是 SEO 專家,Webflow 也可以為您提供自動創建站點地圖的選項。 更好的排名意味著更多的流量和更多的轉化。
其次,Webflow 支持像谷歌分析這樣的 SEO 集成。
您還可以優化網站上每個頁面的 SEO 設置。

電子商務功能 | 4/5
在我們的 Webflow 審查中,我們發現 Webflow 適合建立在線商店。
首先,Webflow 庫中有大量的電子商務模板,包括免費和付費的。 它們都有特定的電子商務網頁並且是可預覽的。
選擇模板後,您可以在很多地方開始創建電子商務網站。 您可以立即開始編輯網頁副本、自定義模板設計或導入產品。 對於初學者來說,這個過程可能會讓人不知所措。
令人印象深刻的是,Webflow 需要遵循一系列步驟來創建和啟動電子商務網站。 看看下面的截圖。

共有 13 個步驟,分為三個主要類別——設置、設計和啟動。
在設置商店時,您可以編輯公司地址、送貨地址、稅款的計算和徵收方式以及在線商店的主要貨幣等參數。 您還可以在此步驟中添加產品。 Webflow 支持手動添加產品並將新產品信息導入為 CSV 文件。
設計您的商店包括在您的網站上創建頁面,例如產品頁面、購物車頁面和電子郵件。
啟動您的商店包括添加支付提供商(如 PayPal)、選擇託管計劃、啟用 SSL 和啟用付款結賬。
使用 Webflow,您可以輕鬆了解商店中的所有產品。 它們按名稱、價格、產品類型等排列。
您可以逐個、批量或通過導入外部 CSV 文件添加新產品。 您可以對產品進行分類以創建在線目錄和特價折扣。

Webflow CMS 或編輯器 | 4.5/5
Webflow 有一個內容管理系統,可幫助您對與觀眾共享的內容進行分組。 在最常見的意義上,CMS 允許您組織資源顯著的博客文章。 這樣,您不必每次都設計博客文章頁面。
該 CMS 也稱為 Webflow Editor,專為個體企業家和業務團隊而設計。 它允許您為多個團隊成員設置訪問級別,包括設計人員、開發人員和編輯人員。
從某種意義上說,Webflow 是 WordPress 和其他 CMS 的替代品。 使用 Webflow,添加新博客文章、對它們進行分組以及在我們製作的內容中嵌入 HTML 非常容易。 您可以在我們的網站上構建內容並直接在設計器中進行編輯。 Webflow CMS 還允許您導入 CSV 內容文件。
從設計師的角度來看,您可以輕鬆地編輯博客的 URL 和主頁的標題。 為博客文章添加密碼保護也非常容易。
默認的 CMS 組織是在單個網頁上排列博客文章的集合。 您可以創建新組,例如電子書、指南、資產等。

客戶服務和文件 | 3.5/5
Webflow 僅通過電子郵件提供客戶支持。 沒有電話支持或實時聊天的選項。 如果您有問題,您必須通過電子郵件提交票證請求。 可悲的是,這是最低限度的。
最重要的是,Webflow 一周中的每一天甚至 24/7 都不提供電子郵件支持。 從周一到週五,它每天 12 小時營業。 任何週末的問題都必須等到星期一才能得到解決。 實時聊天或電話支持僅適用於企業。
好的一面是 Webflow 擁有 Webflow University,這是一個廣泛的設計文檔和教程彙編。 當您在教程庫中搜索時,幾乎可以解決您遇到的任何問題。 Webflow 還有一個用於視頻教程的 youtube 頻道。

Webflow 試圖彌補 Webflow 大學 24/7 支持的不足。 雖然教程和文檔庫中解釋了幾乎所有問題,但我認為 Webflow 仍應延長電子郵件支持時間,並包括電話和實時聊天支持選項。 你怎麼看?
安全 | 4.5/5
Webflow 非常重視安全性。 出於多種原因,您可以信任 Webflow 來確保您網站的數據安全。
首先,Webflow 提供使用最安全的託管平台之一 Amazon Web Services (AWS) 構建的集成託管計劃。 購買託管計劃時,您還可以獲得免費的一年期 SSL 證書,用於加密敏感數據。
其次,Webflow 符合 SOC-2。 網站建設者符合嚴格的標準,如高安全性、保密性和隱私性。
第三,Webflow 會自動更新您的商店並存儲備份文件。 因此,如果出現問題或您犯了錯誤,您可以返回到舊版本的網站。 備份存儲的範圍取決於您獲得的計劃。
第四,Webflow 的構建使您不需要任何插件。 太多的插件往往會使網站暴露於安全漏洞。 使用 Webflow,基本的定制是從設計器內部進行的。
API 集成 | 4.5/5
Webflow 直接與 200 多個應用程序集成,包括 Calendly、Shopify、Hubspot、Printful、MailChimp 和 AWeber。
更好的是,Webflow 與 Zapier 集成。 Zapier 是一個 SaaS 應用,連接不同應用的 API。 由於 Webflow 與 Zapier 集成,您可以將 Webflow 與 5000 個其他應用程序間接連接。

Webflow 託管計劃 | 4/5
啟動網站時,您需要一個虛擬主機來提供您網站的在線主頁。
Webflow 為您提供了兩種選擇。 您要么從 Hostinger 等外部提供商處購買主機,要么從 Webflow 購買主機。
使用另一個主機,您必須在那裡導出您設計的網站。 從 Webflow 購買主機可以讓您訪問 Webflow Editor 和 CMS 等功能。
Webflow 託管包提供了令人印象深刻的功能:
- 100 多個數據中心
- 99.99% 的正常運行時間保證
- 快速的頁面加載速度和低延遲
- 一年免費 SSL 證書
我們將在下一節中更深入地討論託管計劃。
定價計劃
在 Webflow 中創建和設計網站完全免費。 但是,如果不購買定價計劃,您將無法啟動任何一個。
Webflow 定價計劃分為兩大類:
- 場地平面圖
- 工作空間計劃
站點計劃適用於網站及其附帶的功能。 工作區計劃用於管理您與團隊就項目進行協作的方式。
場地平面圖分為四個:
- 起動機
- 基本的
- 內容管理系統
- 商業
Starter 是一個免費版本,允許您在 webflow.io 上託管一個站點,最多 3 個頁面。 您將獲得一個免費的子域、每月最多 1,000 次訪問、最多 1GB 的 CDN 帶寬以及最多 50 個 CMS 項目。 CMS 項目可以是博客文章、項目或客戶推薦。
基本費用為每月 15 美元。 您將獲得一個託管在 Webflow 上的自定義域和 50GB 的 CDN 帶寬。 您不能在此級別使用 CMS,但它最多允許每月訪問 25,000 次。
下一層,CMS,每月收費 20 美元。 它最適合運行內容驅動的網站或博客的小型企業。
購買 CMS 計劃後,您將獲得自定義域和 200GB CDN 帶寬。 您還可以獲得多達 2000 個 CMS 項目和三位客座編輯。 每月允許的最大網站訪問次數為 100,000 次。
下一層是商業,每月收費 45 美元。 您可以獲得多達 10,000 個 CMS 項目、10 個來賓編輯器和 400GB CDN 帶寬。 您的網站每月最多允許訪問 250,000 次。
CMS 和 Business 使用全球 CDN,而 Starter 和 Basic 使用區域 CDN。 此外,只有 CMS 和 Business 才能獲得無限備份。 其餘的,存儲的備份文件的數量限制為兩個。
除了這些站點計劃之外,還有針對在線商店的電子商務計劃。 因此,要啟動網站,您需要購買網站計劃。 要運行在線商店,您必須購買電子商務計劃。

電子商務計劃分為:
- 標準
- 加
- 先進的
標準費用為每月 29 美元。 您最多可以添加 500 件商品,但您必須支付 2% 的交易費用。 年銷售額不能超過 50,000 美元。 您還可以獲得 CMS 站點計劃中的所有功能。
Plus 每月收費 74 美元。 您可以獲得商業計劃中的所有功能、最多 1000 件商品、0% 的交易費用以及最高 200,000 美元的年銷售額。
高級費用為每月 212 美元。 您可以獲得商業計劃中的所有功能、最多 3000 個銷售項目、0% 的交易費用和無限的年銷售額。
所有 Webflow 電子商務計劃都支持 PayPal、Stripe 和 ApplePay 等支付提供商。 它們都允許自定義購物車和結帳頁面。 他們都有自動稅收計算以及對 Facebook 和 Instagram 等營銷應用程序的支持。
工作區計劃決定了您與團隊合作的方式。 它們分為:
- 起動機
- 核
- 生長
Starter 只有一個席位(也稱為用戶),最多允許 2 個非託管站點。 它的成本為 0 美元。 僅供參考,一個未託管的站點仍在設計中,尚未啟動。
Core 最多允許 3 個席位和 10 個非託管站點。 您必須為每個座位每月支付 28 美元。 您可以添加或導出代碼。
每個席位的增長成本為每月 60 美元。 您最多可以擁有 9 個席位和無限的非託管站點。 增長最適合成長中的設計企業和機構。
所有這些計劃都可以按照您認為合適的方式進行組合。
Webflow 的優點和缺點
Webflow 優點
Webflow 讓您有 100% 的創作自由
您可以從頭開始構建網站,也可以選擇 100% 可自定義的模板。
所有 Webflow 模板都是移動響應的。
Webflow 上的每個模板都經過了移動響應測試。 因此,您不必擔心失去網絡訪問者。
Webflow 支持網頁動畫和交互。
想像一下能夠在不知道一行 JavaScript 的情況下添加交互和動畫。 太棒了,對吧?
Webflow 支持 5000 多個集成
Webflow 直接與 200+ 個應用程序集成,並通過 Zapier 與 5000 個其他應用程序間接集成。
託管在 Webflow 上的網站非常安全
Webflow 符合 SOC-2。 它不斷監控網站的威脅並定期存儲備份文件。
Webflow 提供逐步的電子商務網站設置
Webflow 使設置和啟動功能齊全的在線商店變得非常容易。
有一個內置的 CMS 和編輯器
Webflow 有一個內置的 CMS,用於組織和編輯您網站上的內容。
Webflow 有免費版本; 它還免費支持建築工地
免費版本允許您在 Webflow 的子域上創建和啟動站點。 無論如何,在您準備好啟動網站之前,您無需為網站計劃付費。
Webflow 缺點
Webflow 不支持拖放
對於某些網站所有者來說,拖放功能可能會使構建和啟動網站變得更加容易。
Webflow 的客戶服務需要改進。
沒有 24/7 Webflow 支持。 您每週只能獲得五天的電子郵件支持。 也沒有電話或實時聊天支持。 所有 Webflow 支持都是英文的。
它不支持 amp 頁面,但
Webflow 無法構建 AMP 頁面。 萬一您不知道,AMP 頁面是加載速度超快的網頁。 一些網站所有者使用它們來優化轉化率。
Webflow 比許多網站建設者更昂貴。
許多網站建設者,如 Zyro、WordPress 和 SquareSpace 都比 Webflow 便宜。
Webflow 與其他網站建設者:Webflow 替代方案
Webflow 與 SquareSpace
與 SquareSpace 相比,Webflow 最顯著的優勢在於它提供了非常高的創意設計。
您從 Webflow 獲得的每個模板都可以自定義為最小的元素,從網站佈局到頁腳部分的字體大小。
SquareSpace 模板不是很靈活,所以你沒有太多的創作自由。 然而,它使用起來毫不費力,並以較低的價格提供了更多的功能。 SquareSpace 的價格從每月 16 美元到 65 美元不等。
隨意瀏覽我們深入的 SquareSpace 評論。

閱讀更多:Webflow 與 Squarespace——哪個更適合初學者? (2022)
Webflow 與 Shopify,
Webflow 最突出的 USP 是創作自由。 您可以按照自己的方式構建商店,因為模板是 100% 可定制的。 最重要的是,Webflow 提供了廣泛的 CMS。
但是,Shopify 具有更全面的功能,非常適合大型電子商務網站。 它們包括交叉銷售和 100 多種付款方式。
Shopify 提供 24/7 全天候支持,這是 Webflow 所不具備的。 它還有一個包含 3000 多個應用程序的應用程序市場,您可以安裝這些應用程序來擴展您的在線商店的功能。
但是,Webflow 的交易費用低於 Shopify。 你想知道更多嗎? 查看我們的 Shopify 評論。

Webflow 與 WordPress
WordPress 是當今市場上最大的網站建設者和 CMS。 世界上 30% 的網站都在 WordPress 上運行。 然而,這裡有一些你應該選擇 Webflow 而不是 WordPress 的原因。
- 100% 創作自由
- 高安全性
- 內置功能而不是多個插件,
但是,WordPress 比 Webflow 更實惠。

閱讀更多:Webflow 與 WordPress
Webflow 與 Wix
如果您願意花費數小時自定義登錄頁面的每一點以使其完全屬於您,那麼 Webflow 將比 Wix 更適合您。
Wix 具有令人驚嘆的模板設計,可用於構建您的網站,但就像其他構建器一樣,您無法獲得 Webflow 提供的創意自由。
另外,Wix 沒有 Webflow 那樣廣泛的集成。 它無法與 Zapier 集成。
但是,Wix 更具成本效益,更適合初學者,並且有 24/7 的電子郵件支持。 在此處查看我們深入的 Wix 評論。

Webflow vs Zyro
Zyro 最適合預算有限的網站所有者。 定價計劃低至每月 2.61 美元,最高為每月 14.31 美元。
Zyro 模板的範圍比 Webflow 的少。 Zyro 有大約 100 多個模板,而 Webflow 有 1000 個。
如果您想要更易於使用且更便宜的產品,請選擇 Zyro。 如果您正在尋找高級網頁設計功能,請查看 Webflow。 在此處了解有關 Zyro 的更多信息。

Webflow 評論:Webflow 最適合誰?
Webflow 最適合想要建立密切反映品牌故事的網站的網頁設計師、公司和企業家。 Webflow 提供的眾多自定義選項允許網站所有者創建在競爭中脫穎而出的網站。
因此,想要快速將功能齊全且設計良好的網站推向市場的網頁設計師會喜歡 Webflow。 希望推出獨特的在線商店、創建投資組合網站或創辦小型企業的企業家也會喜歡 Webflow。
包起來
儘管 Webflow 成立於不到十年前的 2013 年,但它已成為世界上最受歡迎的網站建設者之一。 該網站構建器已為數千家企業提供服務,包括 Upwork、戴爾和 Zendesk。
你今天不用花錢。 在 Webflow 上註冊並開始設計以下將改變您生活的網站。 享受。
常問問題
Webflow 是一個網站構建器,它允許企業主和設計師創建和啟動動態網站,而無需僱用任何 Web 開發人員。 該網站構建器是獨一無二的,因為它為用戶提供了 100% 的創作自由,同時為他們提供了一千多個令人驚嘆的網站設計模板。
Webflow 是一個非常有效的網站建設者。 它提供了廣泛的功能,包括 1000 多個模板設計、100% 的可定制性、5000 多個 API 集成和廣泛的內容管理系統。 另一個令人印象深刻的 Webflow 功能是在不知道任何代碼行的情況下向您的網站添加動畫。
是的,Webflow 是安全的。 站點建設者擁有 24/7 全天候威脅監控系統,定期創建和存儲備份文件,並通過 S0C-2 認證。 從 Webflow 購買域可以獲得為期一年的免費 SSL 證書。 您可以放心,您網站的數據會得到妥善處理。
是的,Webflow 是最好的網站建設者之一。 您需要的幾乎所有功能都已內置。 如果沒有,Webflow 將與 5000 個其他應用程序集成。
是的,Webflow 可免費用於設計和構建您的網站。 但是,當您準備好啟動您的網站時。 有一個免費版本,您可以在其中啟動 Webflow 子域上的站點。
是的,Webflow 是響應式網頁設計。 Webflow 庫中的所有模板都是移動響應的。