https://tenten.co/learning/webflow-payment/
這麼多年來,我們一直在使用且比較眾多 CMS 網站建置平台,Webflow 與 Squarespace 都是兩個令人印象深刻的且對設計友好的平台。

如果你正在閱讀本指南,那麼你可能已經略知幾點。我們將直接跳到它們之間的區別:Webflow 使用難度高,但提供了更大的靈活性,而 Squarespace 提供了易用性、高質量的功能和令人驚嘆的模板—以完全設計自由為代價。我們將比較以下幾點:

便於使用

Squarespace 比 Webflow 更易於使用。兩個構建器都有一個快速的註冊過程,但是在自定義模板和充分利用方便的工具方面,Webflow 的複雜度是絕對無法與 Squarespace 的簡單性相提並論。

Squarespace 和 Webflow 都有一個快速而輕鬆的註冊過程。而 Webflow 再獲取你的電子郵件地址後,會詢問一些有關你的技能和想要的網站類型的問題。若你是一個完整的初學者,也請不要擔心 - Webflow 也會詢問您的經驗水平!之後,你將全部完成設置並轉到網站編輯器。

註冊 Squarespace 時,要做的第一件事就是為你的網站選擇一個順眼的模板,當然你也可以在選擇之前預覽所有模板。然後會被要求輸入你的電子郵件和網站的標題。之後,Squarespace 將為你提供其模板編輯器的超快速演練。

第一次開始使用 Webflow 構建站點時,會在進行時受到大量彈出提示的指導,且無法跳過。 Webflow 的拖放編輯器有點令人困惑,因爲一開始入門根本不可能理解這些按鈕到底是做什麼的。事實上,它也不是一個拖放功能 - 雖然可以將不同的頁面元素(如文本框和圖像)放置在您希望它們出現在頁面上的位置,但必須深入研究進入行間距和尺寸,以便真正自定義的佈局。

圖片來源: Webflow.com
圖片來源: webflow.com

Squarespace 的模板編輯器比 Webflow 的更乾淨,添加部分後,您可以單擊文本對其進行編輯,並在該部分內移動不同的元素(如按鈕和文本框)。Squarespace 的編輯器讓我們覺得有點卡的的一件事是,我們不能將元素拖動到想要它們的確切位置 - 只能拖動到大致方向,並且元素將圍繞已經存在的任何內容自動格式化。

圖片來源: squarespace.com/

但我們並沒有真正的自由將它移動到該空間內的其他任何地方。儘管如此,這樣做的好處是Squarespace 幾乎不可能創建一個設計糟糕的網站。如果是設計師可能會覺得有點局限,即使是這樣最終的結果還是會令人驚嘆,畢竟這些都是已經經過設計得套版。

設置網域

除了精心設計的頁面之外,維護一個成功的網站還涉及更多功能。最重要的是,需要確保你擁有一個可供使用者來找到你的網站的網域名稱。網域名稱也就是該網站的“地址” —— 例如,我們的網站是 tenten.co。

在 Webflow 中如果你使用的是免費的網站構建器計劃,那麼將無法使用自定義域,則必須使用連接到網站構建器的網域,例如 tenten.webflow.io。

另一方面,Webflow 使用 Google 和 GoDaddy 等第三方來購買和註冊域名。通過第三方購買域後,你必須手動更新域的設置,以便它真正連接到你的 Webflow 站點。

Squarespace 在每個計劃的第一年都包含一個免費的自定義域,可以透過 Squarespace 本身註冊和購買。這意味著不必採取通過域名註冊商購買的額外步驟。相反的,你可以直接從 Squarespace 儀表板管理你的網站和網域。這些免費域名在第一年後以每年 20 美元的價格續訂,處於平均範圍的較高端。

你當然將能夠在 Webflow 中使用自定義域,但使用 Squarespace,或許整個過程要容易得多,更重要的是在不同的Plan中網域託管首年是免費的。

網站設計

Webflow 絕對讓創作者有更大的自由,但需要更多時間的投入。而 Squarespace 雖然限制較大,但通常可以從很好的模板設計開始。

到目前為止,我們知道 Webflow 比 Squarespace 更難使用——但如果您願意使用這個技術含量更高的平台,它將在設計自由度方面得到回報。也因為 Webflow 的編輯器比 Squarespace 的編輯器要詳細得多,因此您可以自定義模板的每一處細節。

Webflow 提供了 500 多個模板,但其中只有不到 50 個是免費的。雖然模板本身並沒有什麼特別之處,但Squarespace 的模板設計更令人印象深刻——但 webflow 的美妙之處在於您可以隨心所欲地自定義模板。

圖片來源: webflow.com

Webflow 設計功能的一個主要缺點是您在選擇模板後無法切換模板。如果您發現自己更喜歡的設計,這可能會很不方便。

Squarespace:更少的自由,但更好的質量

使用 Squarespace 所需的技術知識比 Webflow 少得多。但權衡是設計定制受到更多限制,但你仍然可以更改字體、個性化配色方案以及切換頁面佈局!只是當您選擇 Squarespace 模板時,編輯後的最終結果與使用 Webflow 時的原始模板相差不大。

它提供了 113 個超棒的模板,而且都是免費的。

圖片來源: squarespace.com/

使用 Webflow 就是希望你的網站與原始模板有很大的不同,且需要花比較多的時間去設定跟調整,但使用 Squarespace 模板的美妙之處在於它們可以為你完成大部分設計工作,只需添加一些個人風格即可創建一個令人驚嘆的網站。

定價

Webflow 的價格更高的計劃具有開發人員可能想要的強大功能,但 Squarespace 的更便宜的計劃最適合中小型網站。

Squarespace提供更好的性價比。它最便宜的計劃附帶一個免費域,以及大量存儲空間(你的網站可以容納多少內容和素材)和帶寬(你的網站可以向訪問者傳輸多少信息)。

Webflow 提供的 50 GB 帶寬對於較小的站點來說仍然足夠,所以你根本不會被它束縛——只是即使是 Webflow 最便宜的計劃也是為更多精通技術的用戶創建的,所以你不會具有許多內置的、易於使用的功能。

也就是說,如果您重視靈活性和設計自由度,那麼Webflow 更高級的計劃可能是物有所值的。以Webflow 的 74 美元/月Ecommerce Plus 計劃為例。它比Squarespace 的 40 美元/月Advanced Commerce計劃貴很多,但您會獲得一些更重要的功能,例如:

  • 年銷售額超過 20 萬美元
  • 最多 10 個管理員帳戶
  • 自定義代碼

是否有任何額外費用需要考慮?

Squarespace 的所有計劃都包含建立網站所需的一切,包括第一年的託管的域名。Squarespace 的任何額外費用都是完全可選的,像是電子報。

Squarespace 提供了一個名為Squarespace Email Campaigns的一體化電子報行銷工具,起價為每月 5 美元。如果你需要與訪問者保持聯繫或傳遞有關網站的信息,這個工具可讓你創建與網站的品牌無縫匹配的自定義電子郵件,並且可以充分利用 Squarespace 的設計。

圖片來源: squarespace.com/
圖片來源: squarespace.com/

Webflow 的計劃不像 Squarespace 的那樣一體化,你必須在 Webflow 最便宜的計劃中單獨購買一個域名。就可選成本而言,Webflow 提供了一些替代產品——比如更高級的內容管理系統 (CMS),您可以使用它來代替其網站構建器計劃,但在其他網站構建器工具方面並沒有太多幫助。

行銷和搜索引擎優化工具

Webflow 和 Squarespace 都提供高質量的工具來幫助您擴大受眾。

行銷和搜索引擎優化 (SEO) 功能對於宣傳你的網站和擴大受眾群體至關重要,根據統計,有 93% 的線上體驗都是從搜索引擎開始的。

為了比較 Webflow 和 Squarespace 的行銷和 SEO 工具,我們將涵蓋他們的全部定價計劃,從針對常規網站的最基本計劃開始,到針對電子商務網站的最高級計劃。

第三方應用程序串接

Webflow 比 Squarespace 更適合集成,但必須自己安裝 Webflow 來串接,且可以獲得比 Squarespace 更多的選擇。

到目前為止,我們知道 Webflow 比 Squarespace 更難使用 - 但如果您願意親身體驗一下技術,那麼 Webflow 提供了一個集成世界來滿足各種需求,但必須要 DIY 來串接他。

Webflow 的第三方應用程序為你的網站提供了數百種附加功能,但你必須自己完成安裝它們的工作。每個集成都會附帶一個指南,但它比使用 Squarespace 的擴展更耗時。

而 Squarespace 有一個名為Squarespace Extensions的應用程序市場,你可以在其中從 24 個精心挑選的應用程序中進行選擇,為網站添加其他功能。

圖片來源: squarespace.com/

Squarespace 對其擴展商店採取“質量勝於數量”的方法,Squarespace 在應用程序和集成方面提供的選擇幾乎沒有 Webflow 那麼多。因此若你正在尋找具有可串接很多第三方集成的CMS,那麼使用 Webflow 會更好。

也就是說,Squarespace 在其集成質量方面大放異彩,你不必自己創建它們或進行任何技術工作來安裝它們,利用這 24 個選項涵蓋了從 SEO 到產品管理的所有內容。

性能和安全

Webflow 和 Squarespace 都將使您的網站保持正常運行。

先前有提到,Webflow 和 Squarespace 在他們的所有計劃中都包含 SSL 證書——這是所有網站安全基礎中最重要的。但是在選擇網站構建器之前,您還需要了解性能和安全性的其他重要方面。

備份

保存網站的最新版本總是一個好主意,以防萬一出現問題。我們在使用 Squarespace 時遇到的一個問題,它的編輯器不會為你自動保存進度。因此為了保持備份的狀態,必須時不時地就去點擊“保存”。

Squarespace 會為你的網站製作備份副本並將它們存儲在主服務器和輔助服務器上,並且它可以讓您在頁面被刪除後恢復長達 30 天,這是一個非常慷慨的備份策略。

Webflow 會自動創建備份,即使在免費計劃中,你也可以恢復到站點的最後兩個備份版本。

幫助和支持

Squarespace 比 Webflow 有更好的客戶服務。它們提供實時聊天,並且可以通過電子郵件 24/7 與團隊聯繫,這使得 Squarespace 成為兩者中響應速度更快的平台。

Webflow 的話你仍然可以通過電子郵件聯繫團隊,但可能需要等待 24 到 48 個工作小時才能得到回覆。這是 Webflow 比較不足的地方。

結論

兩種平台都是非常棒的 CMS,當然我們也分析了這兩種平台分別適合不同的族群:

誰適合使用 Webflow?

  1. 想要更多自由設計及經驗豐富的設計師
  2. 想要維持受眾的大型網站
  3. 希望增長很多的小型網站

誰適合使用 Squarespace?

  1. 初學者和小型網站所有者
  2. 缺乏前後端技術的創意人
  3. 預算較低的創業家

更多閱讀:

Wix vs Squarespace都幾?超詳解比較
Squarespace 和 Wix 是網站建設者領域的兩個超大的入門平台,我們看過很多開發經驗較弱的設計師都使用 Wix 來製作自己的作品集網站,因為介面非常直觀,透過拖拉是即可完成一個還不錯看的網站,然而 Wix 也是一個多合一的平台網站,可以讓你啟用及管理不同類型的網站。Squarespace 則更適合較新創商業網站或是剛入行的設計師,通常使用 Squarespace 的設計師網站往往看起來比較吸睛,因為它強大的套版可以讓你的網站看起來非常漂亮。
Webflow vs WordPress 都幾? 超詳解比較
在遇到 Weblfow 之前,tenten 大部分協助客戶建立網站都是使用 Wordpress 實現,同時我們也會定期為客戶維護網站、增加 Google Core Web Vitals 等分數。後來當我們使用了 Webflow 後,一切都變了!我們甚至將 tenten.co 的主網站移到了 Webflow,它讓我們可以實現更漂亮的設計及動畫,最重要的是節省了非常多的時間。當然 WordPress 和 Webflow 兩種 CMS平台都有好與壞,其旨都在簡化您的線上體驗的網站。
Webflow vs Wix都幾? 超詳解比較
Wix 和 Webflow 都是具有強大功能的網站構建器,可以使整個網站開發過程變得簡單直觀。今天我們將指出兩者之間的主要區別,將幾個比較大的主題做分析給大家。
Webflow 與 Shopify差異?哪個更適合電商網站
今天要來比較的是開店平台 Shopify 與 Weblfow 兩間龍頭公司,而這兩個平台都為網頁設計、電商管理和業績增長為賣家提供了一站式的解決方法。
Weblow 定價指南:我應該選哪個計畫?每個計畫差異到是什麼?
Webflow 的定價可能有令人不知所措。因爲它有超多種不同的計劃可供選擇,要找出最適合自己項目的計畫可能會有點無頭緒,為了幫助你更輕鬆地做出決定,我們整理了這份Webflow定價指南。請繼續閱讀以了解如何為你的 Webflow 網站選擇正確的計劃。
Tenten - Webflow 認證的專業夥伴|Webflow作品集
Webflow 目前已經成為我們最喜歡的 CMS 開發平台,它讓我們能夠以超高速度及質量進行開發網站及應用程式程式軟體,而今年 9 月份我們也非常自豪地宣布 tenten.co 也已成為台灣第一間的 Webflow 專家夥伴!這篇文章會告訴你,為什麼我們這麼喜愛 Webflow。
Webflow 必學的五大技巧 | Webflow 中文教學
當開始回想起我剛開始學習如何使用 Webflow 時,有一些技巧是希望自己能早點知道,而這些 tips 絕對會讓我的 Webflow 學習之旅變得更加輕鬆!Webflow 並不像 Squarespace 或 Wix 那樣簡單的工作方式,這也是它神奇的原因。簡單來說 Squarespace 和 Wix 等網站建設者採用基於模板拖拉的方法,它們可以輕鬆快速地選擇模板、刪除一些內容並快速的發佈網站。
Webflow 設定 SEO怎麼做? | Webflow 中文教學
你希望你的網站看起來很棒且容易被搜尋,那麼 SEO 這塊一定要花點心思去設定。但是,Google 不會因為你的網站漂亮就讓排名跑到前面,而這是為什麼要花時間去優化 SEO 的原因。
Webflow 成為 2022 年最佳無代碼CMS建站的 12 個原因
我們其實沒有偏愛哪一個平台或是決定永遠只使用它,但到目前為止,Webflow 是我們排名第一的無代碼 CMS 網站構建器。值得一提的是,Webflow 不是像 Squarespace、Wix 和 Weebly 那樣的單純的“拖放式”網站構建器,它可以讓你使用現成的模塊來構建你的網站,而無需事先了解如何使用 HTML 和 CSS,但你需要了解基本的 HTML/CSS 觀念!因為您正在使用與編碼類似的技術來構建網站。最大的區別在於你不必編寫代碼,而是從圖形用戶界面(如 Photoshop)創建元素和样式。
Webflow 金流串接 | Webflow 中文教學
Webflow 目前有支援以下金流付款,而一般來說我們最常用的就是 Stripe、Paypal 這兩個來為你的金流提供平台,你需要擁有 Stripe 或 PayPal 帳戶並將其連接到 Webflow 以收取付款、處理退款。

學習 Webflow 權威指南 - 來自 Tendmy

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

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