Webflow 电子商务：在国际市场上取得成功的 6 个 W

不喜欢模板的设计师们要高兴了：Webflow 完全可以满足您的所有建站需求，包括电子商务。

您可能知道Webflow ，它是一个设计界面酷炫、无需编写代码的用户友好型平台，拥有一系列集成功能，可满足您内心对功能的所有渴望，而且还有一个相当不错的博客。

您可能不知道的是，Webflow的用户社区是国际化的。只要浏览一下Webflow Designers GlobalFacebook 群组的成员页面，你很快就会数不清这里有多少个国家。

那么，为了更好地满足国际用户的需求，Webflow 最近都做了些什么呢？

Webflow 电子商务是该平台近期面向全球的一些最重要的发展。

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

如果您希望通过Webflow 开一家网店，那您就来对地方了。让我们深入了解一下。

那么，国际Webflow 电子商务成功的关键是什么？

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

Webflow的电子商务方法不同于 Shopify、Magento、PrestaShop 及其他电子商务平台上的竞争对手。同样，它的网站设计方法也不同于 WordPress、Squarespace 等网站：Webflow 是一种 无需实际编码即可构建精美网站的 方法。

Webflow 电子商务网站建设和网站管理平台上的所有内容都采用经典的 HTML-CSS-JavaScript 架构。尽管它是一款无代码工具，但却具有高度的可定制性。

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

这对Webflow 电子商务意味着什么？首先，它高度精简。无论您从哪里接受订单或向哪里发货，您都可以信赖Webflow的商店构建结构，它可以适应您的业务。

Webflow 的特点是其独立于模板的架构，让您可以完全自由地 构思和构建用户体验。这种空白页让一些人兴奋，也让另一些人害怕。 当你的用户/客户来自不同的文化背景和地区时，从零开始建立电子商务网站就有了犯错的余地。

我们在这里至少可以指导您完成这一过程的一部分。 是有趣而富有成效的。一切从客户 开始： 您的Webflow 商店要取悦的客户。

1.谁是您的目标客户？

您可能有两种情况：

• 您将推出自己的第一家电子商务商店，使用Webflow 作为内容管理系统。
• 或者，您有一个现有的电子商务业务，并决定将您的商店从其他平台迁移到Webflow 。

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

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

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

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

Webflow 让您的电子商务商店大受欢迎的功能（对特定客户而言）

以英国汉堡店和餐饮店 Patty & Bun 的Webflow 电子商务网站为例，该网站霓虹灯绚丽多彩，用一个词来形容就是......psychadelic。

Patty & Bun 充分利用了Webflow的全屏背景视频功能。从主页到菜单页面（他们使用视频渐变叠加设置来点亮他们的配色方案），他们狂野、超感官的品牌视频无处不在：

这是使用Webflow的多功能（且色彩友好）媒体布局架构来强化华丽、令人难忘的品牌形象的最佳范例。

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

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

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

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

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

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

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

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

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

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

Webflow 如何为我（客户）报税？

Webflow它的电子商务功能使解决前两个问题变得非常简单。

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

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

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

在语言 方面， Webflow 最近推出了一个本地解决方案。在标准网站计划之外，还有三种可用计划。然后，您需要为您想在本地使用的每种语言支付额外费用。查看Webflow 本地化与 Weglot 的比较。

就我们而言，自 2016 年以来，我们一直从事着翻译和本地化 72,000 多个网站的业务。因此，我们了解Webflow 网站所有者在使用多语种时需要什么，无论他们是使用电子商务模板的初学者，还是寻求高级功能的资深电商。

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

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

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

您可以在此处找到如何在任何Webflow 网站上安装 Weglot 的详细说明。点击此处查看 Weglot 定价。

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

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

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

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

以Barakunan出版社网站为例。与 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 UI Kit，其中包含 14 种语言切换器，您可以克隆并添加到您的网站上，同时还有与 Digidop 合作制作的可克隆语言切换器。此外，我们还提供了关于Webflow 语言切换器定制的终极视频教程。

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

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

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

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

Webflow的电子商务平台集成并允许您可视化整个库存流程。这大大节省了时间，因为它使您不必单独创建每个产品页面。

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

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

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

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

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

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

Weglot 能够自动翻译Webflow 结账页面，这一点令 Weglot 深感自豪。

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

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

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

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

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

因此，我们现在要做的是：如果您要进行所有这些工作--确定您的客户群、跟踪他们在Webflow 商店上的体验，并在 IRL 上发布您的商店--是否值得考虑所有这些国际化技巧？

如果（好吧，既然）答案是肯定的，为什么还要特别在Webflow 上这样做呢？

答案很简单：Webflow 在国际上非常活跃，而且Webflow 用户（以及其技术团队）有理由将其作为全球网站建设的标准。

Webflow的用户社区遍布全球，而且 非常活跃，不仅有多种布局功能可以在不同语言之间进行直观切换（甚至可以从 LTR 语言切换到 RTL 语言--如下图 GIF 所示），而且还可以在不同语言之间进行直观切换。

这意味着世界各地来自不同文化和语言背景的用户都在使用同一工具，并随时相互支持（除了Webflow 论坛，还有Webflow Designers Facebook 群组）。

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

有了 Weglot 等工具和良好的文化共鸣感，您的Webflow 商店就很有可能在海外掀起波澜。

在您拖放和描述产品的同时，花点时间看看如何改进您的整体电子商务策略，或者从这些特别漂亮的多语言Webflow 网站中获得一些灵感。

立即免费试用 Weglot，将您的Webflow 网站变成多语言网站。