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日 当天在上面链接的页面上读到的,之后可能已经改变。