您应该使用 Webflow 吗?网站建设者功能、主题和成本回顾

in 网站建设者

我们的内容是读者支持的. 如果您点击我们的链接,我们可能会赚取佣金。 我们如何审核.

Webflow 是 over 使用的受人尊敬的网站设计平台 全球 3.5 万客户。 无论您是经验丰富的专业人士还是刚刚起步,这篇 Webflow 评论都会让您深入了解这个无代码网站建设平台的特性和功能。

每月 14 美元起(按年支付并享受 30% 的折扣)

开始使用 Webflow - 免费

那里有数百个网站建设者。 每个都适合不同的观众。 Webflow 已将自己坚定地定位为专业设计师、机构和企业达到企业级的首选软件。 

1 年排名第一的无代码网站建设者
Webflow 网站建设者
每月 14 美元起(按年支付并享受 30% 的折扣)

告别传统网页设计的局限性,迎接 Webflow 的多功能性和创造性。 Webflow 通过允许设计人员和开发人员创建独特的自定义网站而无需编写任何代码,正在改变网站和电子商务构建游戏。 凭借其用户友好的可视化界面和强大的功能,Webflow 是构建动态、响应迅速且具有视觉吸引力的网站的完美解决方案。

关键要点:

Webflow 提供了大量的定制自由和对网站设计的控制,包括 HTML 代码访问和导出,使其成为客户工作的绝佳选择。

Webflow 大学提供了大量支持材料,但该工具可能不适合初学者,需要掌握技术知识。

由于许多不同的计划和选项,定价可能会令人困惑,并且一些高级功能受到限制或尚未集成。 但是,Webflow 保证了较高的正常运行时间水平。

事实上,它有一系列令人印象深刻的工具和功能,使用起来很愉快—— 只要你知道自己在做什么。 

我不是网页设计专家,所以让我们看看我是如何处理这个平台的。 任何人都可以使用 Webflow 吗? 还是最好留给专家? 让我们找出来。

TL;DR:Webflow 拥有一系列很棒的工具和功能,可以创建令人惊叹、性能快速的网站。 但是,它面向设计专业人士而不是普通人。 因此,该平台需要一个陡峭的学习曲线,并且对某些人来说可能过于庞大。

Reddit 是了解更多有关 Webflow 的好地方。 这里有一些我认为您会感兴趣的 Reddit 帖子。 查看它们并加入讨论!

利与弊

首先,让我们通过快速概述 Webflow 的优缺点来权衡利弊:

Webflow的优点

  • 提供有限的免费计划
  • 对设计的大量控制和创意指导 
  • 令人印象深刻的动画功能
  • 专为承受业务扩展和企业而构建
  • 具有高档设计的模板选择得当
  • 新的会员功能看起来很有前途

Webflow缺点

计划和定价

webflow 定价和计划

Webflow 有五个可供一般使用的计划:

  • 免费计划: 限时免费使用
  • 基本计划: 每年收费 14 美元/月起
  • 内容管理系统计划: 每年收费 23 美元/月起
  • 商业计划: 每年收费 39 美元/月起
  • 企业: 定制定价

Webflow 也有专门针对电子商务的价格计划:

  • 标准计划: 每年收费 24 美元起
  • 加号方案: 每年收费 74 美元/月起
  • 进阶计划: 每年收费 212 美元/月

如果您的 Webflow 帐户需要额外的用户席位,这些 费用从 16 美元/月起, 取决于您的要求。 

促销

开始使用 Webflow - 免费

每月 14 美元起(按年支付并享受 30% 的折扣)

计划 Type每月费用每月费用每年计费用于
自由的 一般使用自由的自由的限制使用
基础 一般使用$18$14简单的网站
CMS 一般使用$29$23内容网站
企业一般使用$49$39高流量网站
企业一般使用定制定制可扩展站点
普通电子商务$42$29新业务
Plus电子商务$84$74高音量 
高级电子书电子商务$235$212缩放
以下价格是所选计划费用之外的价格
启动级内部团队自由的自由的新手
核心 内部团队每个座位$ 28每个座位$ 19小团队
事业发展内部团队每个座位$ 60每个座位$ 49成长中的团队
启动级Freelancers和机构自由的自由的新手
FreelancerFreelancers和机构每个座位$ 24每个座位$ 16小团队
活动机构Freelancers和机构每个座位$ 42每个座位$ 36成长中的团队

有关 Webflow 定价的更详细分类,请查看我的 深度文章在这里.

每年支付可为您节省 30% 与每月支付相比. 由于提供免费计划,因此没有免费试用。

重要提示: Webflow确实 并非 提供退款,并且有 没有退款保证 在最初支付计划费用后。

突出特点

webflow主页

现在让我们为这个平台好好赚钱,然后陷入困境 Webflow 是做什么的 及其功能,看看它们是否 值得所有的炒作。

促销

开始使用 Webflow - 免费

每月 14 美元起(按年支付并享受 30% 的折扣)

网页流模板

一切都从一个模板开始! Webflow 有精选的免费预建模板 为您完成所有图像、文本和颜色。 如果你想升级设计,你也可以 选择付费模板。

模板的成本从大约 20 美元到超过 100 美元不等,并且可用于许多不同的业务领域。

webflow 空白入门模板

但这是我最喜欢的。 几乎所有网站建设者都没有中间立场。 您可以从一个全能载歌载舞的预建模板或一个空白页面开始。 

空白页可能是一个困难的起点,特别是如果您是初学者,并且 预制模板 很难看出它如何与您的审美相协调。

Webflow 找到了中间立场。 该平台具有投资组合、业务和电子商务网站的基本模板。 结构在那里,但它没有充满图像、颜色或任何其他分散注意力的东西。

这使得可视化和 创建您的网站 而不会被已经存在的东西所迷惑。

Webflow 设计器工具

网络流设计器工具

现在,对于我最喜欢的部分,编辑工具。 我决定在这里使用预建模板并在编辑器中启动它。

马上, 我收到了一份清单,上面列出了我需要完成的所有步骤 让我的网站发布准备就绪。 我认为这对于那些刚接触该软件的人来说是一个很好的接触。

webflow 创建网站清单

接下来,我陷入了编辑工具,这就是时刻 提供的选项之多让我大吃一惊。

该工具具有通常的 拖放界面 您可以在其中选择所需的元素并将其拖到网页上。 单击一个元素会打开屏幕右侧的编辑菜单和左侧的导航菜单。 

这是它变得非常详细的地方。 在屏幕截图中,您只能看到编辑菜单的一小部分。 它实际上向下滚动以显示一个 疯狂的 编辑选项的数量。

每个网页元素都有这种类型的菜单,而且还不止于此。 每个菜单还有 顶部的四个标签 显示进一步的编辑工具。

现在,不要误会我的意思。 这不是消极的一点。 已经习惯于网站建设软件和专业网页设计师的人会陶醉于 他们拥有的控制权,因为它允许完全的创作自由。

另一方面,我已经可以看出这是 对于初学者来说不是一个好的选择 因为您必须做什么以及如何做并不是很明显。

网络流量编辑工具

我不会详细介绍这个平台上每个可用编辑工具的细节,因为我们整个星期都会在这里。

如需完整的功能列表,请立即访问 webflow.com 网站。

我只想说, 它很先进,拥有您可能需要的一切,即使是最注重细节的设计师也能满意。 

但是,我将在这里指出一些值得注意的功能:

  • 自动审计工具: Webflow 可以随时审核您的网站。 它将突出显示可以提高页面可用性和性能的机会。
  • 添加交互触发器: 该工具可让您创建触发器,当鼠标悬停在特定区域时,触发器会自动执行操作。 例如,您可以设置要显示的弹出窗口。
  • 动态内容: 无需手动更改或更新多个网页上的元素,您可以在单个页面上更改它们,并且更改将应用​​到所有地方。 例如,如果您有数百篇需要更改的博客文章,这将很有用。
  • CMS 集合: 这是一种组织数据组的巧妙方法,因此您可以控制和编辑动态内容。
  • 资产: 这是您的图像和媒体库,您可以在其中上传和存储所有内容。 我喜欢这个,因为它看起来像 Canva 的资产工具,并且可以很容易地滚动浏览以找到您需要的东西,同时保留在编辑页面上。
  • 分享工具: 您可以共享指向该站点的可见链接以获取反馈或邀请具有编辑链接的协作者。
  • 视频教程: Webflow 知道它是一个全面的工具,我不得不说,它的教程库内容广泛且非常容易上手。 另外,它们可以直接在编辑工具中访问,非常方便。

网络流动画

网络流动画

当你可以拥有时,谁想要无聊的静态网站 华丽、动态和动画的网页?

Webflow 使用 CSS 和 Javascript 允许设计人员创建复杂且运行流畅的动画,而无需 没有编码知识 任何。

此功能超出了我自己的网页构建能力,但精通网页设计的人会 有一个野外日 尽其所能。

例如, Webflow 将让您创建 滚动动画,例如视差、显示、进度条等。 动画可以应用于整个页面或单个元素。

我喜欢看网站 他们的动态运动。 它们是吸引人们注意力或让他们在您的网站上逗留更长时间的好方法。

它们还是提示某人单击特定元素或执行所需操作的绝佳工具。

Webflow电子商务

Webflow电子商务

Webflow 是为电子商务完全设置的(并且有相应的价格计划),你可能会猜到这个功能是 与其网络构建工具一样全面。

事实上,电子商务功能是通过网络编辑界面访问的,允许您 做一个专门的电子商务应用程序会做的一切:

  • 为实体或数字产品设置商店
  • 批量导出或导入产品列表
  • 创建新产品、设置价格和编辑详细信息
  • 将产品组织到特定类别中
  • 创建定制的折扣和优惠
  • 添加自定义交付选项
  • 追踪所有订单
  • 创建基于订阅的产品(目前处于测试模式)
  • 创建自定义购物车和结帐
  • 自定义交易电子邮件

对于收款,Webflow 直接与 条纹,苹果支付, Google 支付和贝宝。

老实说,我发现这个列表有些局限,尤其是与其他网络构建平台相比。 

虽然你 能够 使用 Zapier 与其他支付提供商连接,这更复杂并且会花费更多,尤其是当您看到高销量时。

促销

开始使用 Webflow - 免费

每月 14 美元起(按年支付并享受 30% 的折扣)

Webflow 会员资格、课程和限制内容

Webflow 会员资格、课程和限制内容

卖课程是 现在热门, 因此,网站建设者正在努力跟上这一趋势。 Webflow 似乎已经流行起来,因为他们现在有一个 会员功能 目前处于测试模式。

Webflow 会员资格为您提供了一种方式 为某些内容创建付费专区 在您的网站上,创建 会员门户,并提供基于订阅的内容。

据我了解,您在网站上为受限内容创建页面,然后使用仅限会员访问的页面“锁定”它们。 在这里你可以 品牌一切, 创建自定义表单并发送个性化的交易电子邮件。

由于此功能处于测试模式,它肯定会随着时间的推移而扩展和改进。 随着它的进展,这绝对是值得关注的事情。

Webflow 安全和托管

Webflow 安全和托管

Webflow 不仅仅是一个网站建设工具。 它还具有 h 的能力ost 您的网站并提供高级安全功能。 

这使得该平台成为 一站式服务和 无需您从第三方平台购买托管和安全。 我喜欢方便,所以这对我很有吸引力。

Webflow托管

Webflow托管

在托管方面,Webflow 拥有 其网站的 A 级性能和 1.02 秒加载时间。

托管是通过其提供的 一级内容分发网络 随着 亚马逊网络服务和 Fastly。 除了一流的性能,Webflow 的托管还为您提供:

  • 自定义域名(免费计划除外)
  • 自定义 301 重定向
  • 元数据
  • 免费SSL证书
  • 每日备份和版本控制
  • 每页密码保护
  • 内容分发网络 (CDN)
  • 自订表格
  • 网站搜索
  • 视觉设计与发布平台
  • 零维护

网络流量安全

网络流量安全

Webflow 绝对重视安全性,因此您可以确信您的 网站和所有数据都保持安全 在每个阶段。

该平台根据以下内容映射其安全程序 ISO 27001 和 CIS 关键安全控制 和其他行业标准。

以下是您可以期待 Webflow 的所有安全功能:

  • 符合 GDPR 和 CCPA 标准
  • Stripe 认证的 1 级服务提供商 
  • Webflow 本身的全面数据安全和人员筛选
  • 双因素认证
  • G Suite 的 SSO 功能
  • 单一登录
  • 基于角色的权限
  • 基于云的客户数据存储
  • 完全加密的数据传输

Webflow 集成和 API

Webflow 集成和 API

Webflow有一个 相当数量的应用程序和直接集成 为您提供更大的控制力和灵活性。 如果平台不支持直接集成,可以 使用 Zapier 连接您最喜欢的工具和软件应用程序。

您可以找到以下应用程序和集成:

  • 营销
  • 自动化
  • 数据分析
  • 付款处理器
  • 租客套餐
  • 电子商务
  • 电邮托管
  • 社交媒体
  • 本地化工具等

如果找不到您需要的应​​用程序,您可以 要求 Webflow 创建自定义应用程序, 特别适合您(此处需支付额外费用)。

网流客服

网流客服

Webflow 是一个巨大的平台,因此您会期望它为其订户提供体面的客户服务。 

然而,Webflow 让自己失望了。 没有实时支持 – 甚至不在顶级价格计划中。 与支持代表联系的唯一方法是发送电子邮件 即便如此,响应时间也很差。 

网络上的报道声称 Webflow 平均需要长达 48 小时 回应客户查询。 这不是很好,特别是如果您要遵守客户的最后期限。

不过,Webflow 确实在这方面赢回了几分,这要归功于它的大学。 这个庞大的学习图书馆是 完整的课程和培训视频 教您如何正确使用平台。

不过,如果站点出现故障或您遇到问题,这对您没有帮助。 让我们希望 Webflow 在不久的将来引入更好的支持选项。

促销

开始使用 Webflow - 免费

每月 14 美元起(按年支付并享受 30% 的折扣)

Webflow 网站示例

webflow网站示例

那么,Webflow 发布的网站实际上看起来如何? 您只能从模板中获得这么多,因此查看实时示例网站是感受 Webflows 功能的好方法。

首先,我们有 https://south40snacks.webflow.io,一家生产坚果和种子零食的公司的示例网站(上图)。

这是一个 华丽的网站 和一些 很酷的动画来吸引你的注意力 (让你饿了吃零食!)。 布局和设计精湛,一切运行顺畅。

webflow网站的例子

接下来是 https://illustrated.webflow.io/. 首先,您会看到一个 停播动画,但是当你滚动时,你有一个 干净,精美的布局 感觉引人注目但有条理。

每个页面加载速度都很快,嵌入的视频运行起来就像做梦一样。

使用 webflow 构建的网站

https://www.happylandfest.ca/ 展示了一个节日的示例网站,并以 覆盖文字的视频剪辑。

当您滚动时,您将浏览图像库和有关该事件的其他信息。 它旨在立即吸引您的注意力,而且效果非常好。

查看 Webflow 站点的更多示例。 检查出来这里.

比较 Webflow 竞争对手

正如我在这篇评论中所解释的那样,Webflow 以其高级功能和灵活性而闻名,这使其成为希望更好地控制其网站外观和功能的设计师的热门选择。 但是,还有其他平台。 以下是 Webflow 与其一些顶级竞争对手的比较:

  1. Squarespace: Squarespace 是一个流行的网站构建器,提供一系列模板和设计选项,用于创建具有专业外观的网站。 Squarespace 对于初学者来说更容易,而 Webflow 为经验丰富的设计师提供了更多的自定义选项和高级功能。
  2. 维克斯: 维克斯 是一个用户友好的网站构建器,具有用于创建网站的拖放界面。虽然它比 Webflow 对初学者更友好,但它的自定义选项较少,并且可能不适合更复杂的网站。
  3. WordPress: WordPress 是一种广泛使用的内容管理系统 (CMS),可为网页设计人员提供许多灵活性和自定义选项。 虽然它比 Webflow 更复杂,但它提供了对网站设计和功能的更多控制。
  4. Shopify商铺: Shopify商铺 是一个流行的电子商务平台,允许用户创建在线商店。虽然它不是 Webflow 的直接竞争对手,但值得注意的是,Webflow 确实提供了电子商务功能,对于寻求兼具设计和电子商务功能的网站的小型企业来说可能是一个不错的选择。

总的来说,Webflow 以其先进的功能和灵活性在其竞争对手中脱颖而出,使其成为经验丰富的网页设计师寻找可完全自定义其网站外观和功能的平台的理想选择。

问题解答

我们的判决⭐

1 年排名第一的无代码网站建设者
Webflow 网站建设者
每月 14 美元起(按年支付并享受 30% 的折扣)

告别传统网页设计的局限性,迎接 Webflow 的多功能性和创造性。 Webflow 通过允许设计人员和开发人员创建独特的自定义网站而无需编写任何代码,正在改变网站和电子商务构建游戏。 凭借其用户友好的可视化界面和强大的功能,Webflow 是构建动态、响应迅速且具有视觉吸引力的网站的完美解决方案。

毫无疑问,Webflow 可以匹敌 WordPress 因为它提供的编辑工具、集成和功能的数量之多。 我认为它是网页设计专业人士、企业级企业和设计机构的完美选择。

事实上,该平台有很多价格计划,让您 发展和扩展您的网站 符合您的业务。 我只希望我有专业知识(和时间)来充分了解这个平台。

不过, 为新用户提供更好的平台 以及想要一个基本的、简单的网站的人。 例如,单页商业网站、个人简历网站和普通博主会发现 Webflow 过于复杂,可能更喜欢一些更基本的东西,比如 维克斯, Site123 or 怀疑.

最近的改进和更新

Webflow 不断改进其 CMS,提供更多特性和功能。以下是最近的一些改进(上次检查时间为 2024 年 XNUMX 月):

  • 代码块元素:一项新功能,可在任何页面上显示特定于语言的代码片段。
  • 单个 CMS 项目的批量字段翻译:只需单击一下即可在辅助语言环境中翻译整个 CMS 项目。
  • 富文本元素中的 Markdown 支持:添加了使用 Markdown 在富文本元素中进行格式化的功能。
  • 重新排序组件属性:允许用户重新排序组件属性以适合其工作流程。
  • 面向所有客户的本地化:现在所有客户都可以使用本地化功能,并免费预览基本功能。
  • 指针事件控制:此更新通过将指针事件设置为无来帮助管理网站上的重叠元素。
  • 自定义元素:用户现在可以向元素添加任何 HTML 标签或自定义属性,从而释放 HTML 的全部潜力。
  • 设计测试的分支阶段:为在分支上测试设计提供单独的暂存环境,这对企业客户尤其有利。
  • 富文本元素改进:进行了增强,使富文本元素的构建更加灵活和高效。
  • 单个页面的 Noindex 控制:此 SEO 增强功能允许控制哪些页面包含在站点地图中并由搜索引擎索引。
  • 在导航器面板中右键单击:提高网站建设速度,现在只需在导航器中右键单击即可执行所有操作。
  • Webflow 的新外观和感觉:更新的用户界面提供了更集中的工作空间和现代设计。
  • 3D 样条场景:用户可以使用样条线场景在其站点中添加 3D 对象并为其制作动画。
  • 纵横比控制:在 Webflow Designer 中引入宽高比控制。
  • 使用变量设计系统编码:用于存储颜色、尺寸和版式等值的变量增强了设计的一致性和可扩展性。
  • 组件可用性改进:根据管理主组件还是使用组件实例构建来增强可用性。
  • 用于组件、变量和本地化的新 API:这些 API 支持开发人员构建强大的 Webflow 应用程序。
  • 转移场地计划:工作区管理员现在可以在站点之间传输站点计划,从而简化管理。
  • 新的内容编辑和评论者角色:通过设计器中的新角色来增强团队合作,以进行内容编辑和协作。
  • 管理自定义域:将自定义域连接到 Webflow 中的站点变得更加容易。
  • 网络流应用程序:推出下一代 Webflow 应用程序,与核心业务工具更深入地集成。
  • 开发者平台更新:开发者平台进行了重大更新,为构建产品创造更多机会。
  • 改进的发布工作流程:增强的暂存和发布工作流程(特别是对于企业客户而言)可以更好地控制网站更改。
  • 归档工作空间:工作区所有者现在可以从仪表板中删除工作区,而无需联系客户支持。
  • 班级管理的键盘快捷键:用于复制或删除元素上最后一个类的新快捷方式。
  • 文本换行和断字:控制文本换行的位置。
  • 改进 Figma 插件支持:增强了 Figma 中对自动布局和响应能力的支持,可轻松导入到 Webflow 中。
  • 跟踪站点活动日志中的内容更改:站点活动日志中 CMS 和静态页面内容更改的可见性。
  • 简化的发布权限:对每个工作区成员的发布权限进行精细控制。
  • 通过设计器中的评论进行集中反馈:直接在设计器中共享、审查和解决反馈。
  • 快速堆叠元素:一个新元素,可通过画布上的控件和布局预设来加快构建过程。

回顾 Webflow:我们的方法论

当我们审查网站建设者时,我们会关注几个关键方面。我们评估该工具的直观性、功能集、网站创建速度以及其他因素。主要考虑因素是网站设置新手的易用性。在我们的测试中,我们的评估基于以下标准:

  1. 定制:构建器是否允许您修改模板设计或合并您自己的编码?
  2. 用户友好:导航和拖放编辑器等工具是否易于使用?
  3. 物有所值: 是否可以选择免费计划或试用?付费计划是否提供了物有所值的功能?
  4. 安保行业:构建者如何保护您的网站以及有关您和您客户的数据?
  5. 模板:模板质量高、现代且多样化吗?
  6. 支持:是否可以通过人际互动、人工智能聊天机器人或信息资源随时获得帮助?

了解我们的更多信息 在这里审查方法.

促销

开始使用 Webflow - 免费

每月 14 美元起(按年支付并享受 30% 的折扣)

什么是

一个Webflow

客户所想

Webflow:网站设计和用户体验的游戏规则改变者

2023 年 12 月 29 日

Webflow 超出了我的预期。它不仅仅是一个创建网站的工具;这个平台使您能够轻松、时尚地将您的创意愿景变为现实。我强烈推荐 Webflow 给任何想要建立一个在功能和美观方面都脱颖而出的网站的人。

凯瑟琳的头像
Catherine

提交评论

参考文献:

作者简介

马特阿尔格伦

马蒂亚斯·阿尔格伦 (Mathias Ahlgren) 是 Website Rating,领导一支由编辑和作家组成的全球团队。他拥有信息科学和管理硕士学位。在大学期间获得早期网络开发经验后,他的职业生涯转向了 SEO。在 SEO、数字营销和网络开发领域拥有超过 15 年的经验。他的重点还包括网站安全,网络安全证书证明了这一点。这种多元化的专业知识巩固了他在 Website Rating.

WSR团队

“WSR 团队”是由专门从事技术、互联网安全、数字营销和网络开发的专家编辑和作家组成的集体团体。他们对数字领域充满热情,创作出经过深入研究、富有洞察力且易于理解的内容。他们对准确性和清晰度的承诺使得 Website Rating 在动态数字世界中获取信息的值得信赖的资源。

Mohit Gangrade

莫希特是总编辑 Website Rating,他利用自己在数字平台和另类工作生活方式方面的专业知识。他的工作主要围绕网站建设者等主题, WordPress和数字游牧生活方式,为读者在这些领域提供富有洞察力和实用的指导。

主页 » 网站建设者 » 您应该使用 Webflow 吗?网站建设者功能、主题和成本回顾

随时了解情况! 加入我们的时事通讯
立即订阅并免费访问仅限订阅者的指南、工具和资源。
您可以随时取消订阅。 您的数据是安全的。
随时了解情况! 加入我们的时事通讯
立即订阅并免费访问仅限订阅者的指南、工具和资源。
您可以随时取消订阅。 您的数据是安全的。
分享给...