Webflow ：进军国际市场的六要素

厌恶模板的设计师们欢呼吧：Webflow 全面支持所有网站建设需求，包括电商功能。

你可能知道Webflow 拥有酷炫设计界面、无代码用户友好功能的平台Webflow 它提供各种集成方案满足你内心功能控的所有渴望，还有个相当棒的博客。

你可能不知道Webflow国际化程度有多高。只需浏览Webflow 全球Facebook群组的成员页面，你就会发现其中汇聚了来自世界各地的用户，多到数不清。

Webflow 最近Webflow 哪些Webflow 来更好地满足国际用户的需求？

Webflow 近期推出了一系列面向全球的重要功能升级。

这似乎符合事物发展的自然规律，因为贸易是将来自地球四面八方的人们聚集在一起的推动力。

若您希望使用Webflow开设网店，您来对地方了。让我们开始吧。

那么，Webflow 的关键是什么？

对于视觉学习者，这里有一个快速视频，介绍电子商务商店在拓展新市场时需要什么：

Webflow电商模式与Shopify、Magento、PrestaShop等电商平台竞争对手截然不同。其网站设计理念也区别于WordPress、Squarespace等平台：Webflow 打造精美网站 ，且无需实际编写代码。

Webflow 构建与管理平台的全部架构均遵循经典的HTML-CSS-JavaScript架构。尽管作为无代码工具，其仍具备高度可定制性。

添加到页面中的所有元素都与一个类 相关联。 作为一种设计工具，它的修改或定制方式只能使内容保持响应性，而不受屏幕尺寸或设备类型的影响。

Webflow 意味着什么？首先，它高度精简高效。无论订单来自何处、发货至何地Webflow店铺构建架构都能灵活适应您的业务需求。

Webflow 独特Webflow 模板独立的架构，赋予您构思和构建用户体验的绝对自由 。这种空白画布令部分人兴奋不已，却也让另一些人望而生畏。当您的用户/客户来自不同文化背景和地域时，从零开始构建电商网站难免存在失误空间。

我们在此为您指引至少部分流程——这过程或许令人望 而生畏，但应当 充满乐趣且富有成效。一切始于客户—— 您创建Webflow 所服务的核心人群。

1.谁是您的目标客户？

您可能有两种情况：

• 您即将推出首家电子商务商店，并采用Webflow 内容管理系统。
• 或者，您已拥有现成的电子商务业务，并决定将店铺从其他平台迁移至Webflow。

根据您经营时间的长短，您可能对客户了如指掌，也可能根本不了解他们。

无论如何，了解网站的目标受众都会对网站设计有所帮助，无论你销售的是什么产品。

如果您属于第一类客户，您可能没有太多的数据可供参考--但没关系。您可以根据自己业务的性质来判断潜在客户的性质。

您还可以根据您的产品在首次开店初期的销售情况快速学习。

Webflow 让您的电商商店脱颖而出（当然，仅限特定客户）

以英国汉堡店兼餐饮服务商Patty & Bun's为例，其Webflow 网站充斥着霓虹元素，用一个词形容就是……迷幻。

Patty & Bun 充分利用了Webflow全屏背景视频功能。他们那支狂野而极具感官冲击力的品牌视频无处不在——从主页到菜单页（他们运用视频渐变叠加设置，让品牌配色体系焕发出更耀眼的光彩）：

这是运用Webflow多功能（且色彩友好）的媒体布局架构来强化炫目、令人难忘的品牌形象的顶级范例。

这种夸张的品牌营销必然会吸引年轻群体。这些受众正处于一些人所说的 "后互联网时代"，他们会被那些让人想起MTV的荧光和动画所吸引，而这些在2015年可能会被认为是庸俗的东西。但在怀旧传统的影响下，它们似乎正在让网民再次点击。

不过，这种背景视频卷轴和霓虹灯叠加效果可能并不适合所有人。

例如，年龄较大或有视力障碍的顾客可能会发现，在网站菜单周围的所有活动中，他们很难看清菜单。他们可能不太愿意继续浏览网站，并最终点一份汉堡（或一件 T 恤，也在销售中）。

Patty & Bun 采用了面向年轻人的数字身份，这完全没有问题--只要年轻人是他们（至少大部分是）试图喂养和忠实的对象。

事实上，他们很可能在年轻群体中大受欢迎，因为年轻群体喜欢在看似日益同质化的互联网上被 "惊艳 "到。

2.您的目标客户位于世界何处？

问题 1 中的第二类人--资深电子商务销售人员--根据经验已经知道，"位置、位置、位置"这句老话对电子商务和房地产一样适用。

不，这不一定只与您 的地理位置有关：还与您的客户 在哪里有关，以及您和潜在买家之间的距离有多远--地理上的，还有文化和语言上的。

如果你还不是一个经验丰富的电子商务商，你很快就会知道，在向客户发送产品时，客户的地理位置不仅会影响运输物流 。

这也意味着，由于这个人生活的地区与您的地区不同，他们在付款、纳税 和语言/沟通方面可能有不同的期望和方式。

Webflow 如何为我的（客户）Webflow 税务？

Webflow电商功能让解决前两个问题变得相当简单。

当您建立电子商务网站时，您的编辑空间允许您直接操作如何处理不同国家的税收计算。

您还可以确定接受哪些支付网关和方式。请记住，PayPal、Apple Pay、Google Pay、借记卡或信用卡以及数字钱包都不是通用的，不同的国家有不同的首选支付方式：

对我的多语言电子商务购物者有什么好处？

关于语言 Webflow 原生解决方案。 在标准网站方案基础上，新增了三种可选方案。此外，您需要为每个目标语言支付额外费用。Webflow Weglot对比情况。

至于我们，自2016年以来已累计完成超过72,000个网站的翻译与本地化工作。因此我们Webflow 所有者在实现多语言化时所需——无论是使用电商模板的新手，还是寻求高级功能的资深电商商户。

Weglot 的工作原理是检测您网站上的内容，然后从领先的供应商那里生成第一层机器翻译，最后为您显示出来。这意味着它将翻译您电子商务商店中的所有内容--购物车、产品列表、结账流程等。

这样，您就可以获得自动化的翻译工作流程，从而专注于管理您的商店，而不必担心手动翻译新内容。

此外，Weglot 还支持多语言搜索引擎优化。它能自动处理在国际搜索引擎上显示网站的一些棘手问题，如添加 hreflang 标签和翻译元数据。这样，您的全球受众就能比以前更快地发现您。

您可以在这里找到Weglot Webflow Weglot 详细说明。Weglot 点击此处。

3.您的国际客户对网站设计的期望是什么？

如果我们回到问题 1 中 Patty & Bun 的例子，我们可能会设身处地地为目标客户想一想：他们穿的可能是 Nike Air 或 Reeboks。也就是说，它的目标客户可能相当年轻和城市化--因为他们也只位于城市地区。

正如我们所推断的那样，这些客户群一般都希望网站能让他们惊叹不已。 现在有很多网站看起来都一模一样--这主要是模板文化和 "自己动手做"（Build-it-Yourself）机器泛滥的结果，有人指责它们扼杀了网页设计）。在互联网上长大的人很可能会有些厌倦，他们往往会喜欢打破单调。

如果你的目标客户精通互联网，那 就可以在用户体验之旅中加点料，让他们经历一些意想不到的曲折。

以巴拉库南出版社网站为例。与Patty & Bun类似，这些Webflow电商平台选择用大量图像填满用户屏幕。他们呈现的并非视频，而是包含零散文字的迷宫式插画。

醒目的图案无疑会吸引用户的眼球，但无法点击的文字可能会让一些人感到困惑。

浏览《巴拉库南》需要花点心思（这也许正是这家颇为神秘的出版社的初衷）。但对于巴拉库南的读者来说，这很可能是一种乐趣：创意阶层、知识分子或地下文学爱好者。

这就引出了我们的下一个问题，在这里我们将对这些顾客旅程的曲折进行分析--因为它们可能并不适合每个人的浏览过程。

4.您的国际客户在购买过程中可能会遇到哪些痛点？

I.您的主页对潜在客户来说清晰易懂吗？

巴拉库南网站迷宫般的体验可能会吸引数字一代懵懂的浏览者。当然，前提是他们精通英语（该网站及其文字图像所使用的语言）。

问题是：Barakunan 很可能吸引的是英语读者，因为它的出版物只有英文版。尽管巴拉库南自称是一家 "总部设在柏林和贝鲁特 "的企业，但这两个城市都不是以英语为主要语言的城市。

Barakunan了解自己的受众，知道即使是德国或黎巴嫩读者，如果不懂英语，偶然发现他们的网站，也不会对英文印刷的产品感兴趣 。

因此，他们的英文网站不会对真正的潜在客户造成语言障碍。

但是......如果他们真正的潜在客户不懂英语呢？

主页或登陆页面的设计 在转化网站访客方面起着 关键作用 。这是他们对您企业的第一印象。

谷歌自己的数据证实，访问者在登陆您的网站后，仅需 50 毫秒-0.05 秒就能形成第一印象。

要吸引他们的注意力，时间并不充裕。

您要有效地利用这段时间，确保访客和潜在客户的体验不会受到无障碍访问的影响。

你肯定不希望他们花了这宝贵的 50 毫秒来欣赏精美的网站设计......却发现他们根本看不懂页面上的任何一个字。最终，他们还不知道如何浏览网站。

使语言切换对用户体验友好

使用像 Weglot这样的多语种解决方案，您就可以避免用户在访问您的主页时因语言障碍而流失。

使您的网站支持多语言，能让所有访客轻松访问Webflow 商店，无论他们使用何种语言。

基本的Weglot 集成会自动在网站右下角放置一个语言切换按钮。下图摘自密苏里科技大学一项关于网页设计和第一印象的研究，它列出了我们的视线倾向于停留在页面各区域的顺序。

因此，最初的Weglot 按钮可能位于典型主页（包含页眉、侧边栏菜单和各种正文内容）的第 4 位。其次可能是页眉的网站徽标、侧边栏菜单和页眉菜单。

这是语言切换工具的绝佳位置，因为它可以让访问者在进入页面的其他部分之前，有时间处理页面主要方面的视觉吸引力（图中的感兴趣区（AOI）1-3）。

任何想继续阅读但不懂网站原文的访客，在 AOI 4 之前都不知道他们可能想切换到自己的语言。

如果您开始注意到客户群中存在真正的语言异质性，您就可以进一步促进甚至消除这种语言转换过程。

您可以在自定义页眉代码（可在项目设置中编辑）中修改按钮的CSS设置，Webflow 调整按钮位置……

‍“

在本例中，我们使用自定义 CSS 将按钮移动到页面右上角，而不是底部。

......或将其作为下拉菜单嵌入到导航菜单中，然后为网站翻译成的每种语言添加一个链接。最后，在 URL 中输入#Weglot-，然后输入正确的双字母语言代码。

最后看起来就像我们的一样：

我们还为您特别打造Webflow 套件，内含14款可克隆并添加至您网站的语言切换器，以及与Digidop合作开发的可克隆语言切换器。此外，我们还准备了Webflow 器定制的终极视频教程。

您甚至可以通过在Weglot 项目设置中激活自动切换功能，让客户省去这一额外步骤。这将检测访客的默认浏览语言，并自动以该语言提供页面（如果您的网站可用）。

如果您的受众使用几种不同的语言，或者拥有众多各自使用不同语言的目标市场，这可能是最有效的方法。

如果您相当确定会从某一语言群组获得大量流量，就更应该这样做。将他们立即引导到他们语言版本的网站很有可能对您有利。

II.提高生产力：您的产品页面是否能吸引国际客户？

Webflow整合了整个库存流程并支持可视化管理。这极大节省了时间，因为它免去了逐个创建产品页面的繁琐操作。

您基本上可以按产品类别模板化产品页面的样式，在产品表中输入产品数据，并将这些数据分布到预先设计好的页面中。

当然，如果您希望所有访问者都能在产品页面上看到完全相同的内容，那么这种分发模式也非常有效。

但如果您在国际上销售，情况可能就不是这样了。 例如，您可能会根据客户的购买地点，在内容、运输信息或一般描述上略有不同。

Weglot 也能提供解决方案。进入Weglot 控制面板，您会在左侧 URL 栏看到 "产品 "URL 标签菜单。

单击此处更新每种语言的产品描述。这样，您在国外的用户就能获得有关他们将订购的产品的正确信息。

III.最后检查：您的结账页面是否本地化？

Weglot 深感自豪Weglot Weglot 确实Weglot 自动翻译Webflow 页面——这使得Weglot成为电商网站翻译的绝佳工具。

您可以在Weglot 控制面板上仔细检查和编辑任何结账页面的翻译，就像您编辑产品页面一样，只需点击 "结账 "URL 标签即可。

5.潜在国际客户为何如此重要？

我们长话短说：2024 年，电子商务将占据全球零售额的至少20%，这个问题几乎可以 自圆其说。

但这始终值得提醒：在大多数行业中，如果电子商务是跨境友好型的，其利润自然会更高。 我们有数据可以证明这一点。

6....ebflow：它是国际电子商务的正确解决方案吗？

那么问题来了：既然你要投入这么多精力——界定客户群体、追踪Webflow 体验、并最终在现实中推出商店——这些国际化建议是否值得你认真考虑？

那么，如果（好吧，既然）答案是肯定的，为什么Webflow 实现呢？

答案很简单：Webflow 活跃的国际影响力Webflow （以及技术团队）都怀有强烈的动力，致力于将其打造为全球通用的网站构建标准。

Webflow不仅具备多种布局功能，支持在不同语言间直观切换（甚至能实现从左至右到右至左语言的转换——如下方GIF所示），Webflow用户社区更覆盖全球且活跃度极高 。

这意味着您拥有遍布全球的用户群体，他们来自不同文化和语言背景，随时随地使用同一套工具并相互支持（不仅限于Webflow ，还Webflow 群组等平台）。

用一个词来回答最后一个问题：是的。

借助Weglot 工具Weglot 深厚的文化共情力，您的Webflow 极有可能在海外掀起波澜。

当您忙于拖放操作和产品描述时，不妨花点时间思考如何优化整体电商策略，或从这些设计精美的多Webflow 汲取灵感。

Weglot 将您的Webflow 转变为多语言网站。