Wix 与 Webflow：哪个更好？ (2022)

建立您的第一个（或下一个！）网站始终是一段激动人心的旅程。 但是，在您开始着手并让创造力疯狂之前，您需要选择一个网站建设者。

但是，有这么多选择，很难找到最适合您需求的感觉。 因此，为了帮助您，我们正在研究两个网站建设者，它们在定制和易用性方面处于相反的两端：Webflow 和 Wix。

一方面，Webflow 的设计采用了专业网页设计师和开发人员认可的流程和工具，并且在功能方面确实打出了一拳。

另一方面，我们有 Wix——面向初学者销售。 但是对于它散发出的用户友好性，它在功能上有些落后。 然而，正如您可能已经收集到的那样，Webflow 的情况正好相反。

考虑到这一点，我希望这种比较能让您更好地了解这些工具可以完成的工作，以便您做出更明智的购买决定。

序言就够了； 让我们深入了解这篇文章的内容！

什么是蜡

Wix 成立于 2006 年，已在网站建设行业成功地树立了自己的重要形象，在 190 个国家/地区拥有令人印象深刻的 200 多万用户。

如简介中所述，用户友好性是 Wix 运营的核心。 它的网站编辑器不需要任何编码。 相反，用户拥有直观的拖放界面，任何人都可以轻松创建具有专业外观的网站。

但这并不是 Wix 所能提供的全部。 蜡 此后扩展至提供更广泛的工具，包括成熟的 Web 开发平台 (Velo)、更复杂的编辑器 (Editor X) 和自己的营销工具包。 但是，我们将在这篇评论中提到 Wix 的传统网站编辑器。

什么是网络流

Webflow 成立于 2013 年，包括电子商务功能在内的一些功能仍然相对较新。 也就是说，Webflow 在全球拥有令人印象深刻的 200 万（并且还在增加！）用户。

该平台为专业网页设计师提供构建专业定制网站所需的一切。 这里的措辞并非偶然。 Webflow 专为希望使用可视画布构建高度定制化网站的网络专业人士而创建。

Wix vs Webflow：易于使用

如前所述，易用性是 Wix 和 Webflow 之间最显着的区别之一，所以让我们更深入地研究一下。

蜡

到目前为止，您知道 Wix 的设计考虑了没有经验的用户。 在涉及一般可用性的情况下，它坚持这一承诺。 Wix 的拖放式网站编辑器可让您：

1. 选择您想要的元素
2. 使用光标拖动它
3. 将其拖放到您希望它出现在网页上的任何位置

很简单，对吧？

您可以通过单击以拉出 Wix 的自定义选项来编辑每个网页组件。 一切都按照您的预期准确标记。 因此，即使您不观看 Wix 的视频指南，在易用性方面，您仍然应该能够轻松地浏览编辑器的侧边栏。

Wix 提供了一个具有大部分功能的帮助按钮。 比如说，你想编辑你的文本。 如果您不确定自己的选项，请单击帮助按钮，这将带您直接访问相关的支持文档。

此外，Wix 带有一个内置的 SEO 向导。 是的，你猜对了； 这告诉您如何针对 SEO 优化您的网站。 只需点击指向您网站正确部分的链接，并按照建议更新这些详细信息。

Wix 直观性的缺点是它的功能有些基本。 例如，它的自定义选项会遗漏一些东西。 最值得注意的是，您不能修改页边距和元素之间的填充。 另外，Wix 不提供任何高级排版工具。

网络流

相比之下，在易用性方面，Webflow 是完全不同的蠕虫罐头。 该平台充满了可以压倒性的定制功能，特别是对于初学者。

与 Wix 不同，您可以调整网页的填充和边距。 您还可以预览您正在编辑的每个元素的 CSS 代码，一般来说，每个网站元素都拥有比 Wix 更广泛的自定义选项。

任何有网页设计经验的人都可能会发现他们的传统网页开发方法和 Webflow 提供的工具之间存在可喜的重叠。 因此，Webflow 使用网络专业人士熟悉的行话也就不足为奇了。 另一方面，初学者可能需要花时间在谷歌上搜索术语。

总而言之，Webflow 具有陡峭的学习曲线。 但是，一旦您爬到顶峰，您将能够使用您通常不会在此高级级别获得的可视化界面获得专业成果！ 但在那之前，请注意初学者可能会发现 Webflow 难以驾驭。

易于使用——获胜者：Wix

如果您正在寻找用户友好的解决方案，Wix 就是答案。 它的仪表板和拖放编辑器易于使用。 该软件没有什么是压倒性的。 您只需从一个简单的侧边栏中选择所需的网站元素和工具，然后从那里开始。 总而言之，Wix 为初学者提供了创建精美网站所需的一切！

Wix vs Webflow：设计和定制

设计和定制标志着 Wix 和 Webflow 之间的第二个最显着的区别。 在这里，我们可以预先说 Webflow 真的很出色。 但是，考虑到专业的网页设计流程，我们还能期待什么？

蜡

Wix 的设计特点和易用性有些重叠，所以请原谅我听起来像是一张破唱片。 但是，Wix 的拖放编辑器为其网页设计过程奠定了基础：您可以拖入部分、图像、画廊、标题、文本、视频、联系表格、列表、网格、按钮等元素。

您可以根据特定的自定义选项编辑每个部分的背景并修改各个 Web 元素。 例如，您可以更改文本元素的字体大小、字体、颜色、突出显示、链接和对齐方式。

Wix 还带有一个媒体编辑器。 在这里，您可以上传、管理和编辑您网站的图像。 您可以编辑图片的亮度和对比度、高光和阴影、颜色饱和度等。 您还可以应用过滤器和裁剪图片以调整大小。

要创建网站，您可以选择模板或从头开始设计——选择权在您。 但是，大多数用户都是从预先设计的模板开始的。 有 800 多个类别可供选择，包括：

• 网上商店
• 作品集（摄影、设计、创意艺术、音乐）
• 商业（时尚、美容、金融、旅游、广告、法律、汽车等）
• 社区（活动、非营利组织、教育）
• 博客

需要注意的一个缺点：一旦你选择了一个主题，你就不能在不丢失内容的情况下更改它。 所以，明智地选择——否则，你将不得不重新开始！

此外，虽然您可以拖放网页元素，但这主要是指垂直对齐。 当涉及到特定网页组件之间的距离时，您的控制能力有限。 你也不能轻易地将元素拖到角落里。 大多数 Wix 主题都有严格的响应式布局，你必须坚持，这通常会倾向于页面的中心。

网络流

Webflow 的设计编辑器无需用户编写即可解锁代码的全部功能。 但是，这是什么意思？ 实质上，您可以访问：

• 您网站的 HTML 和 CSS 代码，您可以轻松地将其导出给您的队友
• 完全控制您放置网页元素的位置
• 提供 500 多个可定制的网站模板，有些是免费的，有些是付费的，按行业、功能和样式分类
• 拖放编辑

因此，您可以访问所有 Webflow 的网页设计组件（如上所述），此外，您还可以拖放完全没有样式的 HTML 元素。 例如，您可以引入预构建的组件，例如滑块、选项卡、背景视频等——所有这些都可以从头开始定制和填充。 另外，您还可以小心地将空布局元素拉入空间元素。 这些包括容器、分隔线、网格、列和部分。

另外，与 Wix 不同，您需要在主题的中心部分内构建，这使得正确定位网页元素变得困难，Webflow 提供了完全的布局自由。 您可以像网络专业人士一样使用内联块和绝对定位。

换句话说，您可以通过精细控制确定元素的放置位置以及它们在竞争空间时如何与其他网页元素交互。 （如果这些术语对您来说意义不大，那么值得注意的是，您可能不确定 Webflow 的一些功能。这些是网页设计师使用的术语，他们使用 HTML 和 CSS 从头开始​​对其网站进行编码。）

您还可以使用导航栏、页脚、注册表单等元素创建可重复使用的符号。 因此，当您在网站的某个部分更改这些符号时，它会随处更新以形成一致的外观。 这是新用户可能会感到困惑的另一个功能，所以让我们用一个例子来解释它。

假设您有一个页脚，其中包含联系表单、不同颜色的导航以及您在一个单独网页上的徽标。 如果您也希望在您网站上的所有其他页面上也有此内容，通常，您必须浏览每个页面并手动进行这些编辑。 使用 Webflow，您可以将页脚变成符号。 然后，您只需将此页脚符号拖到其他页面上。 从那里开始，每次您对任何页脚进行更改时，它都会在使用符号的所有位置自动更改。 同样的原则也适用于创建 CSS 类或样式。

另一个巧妙的功能是定义全局色样的能力。 这使您和您的团队更容易在您的网站上使用一致的调色板。 此外，您还可以更好地控制排版。 Webflow 允许您微调任何字体，包括间距、行高、样式、跟踪等。

要真正让您的网站脱颖而出，您还可以创建交互和动画。 交互对触发器和动画做出反应。 因此，您可以创建定时动画，例如在单击或用户滚动时激活。

设计师也喜欢他们可以为设计元素设置混合模式。 以前，此类功能仅限于复杂的设计软件，例如 Photoshop 或 InDesign。 现在，您可以通过 Webflow 的可视化编辑器方便地微调这些效果。

最后，与仅允许您从桌面和移动视图预览设计的 Wix 不同，Webflow 使您能够跨多种设备分辨率（包括平板电脑和移动设备上的水平定位）预览您的网站。

设计和定制——获胜者：Webflow

Webflow 在定制和网页设计方面取得了暴风雨般的胜利。 它的设计功能不仅比 Wix 更先进，而且比市场上的大多数网站建设者都要好。 Webflow 成功地采用了网络专业人士手动使用的设计原则，并将其与直观的可视化编辑器融合在一起，同时提供了对每个网页元素进行编码的自由。

尽管这会带来更陡峭的学习曲线和更少的安全栏来指导您的网页设计，但如果您想实现一个具有超级特定外观的令人惊叹的网站，Webflow 可以让您做到这一点！

Wix vs Webflow：搜索引擎优化

如今，绝大多数在线体验都是从搜索引擎开始的。 仅此一项就是认真对待搜索引擎优化的一个很好的理由，这就提出了一个问题：Wix 和 Webflow 在 SEO 领域提供什么？ 让我们来了解一下！

蜡

Wix 附带一个内置的 SEO 工具（又名 SEO 向导），可从您的仪表板方便地访问。 这会通知您需要采取的任何步骤来改善您网站的 SEO。

最重要的是，您可以编辑页面描述、元标题、插入图像描述和管理 301 重定向。 Wix 网站也适合移动设备，这是 SEO 的另一个好处。 最后，您还可以与 Google Analytics 集成以检索更多 SEO 见解并确定需要改进的领域。

Wix 通过提供完成工作所需的基本功能，尽最大努力保持 SEO 简单。 因此，高级搜索引擎优化是一个骗子。 例如，Wix 不会自动创建站点地图并将其提交给搜索引擎。 这为搜索引擎提供了有关您的网页的更多信息，以帮助他们适当地对您的网站进行排名。 如果这对您很重要，您必须手动创建和提交站点地图。 这不仅复杂，而且耗费大量时间！

网络流

如您所料，Webflow 对您的 SEO 进行了更精细的控制。 与 Wix 一样，您可以添加 URL 段、元标题和元描述，以及图像替代文本。 但是，它可以让您设置索引规则、SEO 标记、重定向等，从而更进一步。 每当您发布项目时，自动更新和生成站点地图也容易得多。

Webflow 拥有干净和结构化的代码、全球 CDN 和 100 多个数据中心，以确保出色的页面速度和出色的控制您的网站在移动设备上的外观（如果做得好，将有利于您的 SEO）。 所有这些再次对提升您的 SEO 游戏大有帮助。

相比之下，Wix 还拥有干净、结构化的代码，但你不太可能用它做很多事情。

SEO – 获胜者：Webflow

Webflow 不会使 SEO 优化像 Wix 那样直观。 尽管如此，当您考虑到 SEO 对您网站的知名度有多么重要时，我认为更先进的工具应该取得胜利。

Wix vs Webflow：电子商务

如果您想深入了解在线销售的世界，请听好。 下面，我们将把 Wix 和 Webflow 的电子商务功能放在显微镜下。

蜡

如果您选择 Wix 的电子商务计划之一，只需单击几下即可将商店添加到您的网站并开始接受客户付款。

您可以销售无限数量的实体、数字和订阅产品，并将您的网站与流行的在线市场和社交媒体平台集成。

有数百种在线商店模板可供选择。 此外，您可以展示不同货币（甚至多种语言！）的产品价格。

您可以通过一个集中式仪表板轻松关注订单管理和履行情况。 从这里，您可以：

• 跟踪和处理所有订单
• 处理运输和履行
• 添加供应商、3PL（第三方物流）和直销服务
• …和更多

Wix 还拥有广阔的应用市场。 在这里，您会发现由 Wix 和第三方开发的数百个插件，其中许多是针对在线销售的。 这些应用程序提供了一种快速简便的方式来扩展 Wix 的电子商务功能。

网络流

Webflow 的电子商务功能仍然相对较新——其测试版功能仅在 2018 年底推出。但是，从那时起，Webflow 继续发展其在线销售工具包。

不用说，Webflow 非常适合希望以个性化和高度定制的方式展示其产品的品牌。 本着这种精神，Webflow 让您：

• 创建自定义产品字段
• 自定义您的在线结帐和购物车
• 修改交易电子邮件，例如收据和订单确认
• 构建自定义登录页面
• …和更多

与 Wix 一样，Webflow 允许您销售实体产品和数字产品。 您还可以自定义运输区域和规则，将订单与运输软件同步，并使用不同的支付网关。

Webflow 提供了一个订单管理仪表板，您可以在其中查看订单详细信息和状态并发出退款。

在撰写本文时，Webflow 不提供客户帐户功能。 然而，这显然是在进行中——所以请留意！ Webflow 也不提供内置的废弃购物车功能，但您可以通过与 Monto 集成来克服这个障碍。

电子商务——获胜者：Wix

总而言之，在电子商务方面，Wix 在其客户账户功能、多币种定价、废弃购物车电子邮件等方面具有优势。

但是，Webflow 和 Wix 都没有提供非常先进的库存管理功能。 因此，如果在线销售是您的核心关注点，则建议使用更以电子商务为中心的工具，例如 Shopify 或 WooCommerce。

Wix vs Webflow：写博客

如今，要在日益拥挤的市场中脱颖而出，写博客对于提高网站的 SEO 和可信度至关重要。 那么，Wix 和 Webflow 如何满足这一需求呢？

蜡

您只需从左侧边栏中选择“开始写博客”图标即可创建博客。 从几个可用模板中决定您的博客布局，并开始从您的 Wix 仪表板中管理您的内容。 这些模板是特定于博客的，独立于您的网站模板。 它们非常基本——本质上，它们只是决定了您博客的布局。

使用您的 Wix 博客，您可以：

• 选择特色图片并发布标题
• 使用标题、图像和嵌入的视频或音频填充您的内容
• 使用类别和标签组织帖子
• 启用评论——然而，一些用户抱怨这相对较慢并且不太容易管理，至少与更强大的博客引擎（如 WordPress）相比

同样，正如我们在整个评论中看到的那样，虽然 Wix 的博客引擎易于使用，但它也有点基本。 例如，您不能创建回溯或私人帖子。 纯文本编辑器也缺少格式选项，因此在设计博客时您会受到很大限制。

但是，如果您只需要一个简单的博客布局，其中包含带有时尚标题的文本、图像和视频，那么这应该可以很好地为您服务。

网络流

Webflow 配备了强大而有效的 CMS（内容管理系统），因此您可以从 Webflow 仪表板上传和编辑内容并有效地导出它们。 您甚至可以通过页面编辑在您的网站上实时编辑博客内容。 Webflow 还自动生成元标题、描述和打开图形设置。 后者决定了在社交媒体上共享时显示的信息。 从不畏惧; 如果您不喜欢这些建议，您仍然可以手动编辑它们。

也就是说，不幸的是，在 Webflow 上发布博客并不像 Wix 那样简单。 与无需任何先验知识即可开始使用的 Wix 不同，Webflow 用户可能会从阅读 Webflow 的入门指南中受益。 总之：您必须选择一个 CMS 模板才能访问页面编辑和 Webflow 的 CMS 面板。

从那里，您可以自定义您的博客提要。 但是，当涉及到自己编辑博客文章时，它变得更加复杂。 帖子是从您的 CMS 集合中提取的，如果您想重新设置它们的样式，您需要添加一个富文本字段并在那里调整标题和文本的类。 不过，您仍然可以在这里获得许多设计选项，例如添加框阴影。

博客——获胜者：Wix

使用 Webflow 建立和运行博客需要额外的工作。 相比之下，Wix 使您能够在几分钟内启动博客，并从一开始就受益于基本的博客功能。 出于这个原因，我认为 Wix 在这方面具有优势。

Wix vs Webflow：客户支持

每当您将资金投入您的业务时，您都希望有信心在出现问题时获得所需的支持。 因此，让我们回顾一下 Wix 和 Webflow 的帮助。

蜡

Wix 提供 24/7 全天候客户服务。 在 Wix 的联系页面上，您需要回答一些关于您的问题的问题，Wix 将提供回拨服务。 全天候提供英语版本。 在工作时间（各个时区的上午 9 点至下午 5 点左右）提供其他语言的支持，包括法语、德语、希伯来语、意大利语、日语、葡萄牙语、俄语和西班牙语。

请注意，Wix 不提供实时聊天，因此电子邮件和 Wix 的回电服务是您唯一的联系方式。

您还可以访问详细的自助文档，从中可以找到从 Wix 的编辑器到定价计划、计费、域、入门、电子商务、营销功能等的所有信息。 而且，正如我在上面的易用性部分中提到的，Wix 还提供了一个简洁的编辑器内帮助按钮，可将您链接到相关的自助材料。

网络流

在联系 Webflow 的客户支持时，他们的客户服务团队在周一至周五上午 6 点至下午 6 点（太平洋时间）活跃。 他们会尝试在 24-48 个工作小时内回复您。 你可以 只能通过电子邮件或支持票联系 Webflow 的客户服务团队。

或者，您可以在 Webflow 的社区论坛上发帖，向您的同行寻求建议。 或者，如果您更喜欢自助路线，请咨询 Webflow 大学。 这包括大量在线课程，涵盖诸如如何开始、如何使用 Webflow 的编辑器、SEO、CMS、电子商务、创建动画、设计作品集，甚至是 Webflow 101 速成课程等主题——仅举几例！ 有初级和高级课程可供选择，所以选择吧！

这些课程的深度和长度各不相同。 但是，我发现了几个超过六个小时的时间！

总而言之，不可否认的是，Webflow 提供了详细而有价值的内容来帮助您开始攀登学习曲线。

最后，Webflow 还提供了专家目录。 如果您希望获得代理机构或自由职业者的专业帮助来帮助您的项目，这样做很容易。

客户支持——获胜者：Wix

Webflow 在有限的时间内提供较慢的响应时间，并提供较少的联系团队的方式。 但它确实以成熟课程的形式提供了非常广泛的自助材料。 对于任何试图真正了解该工具的来龙去脉的人来说，这些都是极好的资产。 尽管如此，我们还是凭借一流的 24/7 客户支持为 Wix 赢得了胜利。

Wix vs Webflow：定价

既然我们已经涵盖了这么多领域，还有最后一个需要考虑的主要因素：成本。 Wix 和 Webflow 每个月会给您带来多少损失？

蜡

好消息！ Wix 附带免费计划，因此您可以在开始之前测试其功能。 但是，正如您所料，这有几个限制。 一方面，您无法连接自定义域，并且您被限制为 500MB 的空间和带宽。 此外，您无法处理在线支付或使用 Google Analytics。 尽管如此，Wix 的所有网页设计功能都可供您使用 Wix 子域构建和发布您的网站。

在高级计划方面，Wix 将其套餐分为网站计划和电子商务计划。 后者对于接受在线支付至关重要。 相比之下，前者应该足以创建一个简单的个人或商业网站、投资组合或博客。 在撰写本文时，网站计划起价为每月 4.50 美元，而电子商务计划起价为每月 17 美元。 在 Wix 的定价页面上查看有关计划的更多信息。

网络流

Webflow 还提供免费计划，考虑到您可能需要比通常的 14 天试用期更长的时间来熟悉该平台，这是一个好消息。 免费包带有所有 Webflow 的设计功能。 但是，您最多只能处理两个项目（网站）并发布到 webflow.io 网址以测试您的网站。 从这个意义上说，Webflow 的免费计划与其说是一个免费网站，不如说是一个没有时间压力的免费测试空间。

与 Wix 一样，有两种付款计划可供选择：站点计划（每月 12 美元起）和帐户计划（每月 16 美元起）。 前者适用于希望创建自己的网站的个人和企业。 相比之下，后者面向网络专业人士和计划在商业基础上为客户推出多个网站的机构。

Webflow 的网站计划进一步分为网站计划（每月 12 美元起）和电子商务计划（每月 29 美元起）。 所有网站计划都适用于一个网站，您可以稍后将电子商务计划添加到现有网站计划中。 年度计费将为您节省 15%。 在 Webflow 的定价页面上查看更多信息。

定价 - 这是一个平局！

Wix 和 Webflow 都为用户提供免费计划和负担得起的定价层。 虽然 Webflow 的定价更复杂，但它的报价限制较少，并且每个定价级别都会增加更多。

另一方面，Wix 更严格地限制您的存储空间和带宽，以鼓励您升级，但不会添加额外的功能。 相反，它利用第三方应用程序来奖励高薪用户。 然而，Wix 的电子商务计划弥补了这一点，它不对您可以销售的商品数量或每年产生的收入施加任何限制。

Wix vs Webflow：优点和缺点

我们在这里介绍了很多内容，所以在总结这篇评论之前，让我们回顾一下这两种工具最显着的优缺点。

Wix 的优点

• 所有计划的 24/7 客户服务
• 提供多语言支持
• 非常易于使用——无需编码或网页设计知识
• 数百种专业设计的模板可供选择
• 提供免费计划，可选择使用 Wix 子域上线
• Wix 的 SEO 向导使基本的 SEO 变得简单直观
• 添加博客和在线商店很简单
• 提供电子商务客户帐户，以及多币种和多语言店面
• 包括网络托管，这意味着您的网站存储在 Wix 自己的服务器上

Wix 的缺点

• Wix 在其更便宜的计划中显着限制了您的空间和带宽
• 您无法完全自定义您的网站以创建高度定制的设计
• Wix 的 SEO 功能更基础
• 你不能改变你的主题而不丢失你的网站内容

Webflow 的优点

• 访问先进的、对网络专业人士友好的定制和设计工具
• 您网站的每个方面都是完全可定制的，包括结帐、交易电子邮件、店面、博客布局等
• 访问高级 SEO 工具
• 一个免费计划，您可以在其中学习和测试 Webflow 的功能
• 提供代理机构和自由职业者的账户计划
• 课程和课程形式的广泛支持材料
• 您可以成为其中一部分的在线 Webflow 社区
• 灵活的定价计划，即使是 Webflow 最便宜的计划，也有丰厚的补贴
• 使用 Webflow 与您的开发团队合作更容易，因为设计会自动转换为干净的代码
• 像 Wix 一样，包括网络托管

Webflow 的缺点

• 陡峭的学习曲线
• 您不能在免费计划中发布项目
• 没有 24/7 全天候联系支持
• 建立博客似乎不必要地复杂
• 您不能创建客户帐户
• 可用的模板更少

Wix vs Webflow：最后的想法

虽然 Wix 和 Webflow 都是流行的网站建设者，但很明显它们的目标受众截然不同。 您必须决定对您最重要的事情：简单的设计过程或完全控制您的网页设计。 如果是前者，Wix 是您的选择。 相反，如果后者是您的优先事项，那么 Webflow 是更好的选择。

如果您仍然在为哪个平台充实而犹豫不决，为什么不尝试使用他们的免费计划呢？ 毫无义务地使用您的电子邮件地址注册，并尽可能长时间地测试这些功能！

我们很想知道您喜欢什么：易用性还是完整的网页设计可定制性？ 在下面的评论中让我们知道！