2023 年 Webflow 與 Wix 您應該選擇哪一個?

已發表: 2021-07-07

Tooltester 受到像您這樣的讀者的支持。 當您透過我們的連結購買時,我們可能會賺取聯盟佣金,這使我們能夠免費提供我們的研究。

想要在 Webflow 和 Wix 之間做選擇嗎​​? 當雙方有這麼多相互矛盾的意見時,這並不容易…

以我們網站上有關 Wix 的使用者評論為例:「對於非編碼人員來說,Wix 網站建立器無疑是最容易使用的

接下來是另一位用戶的評論:「我不知道如何正確使用新的 Wix 部落格。 這對用戶來說根本不友善。

或者 Trustpilot 對 Webflow 的評價褒貶不一:「 Webflow 是可用的最好的 Web 工具,但它太貴了。

我們猜測這就是您來到這裡的原因 - 尋找一些有助於將您推向正確方向的資訊。

但事情是這樣的:我們很難直接推薦其中一個,因為我們實際上非常喜歡兩者!

無論 Webflow 或 Wix 更適合您的項目,都取決於您想要建立的網站類型以及對您來說最重要的因素 - 無論是易用性、設計靈活性、額外功能、經濟性還是其他方面。

因此,為了幫助您做出決定,讓我們在每個最重要的類別中比較 Webflow 與 Wix。 運氣好的話,您將能夠更清楚地了解哪一個最適合您的網站!

Webflow 與 Wix:主要差異是什麼?

Wix 是這兩者中更知名、更受歡迎的網站建立器,已經存在了十多年。 由於其拖放編輯器、龐大的模板庫和廣泛的內建功能,它以易於使用而聞名。 它非常適合小型網站、部落格和線上商店。 (您可以在此處閱讀我們完整的 Wix 評論,也可以在此處查看一些 Wix 網站範例)。

儘管 Webflow 只出現了幾年,但它已經在設計師和開發人員中建立了一批忠實的追隨者。 這主要歸功於它的無程式碼編輯器,它足夠靈活,可以讓您從頭開始建立網站,並完全按照您的喜好進行自訂。 它的許多功能更接近內容管理系統(CMS),例如創建動態頁面和資料庫集合的能力。 簡而言之,它是 WordPress 等更複雜的 CMS 的強大替代品,但可能不適合所有人。

第一輪:易用性

當您獲得易於使用的網站建立器時,您通常必須在靈活性上做出妥協。 然而, Wix是例外之一。

Wix 擁有1,000 個範本和拖放編輯器,可讓您完全自由地放置您喜歡的元素,是一款旨在幫助您快速上網的工具。

當然,需要一些嘗試和錯誤才能適應,但如果您正在設定一個相對簡單的網站,您將能夠自己弄清楚其中的大部分內容。 另外,Wix 的知識庫中有大量優質資源可以幫助您。

如果您想要一個(幾乎)無需費力的更簡單的解決方案,您可以使用 Wix 的人工智慧網站製作工具(稱為 Wix ADI )在幾分鐘內為您建立一個功能齊全的網站。 而且,您仍然可以獲得大量的控制權來調整設計,因為您可以存取完整的編輯器。

雖然Webflow通常被描述為 WordPress 的「更易於使用」的替代品,但它仍然需要一些工作來熟悉。 一方面,視覺設計師看起來很像 Photoshop - 因此,如果多個面板和無盡的樣式選項讓您感到厭煩,最好避免使用這個!

網路串流編輯器

Webflow 網站編輯器

雖然您確實不需要編碼知識就能夠使用 Webflow,但了解 HTML 和 CSS 的原理肯定會對您有利,因為可以使用這些語言完全自訂 Webflow 網站。

好消息是Webflow University中有大量資源,例如課程、教學和文章,這意味著您手頭上有大量幫助 – 只要您不介意花費額外的時間來查找它們。

獲勝者:這是理所當然的! 維克斯贏得了第一輪比賽。

第二輪:設計和靈活性

我們真正喜歡 Wix 的地方之一是它的模板。 它們引人注目、現代,而且玩起來非常有趣。 無論您想要專業、簡約、時尚還是藝術外觀,您一定會在 Wix 令人印象深刻的模板集中找到一些東西。

維克斯模板

Wix 的一些模板

正如我們之前提到的,視覺化 Wix 編輯器為您提供了很大的靈活性來自訂模板並更改顏色、字體、圖像和佈局。 但有一個限制。

Wix 的模板無法完全響應,通常需要進行一些調整才能在行動螢幕上正確顯示。 事實上,預設情況下,文字和圖像不是響應式的 - 您需要將它們與響應式元素(例如條帶、列和圖庫)結合使用,以便讓它們適應不同的螢幕尺寸。 這有點煩人,因為許多網站建立器(如 Squarespace)都帶有預設的行動響應模板。

Webflow 採用了非常不同的設計方法。 它為您提供了三種不同的方式來設計您的網站:從頭開始、使用預設(本質上是一個空白模板)或從100 個完全設計的模板中選擇一個(其中少數是免費的,但大多數是免費的)。是付費的)。

網路流模板

Webflow的一些模板

與 Wix 一樣,Webflow 的視覺化畫布也使用網格佈局,為您設計網站時提供了足夠的靈活性。 在樣式選項方面,您有多種選擇,可以在版式、效果、互動和動畫中添加您自己的個人風格。

如果您需要針對多種螢幕尺寸進行設計,您一定會喜歡 Webflow 的響應式設計功能。 它總共提供了七個斷點,使您可以控制網站在行動裝置、平板電腦、桌上型電腦和更大螢幕上的顯示方式。 您所做的任何更改都會自動推廣到較小的斷點,因此您可以根據需要進行自訂(或盡可能少)。

值得一提的是,Wix 實際上提供了一個與 Webflow 正面交鋒的解決方案。 Editor X 是一款進階編輯器,還可以讓您設計響應式網站並編輯網站的原始程式碼。 Editor X 專門針對設計師和代理商(許多行銷甚至沒有提到 Wix 這個名字),因此它顯然試圖在 Webflow 的空間中發揮更多作用。 不過,它是一個相對較新的產品,還有一些問題需要解決,因此它還沒有像 Webflow 那樣受到廣泛的歡迎。

獲勝者:這實際上取決於您想要什麼。 如果您想要多種設計選擇並儘快啟動和運行,Wix 將是我們的選擇。 但如果行動網站對您很重要,並且您希望完全控制設計,那麼 Webflow 就是贏家。 本輪平手!

第三輪:投資組合特徵

Webflow 和 Wix 都是創建投資組合的流行解決方案,那麼哪一個更好呢? 讓我們來看看。

我們不得不說,Wix 在投資組合功能方面做得相當不錯。 它提供了近 60 個作品集模板作為起點,與其他模板一樣,它們看起來都非常時尚和現代:

Wix 投資組合模板

Wix 的作品集模板

作品集類別包括攝影、文案、表演和模特兒(等等),因此您不僅限於與設計相關的作品集。 大多數都包含內建功能,如圖片庫、聯絡表單、部落格和線上商店(如果您想透過您的作品獲利),因此從一開始,它就被設計為一體化的投資組合解決方案

另一方面,Webflow 對於那些真正想要有機會展示其設計技能的人來說是理想的選擇。 能夠從零開始意味著最終產品可以是獨一無二的,並真正反映您的個性、風格和才華。 (要明白我們的意思,只需看看這裡匯集的一些極具創意的網頁設計即可)。

webflow 投資組合網站

基於 Webflow 的投資組合

當然,您也可以選擇作品集範本(我們統計了大約 60 個),但是這些範本都不是免費的 - 因此從頭開始可能是大多數(網頁)設計師的首選。

然而,這確實需要更多的工作,將你的網頁設計放在一起,並添加額外的功能,例如聯絡表單、部落格和線上商店(特別是最後兩個,需要大量的工作來設定)。

得獎者:同樣,問題歸結為:你有多希望這個設計屬於你自己,你願意投入多少工作? 最簡單的選擇是 Wix,而真正讓您掌握主動權的選擇是 Webflow。 但兩者都非常適合投資組合,因此本輪各得一分。 Wix 目前以 3:2 領先。

第四輪:電子商務

雖然當您想到電子商務時,這兩個名字可能都不是您想到的第一個名字,但 Webflow 和 Wix 實際上都做得很好。 例如,Wix 提供了完整的電子商務解決方案,可以輕鬆添加到任何 Wix 網站。 透過 Webflow,您可以完全控製商店、產品系列、產品和結帳頁面的設計

wix 電子商務模板

Wix 的電子商務模板

webflow設計產品頁面

在 Webflow 中設計產品頁面

以下是 Wix 與 Webflow 中線上商店功能的快速比較:

電子商務功能網路串流維克斯
產品限制標準計劃 500 個項目,Plus 計劃 1000 個項目,高級計劃 3000 個項目無限
產品型號每個產品 3 個產品選項,每個產品 50 個變體每個產品有 6 個產品選項,100 個選項選擇,最多 1000 個變體。
銷售數位下載是的是的
出售訂閱是(商業計劃及以上)
額外的銷售管道臉書、Instagram、Google購物Facebook、Instagram、eBay、Amazon.com 以及透過 Multiorders 應用程式獲得的更多內容
交易費用標準電子商務計劃 2%; 更高級別的計劃不收取任何費用沒有任何
支付網關Stripe、Paypal、Apple Pay 和 Google Pay(透過 Stripe) PayPal、Stripe、Square 等,包括「先買後付」解決方案。 Wix 自己的支付處理器 Wix Payments 也在某些國家/地區提供。
銷售點 (POS) 集成不是原生的 – 僅透過 API 或整合(例如與 Zapier) 是的,透過 Wix POS(僅限美國)、SumUp 和 Square
汽車稅計算適用於美國、加拿大、歐盟和澳洲(透過 TaxJar) 透過 Avalara 應用程式提供(僅限商務套餐及以上套餐)
運送方式可基於以下條件設定:總訂單成本的百分比、商品價格、商品數量、商品重量、每個商品的統一費率或每個訂單的統一費率。 可根據以下條件設定:統一費率、按重量費率、按價格/產品費率或免費送貨。
即時運費僅可透過 Shippo 整合使用僅當您是美國商家(透過 USPS)或巴西商家(透過 Correios)
廢棄的購物車電子郵件僅透過整合(例如透過 Monto) 是的

獲勝者:這是一場勢均力敵的比賽,但 Wix 領先,因為它擁有更多的內建電子商務工具以及更多種類的銷售管道和支付處理器。 與 Wix 的比數是 4:2!

第五輪:部落格功能

我們比較了作品集和線上商店等重要功能,但如果您想在網站上新增部落格怎麼辦?

我們先來看看Wix。 要添加博客,只需在編輯器中單擊幾下即可添加它(或選擇包含博客的模板) - 沒有比這更容易的了!

編輯部落格條目也非常簡單,使用視覺化編輯器可以設定文字格式並添加圖像、圖庫、影片甚至 HTML 程式碼。 您可以新增作者、類別和標籤,還有一些出色的額外功能,例如新增僅限訂閱的內容並允許會員發佈的能力。

Wix部落格編輯器

Wix 部落格編輯器

但是,我們希望看到一些改進。

一方面,您無法對部落格提要和貼文的設計進行大量控制。 部落格編輯器比適用於網站其餘部分的編輯器嚴格得多,並且不允許您添加各種元素。 請參閱這篇文章,對 Wix 的部落格進行更深入的評論。

使用 Webflow 設定部落格最初需要更多的設定工作,但最終會得到回報,因為您可以完全控制部落格提要和貼文的外觀。 使用 Webflow 的動態內容功能,您將能夠為部落格文章建立模板,然後透過資料庫條目(或 Webflow 所說的集合項目)自動填充它們。

網路串流部落格模板

使用Webflow設定部落格模板(集合頁面)

雖然這一切聽起來非常技術性,但現實是您應該能夠在 Webflow 資源的幫助下快速掌握它。

然而,評論、社交分享和會員功能等額外功能通常需要透過第三方整合來啟用。

獲勝者:雖然需要更多的工作,但 Webflow 的部落格功能比 Wix 的更強大(也更靈活)——因此 Webflow 值得一提! 最終比數是 4:3,Wix 仍然領先!

第六輪:搜尋引擎優化

現在來討論一個價值百萬美元的問題:誰將讓您的網站在 Google 和其他搜尋引擎中排名?

嗯,我們不能肯定地說其中一種會幫助你比另一種表現得更好。 SEO 是一頭複雜的野獸,通常情況下,這一切都歸結為內容的品質(而不是容納該內容的平台)。

話雖這麼說,一些網站建立者比其他網站建立者為您提供更多的機會來優化您的網站,這絕對有助於提高排名。 那麼讓我們來看看 Webflow 和 Wix 的表現如何(您也可以在我們的深入 Wix SEO 指南中了解更多資訊)。

好消息是,兩者都可以讓您執行所有基本 SEO 功能- 編輯頁面標題、元描述、URL、圖像替代文字等。

但是,當您查看它們的高級功能時,您會開始看到一些差異:

搜尋引擎優化功能網路串流維克斯
搜尋引擎說明(可編輯robots.txt檔案) 可用的可用的
XML網站地圖可自動產生或自訂自動建立
結構化資料可以添加自動添加,可以覆蓋
規範標籤可以透過程式碼添加。 還可以設定全域規範標籤自動設置,可編輯
301 重定向可以重定向頁面、資料夾和整個網域可以批量添加
加速行動頁面 (AMP) 本地不可用可用的
SSL憑證可用的包含在所有網站中
程式碼精簡適用於 HTML、CSS 和 JS 無法使用
頁面速度優化可以,但需要專業知識並不總是可行,因為 Wix 在這方面有很大的限制

獲勝者:總的來說,Wix 可能對初學者更友好(它甚至有一個 SEO 嚮導來引導您完成主要步驟),而 Webflow 更適合那些有更多 SEO 經驗的人。 但兩者都能滿足大多數網站的需求。 本輪各得一分。

第七輪:支持

您很可能在某個時候需要獲得支援來幫助您解決疑問或問題。 那麼誰會在你身邊呢?

讓我們從 Webflow 開始。 正如我們已經提到的,Webflow University 擁有龐大的資源庫,其中包含幾乎您能想到的任何主題的課程、課程和影片。 還有使用者論壇、社群活動和小組,如果您需要,還可以聘請專家。

網路流大學課程

Webflow 大學課程

然而,個人支持有點缺乏。 與他們聯繫的唯一方式是透過電子郵件,24-48 小時內回覆。 哦,而且只在周一至週五開放。 雖然有一個聊天機器人可以幫助解決一般問題,但能夠獲得聊天支援將會帶來巨大的不同。

Wix 的幫助中心也很全面,包含大量有關 Wix 所有功能和應用程式的操作文章。 如果您使用 Wix 的高級開發平台 Velo,您也可以造訪其使用者論壇。 Wix 支援的一個小缺點與支援代理商經常試圖向您推銷升級有關。 如果您不需要他們建議的附加組件,請準備好禮貌地對他們說“不”。

維克斯幫助中心

Wix 幫助中心的操作方法文章

與 Webflow 相比,Wix 確實提供了更多個人支持,可以提交支持票證,還可以請求各種語言的回電(甚至提供英語、西班牙語和葡萄牙語的 24/7 回電支持)。 雖然我們自己對 Wix 支援的體驗有點複雜(答案並不總是非常有幫助,而且回應有時很慢),但我們確實很感激至少提供了它。

獲勝者:兩者都提供了出色的知識庫,但最終一切都取決於誰提供了更好的一對一支援 - Wix 是這裡明顯的獲勝者。 這樣一來,目前的比數就達到了6:4!

第 8 輪:應用程式和集成

如果您想添加額外的功能,例如預訂系統、電子郵件行銷、即時聊天或其他功能,該怎麼辦?

Webflow 和 Wix 都提供了一長串與外部應用程式的集成,所以讓我們看看哪一個對您更有用。

Webflow 的整合庫提供與大約 240 個應用程式的直接鏈接,涉及電子商務、電子郵件行銷、分析、會員資格等類別。 如果您有自己的應用程序,您甚至可以提交自己的整合。

網路串流集成

Webflow 的集成

Wix 提供的應用程式稍多一些,Wix 應用程式市場中約有 300 個應用程式。 只需點擊幾下即可輕鬆啟用這些功能,因此無需嵌入程式碼,而 Webflow 的情況通常是如此。

Wix應用市場

Wix應用市場

更重要的是,Wix 還擁有一系列不錯的自己的應用程序,可以無縫地插入您的網站。 其中包括用於預約和課程安排的 Wix Bookings、用於串流和銷售音訊的 Wix Music 以及用於建立會員網站的 Wix 會員區。 還有 Wix Video,您可以用它來託管和銷售影片。

獲勝者:我們必須選擇 Wix——其應用程式市場中提供的應用程式範圍令人印象深刻,並且確實可以幫助增強您的網站。

第九輪:定價

我們現在進入了最後一輪——這是一場重要的比賽! 如果您仍然在 Webflow 和 Wix 之間左右為難,這甚至可能是讓您越線的選擇。

首先我們要提到的是,Webflow 和 Wix 都提供免費計劃,如果您想嘗試它們並感受它們的功能,那麼這是非常好的選擇。 雖然存在一些限制,但您將能夠使用其子網域(例如 yourname.wixsite.com/yoursite 和 yoursite.webflow.io)建立和發布完整的網站。 Wix/Webflow 廣告也會顯示。

接下來要知道的是 Webflow 和 Wix 使用略有不同的定價模型。 Wix 的更簡單 - 您選擇一個計劃,並為其支付月費或年費。 您需要支付的唯一額外費用是自訂網域以及您可能需要的任何額外應用程式。 Web 託管始終包含在內,如果您想知道的話,Wix 或 Webflow 之間沒有區別。

以下是 Wix 計劃的簡要概述:

  • 個人套餐的Light 套餐起價為 16 美元/月,無廣告,包括 2GB 資料儲存和 30 分鐘視訊儲存。
  • 如果您想在自己的網站上進行銷售,則需要Wix商業和電子商務計劃之一,核心計劃的起價為每月27 美元(並為您提供無限頻寬、50GB 存儲空間、5 小時視頻、商業應用程序)例如 Wix Bookings 以及您商店中的無限產品)。

不幸的是, Webflow 的定價並不那麼明確。 這是因為,根據您是否需要常規網站、電子商務網站、是否需要建立多個網站(例如,如果您正在為客戶建立)或是否有多個用戶,有不同的計劃。 有時您需要購買多個計劃。 當然,任何額外的應用程式都需要額外付費。

  • Webflow 網站計劃(即非電子商務計劃)的基本計劃起價為 12 美元/月。 它無廣告,每月最多允許 25,000 次訪問、50GB 頻寬和 100 份表單提交
  • 標準方案的電子商務方案起價為 29 美元/月,最多允許 500 種商品(即產品和變體)
  • 核心計畫的工作空間計畫起價為 19 美元/月,其中包括最多 10 個項目和暫存站點,以及程式碼匯出(如果您想在其他地方使用程式碼)。 要將這些與自訂網域一起使用,您需要為每個項目購買額外的網站計劃

獲勝者:雖然當您比較類似的計劃時,價格點並沒有太大差異,但 Wix 的計劃通常包括更多內容 - 而且其定價結構也更容易消化。 本輪比賽也將由 Wix 進行。

這意味著 Wix 以令人印象深刻的8 比 4擊敗了 Webflow!

Wix 與 Webflow:兩個截然不同的網站建立器

Wix 可能最終成為總體獲勝者,但正如我們在幾輪比賽中看到的那樣,它並不總是最佳選擇。

如果完整的設計控制、SEO、部落格和響應式網站等功能對您來說最重要,那麼 Webflow 是最有意義的 - 很難擊敗其強大的網站編輯器和高級 SEO 功能。 因此,如果您準備好付出額外的努力,Webflow 可能是您的絕佳選擇!

然而,如果您正在尋找適合初學者且易於管理的平台,Wix 應該是您的首選平台。 憑藉現成的模板、直觀的編輯器以及出色的內建功能和應用程序,它可以解決建立網站時最困難的部分。

Wix 的電子商務功能也非常適合中小型商店,具有自動稅收和即時運輸的一些出色集成,並且在支付處理器方面有多種選擇。

現在您應該更清楚哪個是最適合您的網站建立器!

> 免費試用 Wix

>免費試用 Webflow 。 您還可以使用此獨家優惠券代碼在所有 Webflow 計劃中節省 20%: affiliate-tooltester-0228

還有其他問題嗎? 請在下面的評論中告訴我