2023 年 Webflow 与 Wix 您应该选择哪个?

已发表: 2021-07-07

Tooltester 受到像您这样的读者的支持。 当您通过我们的链接购买时,我们可能会赚取联属佣金,这使我们能够免费提供我们的研究。

想要在 Webflow 和 Wix 之间做出选择吗? 当双方存在如此多相互矛盾的意见时,这并不容易……

以我们网站上有关 Wix 的用户评论为例:“对于非编码人员来说,Wix 网站构建器无疑是最容易使用的

接下来是另一位用户的评论:“我不知道如何正确使用新的 Wix 博客。 这对用户来说根本不友好。

或者 Trustpilot 对 Webflow 的评价褒贬不一:“ Webflow 是可用的最好的 Web 工具,但它太贵了。

我们猜测这就是您来到这里的原因 - 寻找一些有助于将您推向正确方向的信息。

但事情是这样的:我们很难直接推荐其中一个,因为我们实际上非常喜欢两者!

无论 Webflow 还是 Wix 更适合您的项目,都取决于您想要构建的网站类型以及对您来说最重要的因素 - 无论是易用性、设计灵活性、额外功能、经济性还是其他方面。

因此,为了帮助您做出决定,让我们在每个最重要的类别中比较 Webflow 与 Wix。 运气好的话,您将能够更清晰地了解哪一个最适合您的网站!

Webflow 与 Wix:主要区别是什么?

Wix 是这两者中更知名、更受欢迎的网站构建器,已经存在了十多年。 由于其拖放编辑器、庞大的模板库和广泛的内置功能,它以易于使用而闻名。 它非常适合小型网站、博客和在线商店。 (您可以在此处阅读我们完整的 Wix 评论,还可以在此处查看一些 Wix 网站示例)。

尽管 Webflow 只出现了几年,但它已经在设计师和开发人员中建立了一批忠实的追随者。 这主要归功于它的无代码编辑器,它足够灵活,可以让您从头开始构建网站,并完全按照您的喜好进行自定义。 它的许多功能更接近内容管理系统(CMS),例如创建动态页面和数据库集合的能力。 简而言之,它是 WordPress 等更复杂的 CMS 的强大替代品,但可能并不适合所有人。

第一轮:易用性

当您获得易于使用的网站构建器时,您通常不得不在灵活性上做出妥协。 然而, Wix是例外之一。

Wix 拥有1,000 个模板和拖放编辑器,可让您完全自由地放置您喜欢的元素,是一款旨在帮助您快速上网的工具。

当然,需要一些尝试和错误才能适应,但如果您正在设置一个相对简单的网站,您将能够自己弄清楚其中的大部分内容。 另外,Wix 的知识库中有大量优质资源可以帮助您。

如果您想要一个(几乎)无需费力的更简单的解决方案,您可以使用 Wix 的人工智能网站制作工具(称为 Wix ADI )在几分钟内为您创建一个功能齐全的网站。 而且,您仍然可以获得大量的控制权来调整设计,因为您可以访问完整的编辑器。

虽然Webflow通常被描述为 WordPress 的“更易于使用”的替代品,但它仍然需要一些工作来熟悉。 一方面,视觉设计师看起来很像 Photoshop - 因此,如果多个面板和无尽的样式选项让您感到厌烦,最好避免使用这个!

网络流编辑器

Webflow 网站编辑器

虽然您确实不需要编码知识就能够使用 Webflow,但了解 HTML 和 CSS 的原理肯定会对您有利,因为可以使用这些语言完全自定义 Webflow 网站。

好消息是Webflow University中有大量资源,例如课程、教程和文章,这意味着您手头有大量帮助 – 只要您不介意花费额外的时间来查找它们。

获胜者:这是理所当然的! 维克斯赢得了第一轮比赛。

第二轮:设计和灵活性

我们真正喜欢 Wix 的地方之一是它的模板。 它们引人注目、现代,而且玩起来非常有趣。 无论您想要专业、简约、时尚还是艺术外观,您一定会在 Wix 令人印象深刻的模板集中找到一些东西。

维克斯模板

Wix 的一些模板

正如我们之前提到的,可视化 Wix 编辑器为您提供了很大的灵活性来自定义模板并更改颜色、字体、图像和布局。 但有一个限制。

Wix 的模板不能完全响应,通常需要进行一些调整才能在移动屏幕上正确显示。 事实上,默认情况下,文本和图像不是响应式的 - 您需要将它们与响应式元素(例如条带、列和图库)结合使用,以便让它们适应不同的屏幕尺寸。 这有点烦人,因为许多网站构建器(如 Squarespace)都带有默认移动响应的模板。

Webflow 采用了一种非常不同的设计方法。 它为您提供了三种不同的方式来设计您的网站:从头开始、使用预设(本质上是一个空白模板)或从 100 个完全设计的模板中选择一个(其中少数是免费的,但大多数是免费的)。是付费的)。

网络流模板

Webflow的一些模板

与 Wix 一样,Webflow 的可视化画布也使用网格布局,为您设计网站时提供了足够的灵活性。 在样式选项方面,您有多种选择,可以在版式、效果、交互和动画中添加您自己的个人风格。

如果您需要针对多种屏幕尺寸进行设计,您一定会喜欢 Webflow 的响应式设计功能。 它总共提供了七个断点,使您可以控制网站在移动设备、平板电脑、台式机和更大屏幕上的显示方式。 您所做的任何更改都会自动推广到较小的断点,因此您可以根据需要进行自定义(或尽可能少)。

值得一提的是,Wix 实际上提供了一个与 Webflow 正面交锋的解决方案。 Editor X 是一款高级编辑器,还可以让您设计响应式网站并编辑网站的源代码。 Editor X 专门针对设计师和代理商(很多营销甚至没有提到 Wix 这个名字),因此它显然试图在 Webflow 的空间中发挥更多作用。 不过,它是一个相对较新的产品,还有一些问题需要解决,因此它还没有像 Webflow 那样受到广泛的欢迎。

获胜者:这实际上取决于您想要什么。 如果您想要多种设计选择并尽快启动和运行,Wix 将是我们的选择。 但如果移动网站对您很重要,并且您希望完全控制设计,那么 Webflow 就是赢家。 本轮平局!

第三轮:投资组合特征

Webflow 和 Wix 都是创建投资组合的流行解决方案,那么哪一个更好呢? 让我们来看看。

我们不得不说,Wix 在投资组合功能方面做得相当不错。 它提供了近 60 个作品集模板作为起点,与其他模板一样,它们看起来都非常时尚和现代:

Wix 投资组合模板

Wix 的作品集模板

作品集类别包括摄影、文案、表演和模特(等等),因此您不仅限于与设计相关的作品集。 大多数都包含内置功能,如图片库、联系表单、博客和在线商店(如果您想通过您的作品获利),因此从一开始,它就被设计为一体化的投资组合解决方案

另一方面,Webflow 对于那些真正想要有机会展示其设计技能的人来说是理想的选择。 能够从零开始意味着最终产品可以是独一无二的,并真正反映您的个性、风格和才华。 (要明白我们的意思,只需看看这里汇集的一些极具创意的网页设计即可)。

webflow 投资组合网站

基于 Webflow 的投资组合

当然,您还可以选择作品集模板(我们统计了大约 60 个),但是这些模板都不是免费的 - 因此从头开始可能是大多数(网页)设计师的首选。

然而,这确实需要更多的工作,将你的网页设计放在一起,并添加额外的功能,如联系表单、博客和在线商店(特别是最后两个,需要大量的工作来设置)。

获胜者:同样,问题归结为:你有多希望这个设计属于你自己,你愿意投入多少工作? 最简单的选择是 Wix,而真正让您掌握主动权的选择是 Webflow。 但两者都非常适合投资组合,因此本轮各得一分。 Wix 目前以 3:2 领先。

第四轮:电子商务

虽然当您想到电子商务时,这两个名字可能都不是您想到的第一个名字,但 Webflow 和 Wix 实际上都做得很好。 例如,Wix 提供了完整的电子商务解决方案,可以轻松添加到任何 Wix 网站。 借助 Webflow,您可以完全控制商店、产品系列、产品和结帐页面的设计

wix 电子商务模板

Wix 的电子商务模板

webflow设计产品页面

在 Webflow 中设计产品页面

以下是 Wix 与 Webflow 中在线商店功能的快速比较:

电子商务功能网络流维克斯
产品限制标准计划 500 个项目,Plus 计划 1000 个项目,高级计划 3000 个项目无限
产品型号每个产品 3 个产品选项,每个产品 50 个变体每个产品有 6 个产品选项,100 个选项选择,最多 1000 个变体。
销售数字下载是的是的
出售订阅是(商业计划及以上)
额外的销售渠道脸书、Instagram、谷歌购物Facebook、Instagram、eBay、Amazon.com 以及通过 Multiorders 应用程序获得的更多内容
交易费用标准电子商务计划 2%; 更高级别的计划不收取任何费用没有任何
支付网关Stripe、Paypal、Apple Pay 和 Google Pay(通过 Stripe) PayPal、Stripe、Square 等,包括“先买后付”解决方案。 Wix 自己的支付处理器 Wix Payments 也在某些国家/地区可用。
销售点 (POS) 集成不是原生的 – 仅通过 API 或集成(例如与 Zapier) 是的,通过 Wix POS(仅限美国)、SumUp 和 Square
汽车税计算适用于美国、加拿大、欧盟和澳大利亚(通过 TaxJar) 通过 Avalara 应用程序提供(仅限商务套餐及以上套餐)
运送方式可以基于以下条件进行设置:总订单成本的百分比、商品价格、商品数量、商品重量、每个商品的统一费率或每个订单的统一费率。 可以根据以下条件设置:统一费率、按重量费率、按价格/产品费率或免费送货。
实时运费仅可通过 Shippo 集成使用仅当您是美国商家(通过 USPS)或巴西商家(通过 Correios)
废弃的购物车电子邮件仅通过集成(例如通过 Monto) 是的

获胜者:这是一场势均力敌的比赛,但 Wix 领先,因为它拥有更多的内置电子商务工具以及更多种类的销售渠道和支付处理器。 与 Wix 的比分是 4:2!

第五轮:博客功能

我们比较了作品集和在线商店等重要功能,但如果您想向网站添加博客怎么办?

我们先来看看Wix。 要添加博客,只需在编辑器中单击几下即可添加它(或选择包含博客的模板) - 没有比这更容易的了!

编辑博客条目也非常简单,使用可视化编辑器可以设置文本格式并添加图像、图库、视频甚至 HTML 代码。 您可以添加作者、类别和标签,还有一些出色的额外功能,例如添加仅限订阅的内容并允许会员发帖的能力。

Wix博客编辑器

Wix 博客编辑器

但是,我们希望看到一些改进。

一方面,您无法对博客提要和帖子的设计进行大量控制。 博客编辑器比适用于网站其余部分的编辑器要严格得多,并且不允许您添加各种元素。 查看这篇文章,对 Wix 的博客进行更深入的评论。

使用 Webflow 设置博客最初需要更多的设置工作,但最终会得到回报,因为您可以完全控制博客提要和帖子的外观。 使用 Webflow 的动态内容功能,您将能够为博客文章创建模板,然后通过数据库条目(或 Webflow 所说的集合项)自动填充它们。

网络流博客模板

使用Webflow设置博客模板(集合页面)

虽然这一切听起来非常技术性,但现实是您应该能够在 Webflow 资源的帮助下快速掌握它。

然而,评论、社交分享和会员功能等额外功能通常需要通过第三方集成来启用。

获胜者:虽然需要更多的工作,但 Webflow 的博客功能比 Wix 的更强大(也更灵活)——因此 Webflow 值得一提! 最终比分是 4:3,Wix 仍然领先!

第六轮:搜索引擎优化

现在来讨论一个价值百万美元的问题:谁将让您的网站在 Google 和其他搜索引擎中排名?

嗯,我们不能肯定地说其中一种会帮助你比另一种表现得更好。 SEO 是一头复杂的野兽,通常情况下,这一切都归结为内容的质量(而不是容纳该内容的平台)。

话虽这么说,一些网站建设者比其他网站建设者为您提供更多的机会来优化您的网站,这绝对有助于提高排名。 那么让我们来看看 Webflow 和 Wix 的表现如何(您还可以在我们的深入 Wix SEO 指南中了解更多信息)。

好消息是,两者都可以让您执行所有基本 SEO 功能- 编辑页面标题、元描述、URL、图像替代文本等。

但是,当您查看它们的高级功能时,您会开始看到一些差异:

搜索引擎优化功能网络流维克斯
搜索引擎说明(可编辑robots.txt文件) 可用的可用的
XML站点地图可自动生成或自定义自动创建
结构化数据可以添加自动添加,可以覆盖
规范标签可以通过代码添加。 还可以设置全局规范标签自动设置,可编辑
301 重定向可以重定向页面、文件夹和整个域可以批量添加
加速移动页面 (AMP) 本地不可用可用的
SSL证书可用的包含在所有网站中
代码精简适用于 HTML、CSS 和 JS 无法使用
页面速度优化可以,但需要专业知识并不总是可行,因为 Wix 在这方面有很大的限制

获胜者:总的来说,Wix 可能对初学者更友好(它甚至有一个 SEO 向导来引导您完成主要步骤),而 Webflow 更适合那些有更多 SEO 经验的人。 但两者都能满足大多数网站的需求。 本轮各得一分。

第七轮:支持

您很可能在某个时候需要获得支持来帮助您解决疑问或问题。 那么谁会在你身边呢?

让我们从 Webflow 开始。 正如我们已经提到的,Webflow University 拥有庞大的资源库,其中包含几乎您能想到的任何主题的课程、课程和视频。 还有用户论坛、社区活动和小组,如果您需要,还可以聘请专家。

网络流大学课程

Webflow 大学课程

然而,个人支持有点缺乏。 与他们联系的唯一方式是通过电子邮件,24-48 小时内回复。 哦,而且只在周一至周五开放。 虽然有一个聊天机器人可以帮助解决一般问题,但能够获得聊天支持将会带来巨大的不同。

Wix 的帮助中心也很全面,包含有关 Wix 所有功能和应用程序的大量操作文章。 如果您使用 Wix 的高级开发平台 Velo,您还可以访问其用户论坛。 Wix 支持的一个小缺点与支持代理经常试图向您推销升级有关。 如果您不需要他们建议的附加组件,请准备好礼貌地对他们说“不”。

维克斯帮助中心

Wix 帮助中心的操作方法文章

与 Webflow 相比,Wix 确实提供了更多个人支持,可以提交支持票证,还可以请求各种语言的回电(甚至提供英语、西班牙语和葡萄牙语的 24/7 回电支持)。 虽然我们自己对 Wix 支持的体验有点复杂(答案并不总是非常有帮助,而且响应有时很慢),但我们确实很感激至少提供了它。

获胜者:两者都提供了出色的知识库,但最终一切都取决于谁提供了更好的一对一支持 - Wix 是这里明显的获胜者。 这样一来,目前的比分就达到了6:4!

第 8 轮:应用程序和集成

如果您想添加额外的功能,例如预订系统、电子邮件营销、实时聊天或其他功能,该怎么办?

Webflow 和 Wix 都提供了一长串与外部应用程序的集成,所以让我们看看哪一个对您更有用。

Webflow 的集成库提供与大约 240 个应用程序的直接链接,涉及电子商务、电子邮件营销、分析、会员资格等类别。 如果您有自己的应用程序,您甚至可以提交自己的集成。

网络流集成

Webflow 的集成

Wix 提供的应用程序稍多一些,Wix 应用程序市场中约有 300 个应用程序。 只需点击几下即可轻松启用这些功能,因此无需嵌入代码,而 Webflow 的情况通常如此。

Wix应用市场

Wix应用市场

更重要的是,Wix 还拥有一系列不错的自己的应用程序,可以无缝地插入您的网站。 其中包括用于预约和课程安排的 Wix Bookings、用于流式传输和销售音频的 Wix Music 以及用于建立会员网站的 Wix 会员区。 还有 Wix Video,您可以用它来托管和销售视频。

获胜者:我们必须选择 Wix——其应用程序市场中提供的应用程序范围令人印象深刻,并且确实可以帮助增强您的网站。

第九轮:定价

我们现在进入了最后一轮——这是一场重要的比赛! 如果您仍然在 Webflow 和 Wix 之间左右为难,这甚至可能是让您越线的选择。

首先我们要提到的是,Webflow 和 Wix 都提供免费计划,如果您想尝试它们并感受它们的功能,那么这是非常好的选择。 虽然存在一些限制,但您将能够使用其子域(例如 yourname.wixsite.com/yoursite 和 yoursite.webflow.io)构建和发布完整的网站。 Wix/Webflow 广告也会显示。

接下来要知道的是 Webflow 和 Wix 使用略有不同的定价模型。 Wix 的更简单 - 您选择一个计划,并为其支付月费或年费。 您需要支付的唯一额外费用是自定义域以及您可能需要的任何额外应用程序。 Web 托管始终包含在内,如果您想知道的话,Wix 或 Webflow 之间没有区别。

以下是 Wix 计划的简要概述:

  • 个人套餐的Light 套餐起价为 16 美元/月,无广告,包括 2GB 数据存储和 30 分钟视频存储。
  • 如果您想在自己的网站上进行销售,则需要Wix商业和电子商务计划之一,核心计划的起价为每月 27 美元(并为您提供无限带宽、50GB 存储空间、5 小时视频、商业应用程序)例如 Wix Bookings 以及您商店中的无限产品)。

不幸的是, Webflow 的定价并不那么明确。 这是因为,根据您是否需要常规网站、电子商务网站、是否需要构建多个网站(例如,如果您正在为客户构建)或是否有多个用户,有不同的计划。 有时您需要购买多个计划。 当然,任何额外的应用程序都需要额外付费。

  • Webflow 网站计划(即非电子商务计划)的基本计划起价为 12 美元/月。 它无广告,每月最多允许 25,000 次访问、50GB 带宽和 100 份表单提交
  • 标准计划的电子商务计划起价为 29 美元/月,最多允许 500 种商品(即产品和变体)
  • 核心计划的工作空间计划起价为 19 美元/月,其中包括最多 10 个项目和暂存站点,以及代码导出(如果您想在其他地方使用代码)。 要将这些与自定义域一起使用,您需要为每个项目购买额外的站点计划

获胜者:虽然当您比较类似的计划时,价格点并没有太大差异,但 Wix 的计划通常包括更多内容 - 而且其定价结构也更容易消化。 本轮比赛也将由 Wix 进行。

这意味着 Wix 以令人印象深刻的8 比 4击败了 Webflow!

Wix 与 Webflow:两个截然不同的网站构建器

Wix 可能最终成为总体获胜者,但正如我们在几轮比赛中看到的那样,它并不总是最佳选择。

如果完整的设计控制、SEO、博客和响应式网站等功能对您来说最重要,那么 Webflow 是最有意义的 - 很难击败其强大的网站编辑器和高级 SEO 功能。 因此,如果您准备好付出额外的努力,Webflow 可能是您的绝佳选择!

然而,如果您正在寻找适合初学者且易于管理的平台,Wix 应该是您的首选平台。 凭借现成的模板、直观的编辑器以及出色的内置功能和应用程序,它可以解决构建网站时最困难的部分。

Wix 的电子商务功能也非常适合中小型商店,具有自动税收和实时运输的一些出色集成,并且在支付处理器方面有多种选择。

现在您应该更清楚哪个是最适合您的网站构建器!

> 免费试用 Wix

>免费试用 Webflow 。 您还可以使用此独家优惠券代码在所有 Webflow 计划中节省 20%: affiliate-tooltester-0228

还有其他问题吗? 请在下面的评论中告诉我