流体发动机与 Webflow: 他们如何比较?

如果您通过此页面上的链接订阅服务,Reeves and Sons Limited 可能会赚取佣金。 查看我们的 伦理声明.

在决定为哪个网站建设者而充实时,它的设计能力可能会极大地影响您是否选择一种解决方案而不是另一种解决方案。 毕竟, 50%的消费者 相信网站设计对品牌至关重要。 

多年, Squarespace 被誉为图像显示和高质量模板的最佳网站建设者之一。 Webflow,另一方面,是针对设计师的更灵活的网站编辑器 wish将高规格的网页设计转变为成熟的网站,而无需编码专业知识。

然而,本月(2022 年 XNUMX 月), Squarespace 推出 流体发动机 - 一个新的拖放编辑器,在地图上以同样的能力赢得了一个位置 Webflow. 

不用说,我们认为这是一个非常令人兴奋的发展! 如此之多,以至于我们无法抗拒比较流体引擎和 Webflow. 希望在我们的流体引擎与 Webflow 回顾一下,您将能够决定 2022 年哪个网站构建器更适合您的业务。

有相当数量的内容,所以让我们开始吧!

流体发动机与 Webflow: 一个介绍

正如我们在介绍中暗示的那样, 流体发动机 现在 Squarespace的新默认拖放编辑器,于 2022 年 XNUMX 月发布。新 创建的网站 Squarespace 7.1 自动受益于 Fluid Engine 的新设计功能。 如果您有一个现有的 7.1 站点,它将继续使用 Squarespace的旧编辑器,除非您升级每个网页或添加使用流体引擎的新部分。

传统上, Squarespace 仅提供有限的拖放界面。 许多 Squarespace的网站编辑在侧边栏中进行。 它仅限于 12 列网格,您可以将元素拖放到其中。 

但是,现在,感谢 Squarespace的流体发动机, Squarespace的编辑器是最灵活的编辑器。 Fluid Engine 为初学者和专业设计师提供了同样的功能。 它充满了电子商务、设计和营销功能,所有这些都由 Squarespace (更多关于这下面)。 此外,流体发动机还受益于 Squarespace的专业设计的模板,您可以自由地对其进行完整编辑。 

相反, Webflow 是另一个网站建设者。 然而,他们从一开始就非常关注网页设计自由。 最初,它的创建是为了吸引希望更好地控制他们的创意选择的老派网页设计师。 它将旧的网页设计流程和复杂的编码原则整合到一个直观的无代码界面中。 该编辑器不仅使您能够创建像素完美的网页设计,而且还可以完全拖放。 最重要的是, Webflow 在过去几年中增加了各种功能,包括电子商务功能和网站管理工具。

一只猫爬梯子的插图

流体发动机与 Webflow: 他们的核心特点

现在我们已经介绍了基础知识,让我们更深入地研究流体引擎和 Webflow的核心功能:

流体发动机 

流体发动机与 Webflow

As 流体发动机 只是 Squarespace的新网站编辑器,您仍然可以依靠 Squarespace的强大功能集。 Squarespace 旨在提供构建网站或在线商店所需的所有功能,而无需依赖 plugins 或扩展名。 这意味着所有 Squarespace 功能经过试验和测试。 但是,这有点像一把双刃剑,因为您没有相同的扩展灵活性 Squarespace的功能作为服务,如 WordPress, Wix, Shopify等等。 

也就是说,下面,我们列出了一些 Squarespace的,因此,流体引擎最显着的特点:

  • 令人惊叹的网页设计: Squarespace 拥有市场上一些最优质的网站模板。 但现在,多亏了 Fluid Engine,您可以使用完全直观的拖放编辑器自定义这些模板。 您还将受益于 Squarespace的强大图像编辑器(但稍后会详细介绍!)。
  • 搜索引擎优化: Squarespace 带有强大的内置 SEO 功能。 例如,您可以编辑页面标题和描述、添加图像 alt 标签、访问 Squarespace的 SEO 最佳实践清单,并使用 Google 的 Search Console 验证您的网站。 另外,您可以隐藏不想让搜索引擎爬过的页面。 Squarespace 还自带自动 站点地图、自动标记和干净的 URL 立即可用。
  • 写博客: 您可以使用其中一种轻松创建博客 Squarespace的完美博客模板。 最重要的是,您可以跟踪热门内容、点击次数和访问者统计数据等分析。 此外,您可以设置自定义权限、安排帖子、分配特色帖子以及标记和分类您的博客内容。 
  • 电子商务: 您可以销售无限量的实体和数字产品,甚至可以与 POS 解决方案集成。 (我们将讨论 Squarespace ecommerce 下面有更深入的功能)。
  • 分析: 访问强大的网站分析,以深入了解您最受欢迎的内容、流量、流量来源、销售、转换、访问者人口统计数据等。
  • 电邮营销: Squarespace 提供自己的电子邮件营销工具作为附加服务,但需额外付费。 您可以使用它来设计自己的电子邮件、与客户联系、宣布销售和促销活动等。您还可以通过销售付费新闻通讯来通过电子邮件获利。
  • 成员: 创建为客户提供独家内容的会员区。 

这绝不是一份详尽的清单 Squarespace的功能,但由于篇幅限制,我们试图坚持头条新闻。 

Webflow 产品功能

流体发动机与 Webflow

Webflow 将其网站创建过程分为三个简单的步骤:

  1. 建立和定制您的网站
  2. 优化它以促进增长
  3. 扩展您的业务

考虑到这一点,我们在下面列出了一些 Webflow最显着的特点:

  • 无需编写任何代码即可构建代码驱动的网站: Webflow 提供对您网站代码的完整访问权限,包括 HTML5、CSS3 和 Javascript。 但是,它不需要您触摸它们中的任何一个。 相反,您可以将每个元素放置在您希望它出现在页面上的位置并自定义它,但是您 wish. 您可以使用数十种设计选项。 例如,全局可重用符号、设计图层、色板、排版定制等。 
  • 内容管理: 手动或从 CSV 文件创建内容,或 Webflow API。 如果您是代理机构,您可以授予客户访问内容管理系统的权限。 您还可以将作者的输入内容直接输入您网站的前端以供您查看。 
  • 交互管理工具: 创建与鼠标移动相关的复杂滚动和视差动画。 例如,您可以显示多步动画,例如入口移动、Lottie 动画(矢量图形动画)、滑块面板变化、倾斜、边框颜色变化、缓动等。
  • 成员: 您可以销售免费、付费的会员资格,或向客户提供分级定价。 
  • 强大的搜索引擎优化: 享受对您的 SEO 标记的完全控制——将模式标记添加到您网站的代码中,可以让搜索引擎快速理解并相应地对您的内容进行排名。 您还可以编辑元标题和描述,自动 站点地图,并启用强大的 301 重定向。 Webflow 还允许您更改图像 alt 标签,并为每个标签提供高速性能和 SSL 安全性 Webflow 您创建的网站。
  • 网站自动化: Webflow的逻辑功能目前处于测试阶段。 此工具允许您根据表单提交创建新的 CRM 潜在客户,将潜在客户发送给站点协作者,并根据用户的站点活动发送通信。 此外,Logic 会立即将您的网站表单提交存储在您的 CMS 中,并根据您的任何更新/更改更新外部数据库 Webflow CMS。
  • 协作工具: 创建自定义用户权限以共享访问您的 Webflow 客户和客人的帐户。 在协作方面,您和您的团队成员可以直接编辑您的网站。 此外,当协作者进行更改时,您可以查看已更改的内容并实时查看谁在处理什么,例如 Google 文档,这样您就不会互相干扰。
  • 电子商务: Webflow 带有完全可定制的结帐和交易电子邮件。 但我们会介绍 Webflow的电子商务功能在下面更详细!

喜欢 流体发动机,这不是一个详尽的列表 Webflow的特点。 相反,我们刚刚强调了一些 Webflow最突出的功能。 

一只猫爬梯子的插图

流体发动机与 Webflow: 他们的电子商务功能

流体发动机

流体发动机与 Webflow

正如我们已经暗示的那样,Fluid Engine 和 Webflow 拥有一系列不错的内置电子商务功能:

 流体发动机, 您可以销售无限量的实体和数字产品、服务和订阅。 您甚至可以将其与您的 POS 系统集成,以同步您进行的任何实体销售。

您只需从其中一个开始 Squarespace的漂亮电子商务模板,然后从那里开始。 您可以为客户提供各种运输选项,包括统一运费、基于重量的运费和实时运费。 Squarespace 还可以在结账时自动计算客户的销售税,允许购物者创建客户帐户、留下产品评论,甚至将商品添加到 wish列表。 此外,您可以使用 Squarespace的废弃购物车恢复功能、创建促销弹出窗口和横幅、提供折扣和销售礼品卡。

至于支付网关, Squarespace 接受信用卡、Stripe、 贝宝支付 (Paypal)及 Square (用于 POS 销售)。 

Squarespace 还提供了一个移动应用程序,使您能够随时随地管理您的商店。 

Webflow

流体发动机与 Webflow

Webflow,另一方面,使您能够创建一个完全品牌化的在线商店,包括可定制的 checkout pages。 相比之下,Fluid Engine 只允许您更改整体背景颜色、文本和按钮颜色 checkout page,而 Webflow 让您完全控制设计。 

喜欢 Squarespace,您可以销售任何产品,包括数字、实体、服务和会员资格。 此外, Webflow 提供多种方式来展示您的产品,包括产品功能模块、画廊和具有可自定义字段的产品页面。 您还可以自定义配送区域、创建配送规则、自动化包裹跟踪,并为客户提供更广泛的支付网关选择,包括信用卡、Stripe、Apple Pay、Google Pay 和 PayPal。

如果您正在进行促销活动,您可以在原始成本旁边显示降低的销售价格。 此外,您还可以与您在线销售的其他地方集成,例如 Facebook、Instagram 和 Google。

Webflow 还允许您完全自定义和自动化交易电子邮件。 将来,还会有客户帐户,您将能够查看客户订单历史记录。

如果您是为客户提供电子商务解决方案的代理机构或自由职业者, Webflow 带有一个客户友好的订单管理仪表板。 这使得可能不精通技术的客户可以轻松地从直观的界面管理他们的订单。

获胜者:流体发动机(Squarespace)

以上皆是 Webflow 和 Squarespace 提供出色的电子商务功能。 然而,我们认为 Squarespace 是更好的一揽子交易。 总体而言,它的电子商务功能更加直观和用户友好。 更何况, Webflow 不 目前 使您的客户能够创建自己的帐户——除非您愿意自己编写此功能的代码。

一只猫爬梯子的插图

流体发动机与 Webflow: 设计和界面

Squarespace

流体发动机与 Webflow

Squarespace 一直是设计师和艺术家的出色网站编辑器。 尤其是因为它设计精美的模板和强大的图像编辑器。 一些值得注意的设计功能包括上传和显示全幅图像的能力以及使用过滤器、饱和度、对比度、裁剪等编辑图片的能力, 

Squarespace 还会自动调整图像大小以优化它们的速度和存储。  

但在流体发动机之前, Squarespace 缺乏与 Webflow. Webflow 在完全开放的网格上操作,元素可以放置在您想要的任何位置。 相比之下, Squarespace 曾经有一个部分编辑器,其中元素只能捕捉到选定位置。

然而,多亏了流体引擎,情况发生了变化! 现在您可以将元素拖放到您喜欢的任何地方。 您可以根据网格捕捉它们以获得像素完美的结果,也可以自由形式并在自定义的有机位置移动元素。 还有更多可用的设计选项。 例如,您可以沿着波浪放置排版并更改曲率,编辑元素的边距和填充,并添加渐变 - 仅举几例! 您还可以对元素进行分层,轻松地在页面上向后或向前移动它们。 

Fluid Engine 还具有移动编辑模式,因此您可以查看您的网站在其他设备上的外观,并相应地进行拖放调整。

Webflow

流体发动机与 Webflow

正如我们已经说过的 Webflow的编辑器一直非常灵活。 谁知道? 它可能启发了新的流体引擎! 

像流体引擎一样,具有 Webflow,您可以在灵活的网格上自由定位元素,以获得像素完美的结果和高度可定制的设计。 此外,您可以编辑网站上的图层,允许您将元素放置在其他元素之上或之下。

然而, Webflow 带有一些受老式网站编码和设计时代启发的额外设计功能,包括在 Adob​​e 中模拟设计的能力。 您还可以编辑元素的不透明度并应用混合模式以获得令人惊叹的效果。 此外,您可以修改元素的内边距和边距,添加各种边框,并通过行高、跟踪、粗细等选项对排版进行高级控制。

你设计的一切 Webflow 拥有干净的语义代码,您可以随时导出或交给开发人员。 因此,那些喜欢视觉设计的人和喜欢编码的人可以携手合作。 

您还可以使用原始的无样式 HTML 元素(如网格、滑块、选项卡、部分、 dividers,等等。 然后,创建可重复使用的符号并将它们放置在您的站点周围。 当您编辑符号时,它会在您使用它的任何地方应用更改,从而实现快速且连贯的设计更改。 您还可以决定调色板并在整个页面中一致地使用它们,只需在编辑器中更改确切的色板即可对其进行编辑。 

Squarespace 仍然没有易于重用的全局元素。 虽然您可以设置部分颜色主题,但这需要大量工作并且仍然不如直观 Webflow.

像流体发动机一样, Webflow 让你设计 desktop、平板电脑或移动模式。

赢家: Webflow

流体引擎从那时起就突飞猛进 Squarespace的原编辑。 但总的来说,我们认为 Webflowl 提供更多可定制性和高级功能。 例如,原始 HTML 元素、全局样式和混合模式。

但是,假设您正在寻找具有强大网页设计功能的用户友好体验。 在这种情况下,Fluid Engine 可能是更好的一揽子交易。

尽管如此,如果您仅比较设计功能, Webflow 以微弱优势获胜。

一只猫爬梯子的插图

流体发动机与 Webflow: 价钱

流体发动机定价

就像现在的流体引擎一样 Squarespace的默认编辑器,上面讨论的所有功能都包含在 Squarespace的标准定价。 因此,您无需支付额外费用即可访问 Squarespaces 的新网站建设者。

Squarespace 有四个定价计划,您可以通过选择按年计费来节省高达 29% 的费用(如下所述):

流体发动机与 Webflow

Personal

每月 16 美元,您将获得:

  • 一年的免费自定义域
  • SSL安全
  • 无限带宽
  • 30分钟的视频存储
  • 所有类型 Squarespace的搜索引擎优化功能
  • 博客和投资组合模板
  • 24 / 7客户支持
  • 网站访问量、流量来源、访问者地理位置和网站路径、热门内容等基本网站指标
  • 基础 Squarespace TaxJar、QuickBooks 等扩展 Printful, Spocket、Mailchimp、Outfy、Shippo 等
  • 您可以注册两个贡献者

的业务范围

每月 23 美元,您可以获得个人计划中的所有内容,以及:

  • 无限贡献者
  • 高级集成和块,例如餐厅预订和预订、潜在客户生成等
  • 一年免费的专业 Google 电子邮件帐户
  • 通过访问您网站的 CSS 和 javascript 完成自定义
  • 高级网站分析,例如销售和转化指标
  • 您可以创建促销弹出窗口和横幅
  • 完全集成的电子商务功能,只需 3% 的交易费
  • 您可以出售无限的产品并接受捐赠
  • 您可以创建和销售礼品卡

基础商务

每月 27 美元,您可以获得以上所有内容,以及:

  • 0%交易费用
  • 您可以集成您的 POS。 
  • 客户可以在您的网站上留下产品评论。
  • 网站访问者可以创建客户帐户。
  • 您可以在自己的域上托管结帐。
  • 强大的电子商务分析,包括畅销产品、销售趋势、从客户首次访问到购买的转化监控等
  • 展示相关产品的能力和客户可以将产品添加到 wish列表。 您还可以通过批量电子表格编辑来编辑您的库存。
  • 您可以使用“有限可用性”标签在产品页面上营造紧迫感。
  • 您可以通过 Instagram 销售产品。

高级商务

最后,以每月 49 美元的价格,您可以获得之前计划的所有内容,以及:

  • 您可以出售订阅。
  • 您可以启用废弃的购物车恢复。
  • 访问高级运输(自动计算您选择的运输提供商的实时费率)
  • 访问高级折扣功能(自动将折扣应用于符合条件的订单或限制使用中的折扣)
  • Commerce API(为您的电子商务需求构建自定义集成)

Webflow 定价

Webflow 为不同类型的客户提供灵活的定价,包括divi双重身份,企业和机构。 免费计划使您可以花费尽可能长的时间来设计您的网站。 您还可以获得 50 个 CMS 项目和 1GB 带宽。 然后,当您想在网络上实时发布时,您可以升级到付费计划。 

场地平面图适合任何想要加入的人divi双站点。 它们包括安全和托管支持, Webflow的 CMS 和表单管理。 

共有三个场地平面图; 同样,以下报价基于年度计费:

流体发动机与 Webflow

基础

每月 14 美元,您将获得:

  • 50GB带宽
  • 每月最多25,000次访问
  • 区域 CDN
  • 100静态页面
  • 您可以使用密码保护页面
  • 您可以设置 301 重定向
  • 您可以添加自定义代码
  • 每月500表单提交
  • 无限的网站备份

值得注意的是,此计划不附带任何 CMS 功能。

CMS

每月 23 美元,这个计划更适合博主和内容驱动的网站。 您可以获得基本计划中的所有内容,以及:

  • 您可以注册三位客座编辑
  • 每月最多100,000次访问
  • 200GB带宽
  • 每月1,000表单提交
  • 您可以将“站点搜索”功能添加到您的网站
  • 访问 Webflow的 CMS 包含 2,000 个项目

的业务范围

每月 39 美元的商业计划适用于流量较高的网站。 你得到了上面的一切,加上:

  • 十位客座编辑
  • 250,000每月访问量
  • 全球CDN
  • 400GB带宽
  • 每月1,000表单提交
  • 10,000 CMS项目

接下来, Webflow的工作空间计划适用于希望同时协作和管理多个站点的团队。 这些套餐最适合拥有小团队的自由职业者和代理机构。 使用工作区计划,您可以将站点转移到其他工作区并分配团队成员角色和帐户访问权限。

在免费工作空间计划中,您只能获得一个席位(用户)和两个非托管站点。

有两种高级工作空间计划:

核心

每个座位每月 19 美元,您可以获得:

  • 最多三个座位
  • 十个非托管站点
  • 确保只有工作区管理员和所有者可以编辑帐单详细信息和订阅
  • 编辑自定义代码,就像使用站点计划一样 
  • 导出您的代码

事业发展

每个席位每月 49 美元,您可以获得核心计划中的所有内容,以及:

  • 最多九个座位
  • 无限的非托管网站
  • 您可以设置发布权限
  • 网站密码保护

还有一个企业计划可用。 但是,您必须联系 Webflow的销售团队获取定制报价。 这增加了额外的支持选项,例如专门的成功经理和更多席位。

但我们还没有完成!

解锁电子商务 Webflow,您必须选择加入电子商务计划。 电子商务计划分为三种:

流体发动机与 Webflow

标准

每月 29 美元,您可以获得 CMS 计划中的所有内容,以及:

  • 列出 500 件待售物品
  • 您进行的销售的 2% 交易费
  • 年销售额最高 50 万美元
  • 可定制的结账和购物车
  • 可定制的交易电子邮件
  • Facebook、Instagram 和 Google 集成
  • 您可以配置手动购物规则,例如为每个位置设置自定义费率和定义运输区域。
  • 您可以注册三个员工帐户

每月 74 美元,您可以获得商业计划中的所有内容,以及:

  • 您可以列出 1,000 个项目 
  • 没有交易费用
  • 年销售额高达 200 万美元
  • 您可以发送无品牌的电子邮件
  • 十个员工账户

高级

最后,以每月 212 美元的价格,您可以获得 Plus 计划中的所有内容,以及:

  • 您最多可以列出 3,000 个项目 
  • 年销量不限
  • 您可以注册15个员工账户

赢家: 流体发动机 (Squarespace)

而 Webflow的免费计划非常适合任何想与编辑器一起玩的人,我们认为 Squarespace 整体提供更好的定价。 这些程序更实惠,解锁完整 电子商务功能更少。 此外, Squarespace 不会限制您的资源或强迫您根据销售额升级到更高的计划。

也, Squarespace,因此 流体发动机的定价,更直接!

一只猫爬梯子的插图

流体发动机与 Webflow: 客户支持

流体发动机支持

流体发动机与 Webflow

Squarespace 通过电子邮件提供 24/7 全天候支持和 Twitter. 最重要的是,支持通过 Facebook Messenger 他们网站的实时聊天在一周的大部分时间都可用。 

Squarespace 还拥有广泛的在线知识库,您可以在其中找到大量文章、视频教程、网络研讨会以及访问社区论坛。

Webflow 支持

流体发动机与 Webflow

Webflow 提供广泛的在线自助资源,包括博客、电子书、开发者论坛、开发者文档和 Webflow 大学,在那里你会找到成熟的课程。

Webflow的支持团队可通过实时聊天或电子邮件联系,周一至周五有空。 您通常会在 24-48 小时内收到回复。

获胜者:流体发动机

Squarespace 拥有更快的响应时间,并拥有广泛的知识库供您阅读。

一只猫爬梯子的插图

流体发动机与 Webflow: 哪个网页编辑器适合您?

Squarespace 长期以来一直是设计师的最爱。 然而,它最显着的缺点是其部分编辑器施加的限制。 现在, Squarespace 用流体引擎解决了这个问题。 

因此,假设您正在寻找具有强大博客、搜索引擎优化和电子商务功能的一体化解决方案。 在这种情况下, 流体发动机 可能适合你。 

然而, Webflow 对于非常先进的设计功能,可能是更好的选择。 此外,由于其协作功能,它可能更适合自由职业者和小型机构。

就是这样,对于这个流体引擎 vs Webflow 比较; 在下面的评论中让我们知道您的想法!

Rosie Greaves

Rosie Greaves 是一位专业的内容策略师,专攻数字营销、B2B 和生活方式的方方面面。 她在制作高质量内容方面拥有超过三年的经验。 看看她的网站 罗西的博客 获取更多信息.

注释 0回应

发表评论

您的电子邮件地址将不会被公开。 必填 *

评分 *

本网站使用Akismet来减少垃圾邮件。 了解您的数据如何处理.

shopify 弹出新的
shopify Light modal wide - 此独家优惠到期