Naratake跟誰比店主自己維護得動的 Webflow 替代方案
對照

一個店主自己維護得動的 Webflow 替代方案

如果你是因為「Webflow 的網站是別人幫我做的,現在不找他就改不動」才找到這裡的:那個分工是 Webflow 自己描述的——它的頁面建置頁把賣點寫成「先建好可重用的積木,讓行銷自己快速做出符合品牌的到達頁」,也就是說得先有人把積木建好。下面是另一種買法,包括 Webflow 拿走的那 3 列。

Storefront 每月 $49,Storefront Pro 每月 $79。建置與預覽不用錢、也不用綁卡;發佈那一刻才開始算錢,七天內可退款。 看完整價目表

真正決定去留的 12 列

每一項都能用頁尾的出處自己查證,其中有 3 項是 Webflow 比較強。一份作者每項都贏的對照表,本質上是廣告;你要是整份都不採信,也很合理。
你真正在問的事Naratake 這邊Webflow 那邊這一項誰比較強
一個行業起始點裡面有什麼該問的不是 40 這個數字,是打開來有什麼。烘焙那一個是四頁:九個標好價的品項、一張含照片欄的客製蛋糕詢價表單、六張圖的作品集——你一個字都還沒打,網站就已經能運作,而且帶著這一行真的會用到的版位。再套上 15 種設計風格的任何一種,換掉的是版面骨架,不是只換顏色——是另一副骨頭,不是同一頁換個色。Webflow 對模板的官方定義是「一個專業設計過的起點」——響應式版型、預先做好的區塊、有樣式的元件,讓你用視覺化的方式客製;而模板是它的創作者社群做的,付費的那些還帶一筆與代管方案分開的一次性費用。它那個第三方做的餐廳模板 Chomp 有五頁以上,作者自己說那是「最強的起跑優勢」,而上面那一頁 Order 走的是 Webflow Ecommerce,也就是又一個要另外買的方案。我們
換一套長相,不用把網站重做一次40 個行業起始點乘上 15 種設計風格,是 600 種長得不一樣的網站,而這還沒開始換顏色——但數字不是最好的那一部分。這才是:15 種風格,每一種換掉的都是版面骨架,不是顏色。首屏的排法、每一個內頁的頁首、字型、圓角、動態、照片調性會一起換過去;配色又是按行業挑的,同一套風格套在烘焙店和租賃仲介上,出來不會是同一個色盤。切換的時候頁面是照模板重建的,而你的內容跟著走:菜單與價格、評論、員工、課表、房源、優惠碼、營業時間都會帶過去,店家資料——店名、電話、電子郵件、地址、logo、社群連結——也已經填好在上面。不會跟著走的是直接打在區塊裡的那些:你在那裡改過的標題與內文、換掉的照片,會回到模板的樣子。一次復原就能把整個切換退回去。所以想試第二個方向,是去看一眼,文案已經開始寫了也一樣;而且不用約設計師,也不用等別人把你放進設計模式:它就是編輯器裡的一份清單。在 Webflow 換一套長相,起點是它的版型庫,而 Webflow 自己對版型的定義是「一個專業設計過的起始點」:響應式版面、預先做好的區塊、已經套好樣式的元件,你再用視覺化的方式改;付費版型另收一次性購買費用,與代管方案分開計價。至於把一個已經填滿內容的網站搬到另一套版型要付出什麼,我們不會替 Webflow 講——版型庫的連結在本頁最下面,換之前該讀的是那一頁。我們
真正在跑這一行的那些零件十一個,開箱就在編輯器裡:線上點餐、訂位、依人員與時段的預約、課表、訂單追蹤、房源列表、報價請求、優惠碼橫幅,還有三種菜單版面。沒有東西要安裝,背後也沒有第二筆訂閱,每一筆紀錄都落在網站自己的後台裡。它們在哪裡運作是方案界線:線上點餐與訂位在 Storefront Pro(每月 $79、每年 $758)正式上線;Storefront(每月 $49、每年 $468)可以建置與預覽。Webflow 原生做的收錢功能是一套商品目錄——它的 Ecommerce 功能頁講的是商品、款式、購物車與結帳。線上點餐、訂位、預約、課程報名都不在那一頁列出的功能裡;Webflow 應用程式市集的 Scheduling 分類給的答案是 Events Calendar、FlowBookings、Bookla、ScheduLinks、CozyCal 與 AddEvent,沒有一個是 Webflow 自己做的。它文件裡確實出現的 takeout 是結帳時的取貨方式,不是一套從菜單接單的系統。我們
什麼都還沒裝之前,編輯器裡有什麼111 個元件、15 種設計風格,兩個方案都完整拿到,而且設計風格換掉的是版面骨架不是顏色。菜單、相簿、價目表、常見問題、手風琴、表單、地圖、客戶好評、點餐、預約、課表,以及接住這些的後台,全部在同一個盒子裡,不另外收費,也不會有第二家公司的服務條款黏到你的網站上。Webflow 說明中心的 Elements 章節列出了燈箱、輪播、導覽列與選單按鈕、下拉選單、Quick Stack、欄、容器、Flex 與 Div 區塊、連結、圖片、清單、地圖、文字、按鈕、影片,還有購物車總覽——那是那份清單的第一頁,不是全部。清單上沒有的是手風琴:Webflow 自己的 University 教學要你拿下拉選單元件來改,把 Dropdown list 的定位從 absolute 改成 static,重新套樣式,再用 Interactions 手刻開合。而 Webflow 的component 是你自己做的東西,要跨站共用得用 Shared Libraries,那要付費的 Workspace 方案;現成的元件包——Finsweet、Flowbase、Relume——是市集上的第三方。我們
單一個元件可以調到多細把一個區塊拖曳到頁面上只是門檻,不是產品。門檻後面是這些:單一節點 44 個樣式屬性,每一個都能在桌機、平板、手機,以及滑鼠移過去這四種狀態下各設一次——一個元件 176 個可調點。中文直排可以做掛軸式標題、指定顏色的霓虹光暈、毛玻璃背景模糊、帶角度的雙色漸層、左右各 45 度以內的傾斜、sticky 定位、z-index,還有每個節點自己的進場動作:淡入、滑入、縮放或模糊。全部都是面板上的一個控制項:不必寫一行 CSS,也不必先學一套版面系統。深度在屬性上,而每一個屬性都是用點的。純論可調的深度它比我們深,這一列是它的——那份深度在下面的動態那一列已經算過一次,這裡不再算第二次。它的代價寫在同一張帳單上:Webflow 自己的 University 教你做一個平凡的手風琴,做法是把下拉元件從 absolute 改成 static 定位、重新套樣式,再手工做出展開與收合;它的頁面建置頁也把分工寫成「行銷在別人先建好的積木裡工作」。我們這邊是面板上的 44 個屬性;它那邊是一套你得先學會才動得了版面的系統。對方
下週二誰去改這個網站店主自己,在瀏覽器裡。挑一個起始點、把內容填進去、發佈到一個自動簽發 HTTPS 的網址,兩個雲端方案都含一個自訂網域。沒有一個你會被鎖在外面的設計模式,沒有一套要先學會才能搬動一個區塊的版面系統,也不用配合第二個人的行事曆。這個分工是 Webflow 自己描述的。它的頁面建置頁把賣點寫成「先建好可重用的積木,讓行銷自己快速做出符合品牌的到達頁」;而連手風琴這種尋常東西,它自己的 University 教學都要走一遍 absolute 與 static 的定位差異,再手刻一段互動。對一家有設計團隊的公司,那叫治理得好。對一個設計師已經不做了的店主,那就是這個網站一年沒動過的原因。我們
一間店同時用兩種語言是一個勾選框,不是一個專案。英文加中文或西班牙文,同一個網站,導覽列上真的會渲染出語言切換鈕,兩種語言住在同一份檔案裡。不接第三方、沒有字數額度、不按語言數收錢,兩個方案都不另外加價。第二種語言在 Webflow 是方案之外要另外加購的東西,而它的說明中心寫得很直白:Localize 加購項目是「逐個語言」計價的。便宜的那一檔最多三個語言,貴的那一檔最多十個,而素材在地化、在地化網址與訪客自動導向只有貴的那一檔才有。你可以免費試玩,要發佈才付錢——除非你的站在 Starter 或 Ecommerce 方案上,Webflow 自己註明那兩種方案根本買不到站台加購項目。想少一種語言,得先把那個 locale 刪掉。我們
網站賣出去的錢,誰要抽一手不是我們。訂單、預約、訂金,我們一毛都不抽,任何方案、任何時候都一樣——訂閱費就是我們開給你的全部帳單。刷卡走的是你自己的 Stripe 帳戶:你的金鑰、Stripe 自己的費率由 Stripe 向你收,錢直接進你的帳戶,不經過我們的手。接上自己的 Stripe 帳戶是一次性的工,而那也正是抽成在這裡沒有立足點的原因。在 Webflow,這件事沒有一個平的答案,要看方案。要收錢就得在網站方案之外再加一個 Ecommerce 方案,而交易手續費正是那幾個層級之間會變動的其中一條,跟金流商自己收的是分開的。別人的費率表我們不會抄過來——我們沒有辦法保證它一直是對的,而一個過期的數字比沒有數字更糟。它的定價頁連結在本頁最下面;去讀你實際會落在哪一層,而且要在決定之前讀,不是決定之後。真正值得比的是形狀:在那邊,那是一條會隨方案變動的費用;在這邊,沒有這一條可查。我們
把程式碼帶出來出來的是整份專案,不是一頁標記:一份 Next.js 程式碼,你讀得懂、改得動、想放哪台主機都行;網站有接單或訂位的話,資料庫與後台會一起出來。在瀏覽器這一側,這一項含在 Storefront Pro 裡;每月 $49 的 Storefront 不含它。桌面版 LocalSite Studio 那一條線,則是想寫幾次就寫幾次。Webflow 是真的可以匯出的:HTML、CSS、JavaScript 與素材,而且不必標注來源。但它自己的說明中心同時寫了三個條件。第一,那是 Workspace 方案的功能,只買站台方案不含。第二,出不來的東西很長一串:CMS 內容與 Collection 列表、使用者帳號、電商內容與結帳、頁面密碼保護、表單送出與已經收到的資料、站內搜尋,以及主要語言以外的每一個語言。第三,這是單向的——匯出的程式碼不能再匯回去。我們
要花多少錢兩個數字,而且就是全部的帳單。Storefront 每月 $49 或每年 $468;Storefront Pro——點餐與訂位在已發佈網站上運作的那一個方案,也是唯一含原始碼下載的那一個——每月 $79 或每年 $758。代管、HTTPS 與一個自訂網域兩個方案都含,沒有席次要加,也沒有百分比疊在上面。Webflow 是按站台計價的,而且是一條一條疊上去。我們查的那天(2026年8月26日),站台方案從免費的 Starter,到每月 $15 的 Basic,再到含 CMS、每月 $25 的 Premium,兩個都是年繳價。Ecommerce 是疊上去的另一個方案,程式碼匯出還要再疊一個付費的 Workspace 方案,多一種語言又是按語言再疊一筆。一個單純的型錄站真的很便宜;一家想要 CMS、要商店、要第二種語言、還要自己那份程式碼的店,光帳單就要加四條線。平手
一個元素一個元素地做動態29 個捲動與電影感版位是做好的:影片隨捲動刷過、視差、隨捲動說完一個故事、橫向捲動、膠卷、影廳膠捲、跑馬燈、捲到就顯影的圖片、捲動進度條,另外還有 3D 主視覺與動態背景——整站強度由一個屬性在管,搭配十種入場手法,訪客要求減少動態時整站就停下來不動。這些動態是用挑的,不是用畫的——所以你打開它的那天,它就已經是完成品。這一列是 Webflow 的,我們不打算爭。它的 Interactions 頁描述的是一套建立在 GSAP 上的動態編寫工具:捲動、滑過、點擊三種觸發,一條可以一條曲線一條曲線微調的時間軸,存起來全站重用的 preset,依斷點分別設定,還有 reduced motion 的版本。我們出貨的是 29 個做完的電影感版位,加上一個一次決定全部強度的屬性——那是另一種產品,這一列是它的。對方
真的要開一家店訂單、預約、詢價會落進網站自己的資料庫,刷卡走你自己的 Stripe 金鑰,我們一毛不抽。菜單、預約簿與詢價表單就是這個產品在跑的那一行。那種深度的商品目錄——庫存數、運費級距、稅則表——是 Shopify 的本業,也是另一個產品。Webflow 有一套現成的。它的 Ecommerce 產品含自訂商品欄位與款式、你自己設計的購物車與結帳、可以換上自家品牌的交易信、運送區域與規則、美國/加拿大/歐洲/澳洲的自動算稅、Stripe、PayPal、Apple Pay 與 Google Pay,以及訂單管理與退款。如果你要出貨,這一列是它的。對方

這一頁關於 Webflow 的每一句話,最後查證日期是 2026年8月26日。方案、價格和功能隨時會變,而且不會通知我們——決定之前,請到 Webflow 自己的頁面再確認一次。

Webflow 是為哪些情況做的

Webflow 是比較大的那個產品,而且有三條軸線上它才是該買的那一個。下面就是那三條。

  • 01動態就是產品本身。如果這個網站要的是一段自己編出來的捲動序列——一條你要逐段調曲線的時間軸——Webflow 的 Interactions 就是為那件事做的工具;我們這邊給的是做好的捲動與電影感版位,整站強度由一個控制項在管。
  • 02你要出貨。庫存數、運費規則與稅則表在他們那邊是一個真的電商產品,這一列也就判在他們那一側。
  • 03你有設計團隊,而且有一套設計系統要維持。Shared Libraries、帶 props 與 variants 的元件、依斷點分別控制,全都是為這件事做的,為它付錢是合理的決定。

這些情況,我們才是比較好的答案

當「擁有這家店的人」必須就是「改得動這個網站的人」,那就該換。

  • 01網站是別人幫你做的,而你動不了它。你要的是一個自己在瀏覽器裡就改得動的起始點,沒有一個會把你鎖在外面的設計模式,也不必先學會一套版面系統。
  • 02這門生意是餐廳、診所、髮廊或租賃仲介,而頁面從第一屏就得知道這件事——菜單、訂位表、依人員的預約時段、課表、詢價表單、房源列表,這些是版位,不是外掛。
  • 03你要的是一張帳單。第二種語言不按語言收錢,網站賣出去的錢不抽百分比,而原始碼下載在 Storefront Pro 的方案裡,不是另外買一個 Workspace 方案才有。

先把適合誰講清楚

我們適合誰

設計工作室是 Webflow 的買家。如果交付物是一段自己編出來的互動——一條逐段調曲線的捲動時間軸、一套跨客戶站共用的設計系統——它就是為那件事做出來的工具,這一頁判給它的 3 列也說了同一件事。目錄型的生意則是另一個產品:庫存數、運費級距與稅則表要配出貨,那是 Shopify 在做的事。我們適合的是這樣一家在地店家:網站得接得到一筆訂單、一個預約或一則詢價,然後由開這家店的人自己改——40 個打開就能運作的行業起始點、十一個開箱就在的營運模組、兩種語言不另外收錢,以及 Storefront Pro 上那份原始碼。

真的有人問的問題

Webflow 可以讓我把網站匯出來嗎?

可以,但它自己的說明中心寫了條件。程式碼匯出是 Workspace 方案的功能,不是站台方案的。出得來的是 HTML、CSS、JavaScript 與素材,而且不必標注來源。出不來的是 CMS 內容與 Collection 列表、使用者帳號、電商與結帳、表單送出與已經收到的資料、站內搜尋,以及主要語言以外的每一個語言——而且匯出之後不能再匯回去。型錄型的網站搬得走;靠 CMS 和表單在幹活的網站,搬不完整。

Naratake 雲端方案上的點餐或預約頁,今天就能真的收單嗎?

在 Storefront Pro 上可以——這個方案就是為這件事存在的,訂單會落在網站自己的資料庫和後台裡。在每月 $49 的 Storefront 上,頁面建得起來、預覽得到,但它不會上線。兩種方案刷卡都是走你自己的 Stripe 帳戶,金鑰存在工作區設定裡;我們不代跑開通流程,也絕不代收。

在這裡多一種語言要多少錢?

不用錢。英文加中文或西班牙文是網站上的一個設定,兩個雲端方案都有,導覽列上會渲染出切換鈕,兩種語言在同一份檔案裡。不按語言收錢,中間也不會多一個第三方翻譯 app。在 Webflow,第二種語言是 Localize 加購項目,而它的說明中心寫著那是逐個語言計價的。

做決定之前,先打開一個起始點

挑你這一行的起始點,把內容填進去,看看它是不是那個你以後自己改得動的東西。LocalSite Studio 那一頁寫著桌面版授權是什麼,以及它到底交給你什麼。

我們查了哪些資料

這份對照表是從下面這幾頁讀出來的,全部都在 Webflow 自己的網站上。

Webflow 是 Webflow, Inc. 的商標。Naratake 與 Webflow, Inc. 沒有從屬、背書或任何關聯,本頁不是官方的 Webflow 內容。對手的價格與功能是 2026年8月26日 當天在上面連結的頁面上讀到的,之後可能已經改變。