国际营销

如何使用Weglot为您的Shopware商店添加语言切换器

如何使用Weglot为您的Shopware商店添加语言切换器
Rayne Aguilar
作者
Rayne Aguilar
Elizabeth Pokorny
审阅人
Elizabeth Pokorny
更新于
2025 年 3 月 10 日
2025年11月27日

您多语言商店的成功往往取决于细微却至关重要的细节——而Shopware语言切换器正是其中关键所在。它如同通往国际市场的门户,将单一语言商店转化为欢迎全球顾客的空间,让顾客能够用母语舒适自信地购物。

然而,Shopware 6 中的固有方法并不是最直观的。

本教程将带您全面了解如何在Shopware中实现语言切换功能。内容涵盖技术要求、用户体验优化等诸多要点。完成后,您的店铺将能够为顾客提供其偏好的语言服务。

精心设计的语言切换器的重要性

简而言之,语言切换器能让访客通过极少的点击次数更改网站的显示语言。在前端,它呈现为按钮或下拉菜单的形式,但实际上协调着一系列复杂的技术流程,例如加载翻译内容、调整货币显示、为每个语言版本实施正确的SEO信号等等。

网站前端的语言切换器界面。
网站前端的语言切换器界面。

语言切换器本质上是您多语言商店的控制中心。它不仅能切换显示文本,更能确保商店前台的产品信息、定价、配送详情及结账流程与所选语言和地区保持一致。

语言切换器如何影响用户体验

顾客与您店铺的互动体验,很大程度上取决于他们能否自如地在不同语言间切换。一个设计精良的语言切换器,既是连接您内容与国际访客的桥梁,更能瞬间建立起"欢迎光临"的亲切感。

当客户可以轻松找到并切换到他们喜欢的语言时,他们就更有可能探索您的产品,参与您的内容,并最终进行购买。事实上,四分之三的消费者在购买产品时更喜欢使用母语信息。

因此,您的语言切换器不仅要具备实用功能,更需呈现自然流畅的操作体验。这意味着应以原生语言形式展示选项——例如使用"Deutsch"而非"German"——并确保切换器在整个商店中保持统一的存在感。

一个语言切换器,显示每种主要语言的选项。
一个语言切换器,显示每种主要语言的选项。

每次交互都应流畅且富有目的性,以维持购物体验而非打断它。这使得语言切换器成为国际化成功的关键触点。

正确使用切换器对搜索引擎优化 (SEO) 的益处

语言切换器的技术实现对提升店铺在搜索引擎中的可见度同样至关重要。搜索引擎需要明确的信号来理解不同语言版本内容之间的关联性。通过多种技术元素的合理配置,可有效提供这些关键信号。

基础是 URL 结构--您商店的每种语言版本都需要有自己独特的 URL 模式,以便搜索引擎轻松抓取和索引。

在浏览器窗口中显示Shopware 网站的荷兰语 URL。
在浏览器窗口中显示Shopware 网站的荷兰语 URL。

这与 hreflang 标签配合使用。这些复杂且令人生畏的组件明确告诉搜索引擎每个版本针对的语言。如果实施得当,这些标签将确保您的内容出现在每种语言市场的正确搜索结果中。

搜索引擎优化的影响还包括元数据。每种语言版本都需要有自己的优化元标题和描述,这将帮助您的商店在本地搜索结果中显得更加相关。这种全面的多语言搜索引擎优化方法可以显著提高您在不同市场的知名度。

提高客户满意度

语言的可及性与客户满意度之间的关系往往很深。当顾客能用自己喜欢的语言轻松浏览您的商店时,就会产生一种信任感和熟悉感,这对成功至关重要。这超出了翻译的范畴,有助于创造一种购物体验,让顾客感觉自然,并与每个顾客的语言和文化相吻合。

考虑这对购买过程的两种影响,尤其是对使用相关和熟悉的语言浏览的客户而言:

  • 总体而言,他们会对自己的购买决策更有信心。
  • 用户更有可能清楚地了解产品细节、运输方式和退货政策,从而减少支持请求。

这种信心往往会转化为更高的转换率和更低的购物车放弃。归根结底,适当的翻译有助于消除转换过程中的任何障碍,因为顾客在结账时面临的与语言有关的不确定性更少。

为您的商店添加Shopware语言切换器

您的Shopware商店中实现语言切换器时,主要有两种方法:使用Shopware自带的基础功能,或实施专用的第三方解决方案。

每种方法对商店的多语言功能都有不同的影响,但您可能会首先考虑Shopware 提供的功能。

通过Shopware手动实施

Shopware 通过销售渠道设置提供基本的多语言功能。这将是您尝试在网站上实现多语言功能的第一种方式。虽然这种本地方法看起来很吸引人,但也有一些限制需要注意。

Shopware 的销售渠道页面
Shopware 的销售渠道页面

主要的绊脚石是在Shopware 文档中不容易找到流程。虽然有内容创建者提供指南,但很难找到有关最新版Shopware 的正确信息。

通常,要使用Shopware自身功能实现语言切换器,请从仪表盘导航至销售渠道设置。在此处,您可以为商店配置不同语言版本并设置基础切换功能。该过程通常包括:

  • 安装Shopware 语言包
  • 为每种语言创建独立的销售渠道。
  • 为每个通道配置域设置。
  • 通过管理界面管理翻译。
  • 设置语言切换器显示。

然而,这种方法也面临着一些挑战:

  • 随着商店的发展,这种手动内容管理将变得更加复杂。每个产品、类别和内容页面都需要输入和更新每个语言版本的翻译。
  • Shopware 的本地实施缺乏对国际知名度至关重要的多语言搜索引擎优化方面。虽然提供了基本的 URL 结构,但没有实施 hreflang 标签,也没有确保跨语言的最佳索引。
  • 当您对Shopware 商店进行更新或内容更改时,也需要返回并手动更新这些部分的翻译。
  • 对商店翻译的控制和灵活性有限。无法使用术语表等翻译管理功能,从而减少人工翻译任务。
  • 无法使用机器翻译--如果您自己不懂语言,就需要聘请专业翻译人员,这可能会很昂贵。
  • 用户体验可能会感到脱节,因为在不同语言之间切换往往需要重新加载整个页面,而且可能无法在不同语言版本之间保持购物上下文。这可能会导致客户失望和放弃购物车。

让您的商店实现多语言支持并添加Shopware语言切换器,其实还有更优方案。接下来让我们深入探讨这一方面。

使用Weglot 实现自动语言切换

Weglot 可以为您的Shopware商店提供更全面的多语言功能解决方案。作为一款适用于所有网站(包括 Shopify、WordPress、Magento(现为 Adobe Commerce)等)的专用翻译插件,Weglot 从整体角度出发,考虑到国际购物体验的方方面面,从而实现语言切换。

Weglot 主页

它将自动化与对多语言内容的精确控制相结合。Weglot 通过第一层高质量的机器翻译来检测您店铺的内容(如产品描述和结账)。然后,Weglot 将通过DeepLGoogle Translate 等领先供应商对您的网站进行翻译。

对于 Shopware 用户,Weglot 可提供多种功能:

  • 与Shopware 的主题、模板和产品目录系统无缝集成,确保所有产品详细页面、属性和规格都得到正确翻译。
  • 与Shopware 的内容管理自动同步,确保博客文章、登陆页面等所有内容(包括动态内容)得到完全翻译。
  • 与Shopware 的结账流程完全兼容。
  • 对Shopware 自身的搜索引擎优化功能进行多语言优化。

一旦您Weglot 语言切换器使用,您还能充分利用其其他优势和功能。事实上Weglot 在后台Weglot 诸多方面:

  • 与领先的供应商合作进行机器翻译,为您提供快速翻译,并在您更改内容时持续更新。
  • 平台会自动为每个语言版本创建语言子目录或子域。
  • 那些讨厌的 hreflang 标签也不会成为问题,因为Weglot 也会自动添加这些标签。这将确保搜索引擎正确索引您的多语言内容。
  • 当访客切换语言时,系统还将保持购物环境。例如,如果客户正在浏览某一特定产品并更换了语言,他们将继续留在该产品页面,而不会被重定向到主页。

对用户体验的关注有助于维持用户参与度并减少购物过程中的摩擦。Weglot 所有功能中,语言切换器是核心。接下来让我们看看如何实现这一功能。

使用Weglot添加您的语言切换器

Weglot 实现语言切换器的过程Weglot 且功能完备。第一步是创建Weglot ,并按照简单步骤将其集成至您的Shopware商店。具体步骤包括:

  • 选择要添加到网站的语言,分为默认语言和目标语言。
  • 子域和子目录中挑选网站层次结构。
  • 设置和验证DNS 条目
  • Adding a JavaScript snippet to the <head> section of your site.

完成此部分并连接您的商店后,您就可以开始在Weglot 面板上处理网站的翻译工作了:

若查看网站前端,您会发现右下角设有Shopware语言切换器,这符合常规电商实践。返回Weglot 后,您可通过"设置 > 语言切换器"页面进一步优化该功能:

Weglot 中的语言切换器选项。
Weglot 中的语言切换器选项。

例如,您可以使用自定义 CSS 来调整切换器的外观。在 "语言 "外观部分,你可以调整列表中每个国家的国旗和外观。你可以将新语言拖放到你希望的顺序中,点击每种语言就可以自定义本地语言名称和国旗。

切换器编辑器还能让你自定义切换器,使其显示在你的网站上。所有这些修改都会实时生效,让你可以根据自己的具体要求对切换器进行微调。

设计您的语言切换器

Shopware语言切换器的设计对其效果至关重要。Weglot 卓越的基础框架,运用恰当的设计原则可帮助您针对特定受众优化切换器。

在电子商务中,切换器的即时可见性至关重要--客户永远都不需要寻找语言选项。最有效的位置通常在右侧,要么在顶部(用户自然会在这里寻找重要的导航元素),要么在底部,不碍事。

直观的语言切换也需要注意视觉层次和交互设计。因此,在与整体设计保持和谐的同时,你的语言切换也应该一眼就能识别。微妙而清晰的视觉提示在这方面很有帮助,比如在显示当前语言的同时显示一个地球仪图标。

一个展示语言切换器的网站,使用典型的地球仪图标。

最佳做法要求文字清晰易读,语言名称以母语形式呈现,以便与用户建立直接联系。

在移动设备上提供语言切换器

对于移动端用户,请考虑语言切换器如何与现有的响应式设计集成。例如,桌面端的位置设置可能并不适合移动端用户。

Shopware 网站的两种视图,展示其语言切换器的移动端和桌面端版本。
Shopware 采用两种语言切换器方案:桌面端在屏幕右上角设置小型下拉菜单,移动端则采用大型下拉式标题菜单。

移动商务占销售额的60%以上,因此优化移动设备的语言切换器至关重要。移动用户在使用语言切换器时面临独特挑战,包括有限的屏幕空间和触控交互要求。

台式机版本可能会用标志图标显示完整的语言名称,而移动界面通常需要更紧凑的解决方案:

  • 在页眉中只使用语言代码(德语、英语、法语)。
  • 采用可显示语言选项的扩展图标。
  • 将语言切换器置于移动端菜单内,以实现更简洁的页眉设计。

关键是要保持可视性,同时又不使用户界面杂乱无章,因为移动用户与商店的交互方式与台式机用户不同。触摸和触觉反馈需要特定的设计考虑,例如触摸目标需要有舒适的大小和适当的间距。

您甚至可以考虑使用全屏语言切换器替代传统的下拉菜单,因为后者在触摸屏上可能存在操作障碍。这种无障碍设计是许多商店忽视却已成为必要的要求。事实上,您的国际客户可能存在不同程度的操作能力差异,因此语言切换器应当满足所有用户的需求

好消息是,Weglot 固有的切换器设计包含了无障碍功能。与accessiBe等服务相结合,并利用 Shopware 自身的辅助功能,您就可以高枕无忧了。

关于Shopware 语言切换器的常见问题

在结束之前,我们希望确保您对如何实现Shopware语言切换器了如指掌。以下问答内容将帮助您填补知识中的空白!

如何在我的Shopware 商店中添加多种语言?

虽然 Shopware 通过其销售渠道设置提供了本地多语言功能,但使用Weglot 提供了一种更简化的方法。Weglot 可自动完成语言添加和初始内容翻译过程。这反过来又大大减少了您的设置时间和未来的维护工作。更重要的是,使用 Shopware,您需要提供翻译,而使用Weglot ,您将获得一个完全机器翻译的网站,然后您可以对其进行完全编辑控制。

语言切换器会影响我店铺的性能吗?

有了Weglot,通过高效的代码执行和 CDN 交付,对 Shopware 商店性能的影响将降到最低。该平台的优化功能可确保您看到快速的加载时间和流畅的语言切换,而不会影响您商店的速度。

我可以自定义语言切换器的外观吗?

是的Weglot 在保持良好技术实践的同时Weglot 丰富的自定义选项。您可通过Weglot “设置 > 语言切换器”界面调整切换器设计,使其与店铺美学风格相匹配。这些更改将立即生效,您还可使用切换器编辑器在网站前端查看语言切换器的同时进行修改。

Shopware语言切换器(及更多功能!)由Weglot提供

这可能看似无关紧要,但Shopware语言切换器对任何多语言运营的成功都至关重要。这个看似不起眼却核心的功能模块,正是用户在您网站上体验的核心所在。

Shopware本身提供了基础的多语言功能,但其翻译功能及用户友好性方面存在不足。相比之下Weglot 机器翻译,Weglot 完整的编辑控制权、多语言SEO优化,以及无需编码即可自定义的语言切换器。

若您准备为店铺添加Shopware语言切换器,且希望省去繁琐操作,不妨Weglot10天免费试用,亲身体验触达国际客户的便捷性。

方向图标
探索 Weglot

 110,000 多个品牌都在用 Weglot 翻译自己的网站,赶紧加入吧!

用AI即时翻译你的网站,再通过人工编辑进行优化,几分钟内就能上线。

这篇文章里,我们会聊聊:
火箭图标

准备好开始了吗?

要了解Weglot 强大功能,最好的方式Weglot 亲自体验。免费试用,无需任何承诺。

要Weglot 强大功能Weglot 最好的方式Weglot 亲自体验。立即免费试用,无需任何承诺。

若您尚未准备好连接自己的网站,控制面板中已提供演示网站。

你可能也会喜欢这些文章

常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头