如何在 Magento 上设置语言切换器

 Magento夏季末促销,限时优惠
Table of Contents

设置语言切换器 在 Magento 上是必不可少的。对于面向国际受众的网站来说,这一功能至关重要,因为在当前市场中,能够轻松切换语言已成为一项迫切需求。

虽然这个过程一开始可能看起来有些棘手,但本指南将引导您逐步在您的 Magento 网站上高效且有效地设置语言切换器。按照这些说明操作,您可以顺利实现这一宝贵功能,从而增强您的网站服务多元化、多语言受众的能力。.

为什么您应该为 Magento设置语言切换器?

 Magento 商务平台工具插图

以下是您应该为 Magento设置语言切换器的四个关键原因。.

  1. 提升用户体验: 语言切换器让访客能够以自己偏好的语言访问内容,从而提升他们对您网站的理解和参与度。例如,一位讲西班牙语的客户访问基于英语的 Magento 商店时,可以轻松切换到西班牙语,从而更简便地浏览产品、阅读描述并完成购买。
  2. 拓展市场覆盖范围: 通过提供多种语言,您可以触达全球受众并进入新市场,从而有可能增加客户群和销售额。例如,美国的一家在线服装店实施了语言切换器,提供英语、法语和德语选项。这使他们能够有效地向加拿大和其他欧洲国家的客户营销产品,而无需创建单独的网站。
  3. 提升SEO表现: 一个实施得当的语言切换器可以增强您的 多语言SEO 效果,让您的网站在不同语言和地区的搜索结果中更显眼。例如,一家基于 Magento的电子产品商店同时提供英语和日语内容。当日本用户用日语搜索产品时,该商店的日语页面更有可能出现在搜索结果中,从而带来更多有针对性的流量。
  4. 提高转化率: 当访客能够用母语理解产品详情、政策和购买流程时,他们更有可能完成交易并成为客户。例如,一位意大利客户在浏览 Magento 上的国际美容产品商店时,发现了切换到意大利语的选项。现在他们可以轻松理解产品成分、使用说明和运输政策,从而增强了购买信心。

通过实施这些功能,您可以让您的 Magento 商店对多元化的全球受众更易于访问且更加用户友好,并有可能 增加网站流量、互动和销售。

如何在 Magento上设置语言切换器?

网站翻译服务通常提供此功能,并可根据您的具体需求进行定制。.

不过,值得注意的是,并非所有翻译服务都提供易于自定义且用户友好的语言切换器。因此,选择一款兼容多种框架并提供灵活语言切换功能的自动翻译服务至关重要。.

在满足这些标准方面,有一项服务尤为突出,那就是 Linguise。它提供了语言切换功能,易于自定义且用户友好,并能与 Magento无缝集成。.

通过利用 Linguise 与 Magento CMS 的无缝集成,您可以轻松地将语言切换器集成到您的 多语言网站中。 借助 Linguise 的功能和直观界面,在您的 Magento 网站上设置和维护语言切换器变得非常简单。以下部分概述了在 多语言 Linguise 网站上 Magento 安装 并配置语言切换器的步骤。

Break Language Barriers
告别语言障碍,迎接无限增长!立即试用我们的自动翻译服务。.

第 1 步:注册免费的 Linguise 账户

首先, 免费注册一个 Linguise 账户 ,即可享受一个月的试用期。注册流程非常简单——只需提供您的电子邮箱地址即可创建登录凭证。

在此试用阶段,您将可以使用 Linguise的出色功能。试用期结束后,您将自动跳转到 Linguise 仪表板。.

第 2 步:添加域名网站 Magento

成功创建 Linguise 账户后,您将被重定向到仪表板。在那里,您需要 添加您网站的域名 信息。找到 “添加域名” 选项并点击它。然后您将看到一个包含多个字段需要填写的表单:

  • 账户详情
  • 网站 URL
  • 平台选择(选择 Magento)
  • 您网站的主要语言
  • 您想翻译成的语言
  • 翻译 URL 的选项
  • 设置动态内容翻译

填写完所有必要信息后,点击“下一步”按钮。.

一张深色图片,隐约可见文字和线条。该图片似乎是网页或文档的截图。.
一张深色图片,带有浅灰色文字和线条。该图片看起来是一张低分辨率截图。.

在接下来的阶段,您需要输入一个 API 密钥。该密钥将提供给您,并且是设置过程中必不可少的。.

带有翻译工具的 YouTube 视频截图图片

第3步:上传 Linguise 脚本

下一步是将 Linguise 翻译脚本添加到您的 Magento 服务器:

  1. 从 Linguise获取 PHP-JS 翻译脚本。.
  2. 解压缩下载的文件内容。.
  3. 将解压后的文件传输到您 Magento 安装的主目录中。.

请确保:

  • 该脚本位于您网站与 Magento 文件并列的顶级目录中。.
  • 该文件夹保留其原始名称“linguise”。.
计算机文件系统的屏幕截图。.

接下来,您必须将您的 Linguise API 密钥整合到您刚刚上传的 Configuration.php 文件中。打开此文件进行编辑,找到占位符文本“REPLACE_BY_YOUR_TOKEN”,并将其替换为您的实际 API 密钥,同时将其保留在引号内。.

带有语法高亮显示的代码片段。.

第4步:为 Magento配置URL重写

访问您的 Magento 管理面板,并通过侧边栏菜单按照以下路径操作:  商店 > 设置 > 配置 > 常规 > Web > 搜索引擎优化

到达那里后,找到并激活“使用 Web 服务器重写”选项。.

Azure 配置设置页面。Microsoft Azure 设置。.

接下来,您需要在 .htaccess 文件中设置特定语言的 URL。打开默认的 Magento 2 .htaccess 文件,找到写着“RewriteEngine on”的那一行。紧接在这一行之后,插入一段特定的代码片段。.

此配置使 Magento 能够正确处理和路由您网站不同语言版本的请求,从而增强您的多语言设置。. 

请记住,修改 .htaccess 文件需要非常注意细节,因为错误的更改可能会影响您网站的功能。如果您不放心自行进行这些更改,可以考虑向熟悉 Magento 配置的开发者寻求帮助。.

				
					<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>

				
			

第 5 步:激活并自定义语言切换器

语言切换器是一个旗帜弹窗,允许用户选择他们偏好的语言。要加载它,请复制网站配置末尾提供的代码,并将其放置在 HTML 页面的 head 中。旗帜语言切换器随后将自动加载。.

您可以在 Linguise 仪表板中找到要复制并加载到网站页眉中的代码,方法是导航到 Your Domain > Settings > Tab > Script PHP。

一张空白的黑白图片。背景纹理。.

此代码应插入到页面的页眉中。 Magento 2 允许您通过配置设置向页面头部添加内容。.

设计配置表截图

在管理面板中,导航至 内容 > 配置 并编辑您的默认商店主题视图。接下来,点击 HTML Head 部分,将复制的脚本粘贴到 Scripts and Style Sheets 输入字段中。最后,保存配置。

黑色屏幕上显示白色文字,右侧有一个灰色圆圈。文字似乎是一条错误信息。.

语言切换器最初显示在网站右下角的浮动位置。您可以前往 Linguise 仪表盘 > 设置 > 语言旗帜显示,自定义其外观和位置。

第 6 步:设置主显示

语言切换器默认以浮动形式显示在网站右下角。您可以通过 Linguise 仪表板调整其外观和位置,方法是前往 设置 > 语言旗帜显示。

语言旗帜显示的设置菜单

步骤 7:配置旗帜设计

调整主显示设置后,您可以进一步自定义语言标志的设计。.

  • 语言名称显示: 您可以选择根据国家或语言本身来显示语言名称,例如“French”或“Français”。
  • 英语旗帜类型: 这对于有多种变体的语言非常有用,例如美式或英式英语、西班牙语、台湾地区中文、德语和葡萄牙语。
  • 旗帜样式: 选择旗帜图标的形状,圆形或矩形。
一张展示各种旗帜类型和语言的截图。.

第 8 步:设置颜色和大小

确定旗帜设计后,您可以通过以下设置继续自定义旗帜的颜色和尺寸:

  • 旗帜圆角半径: 调整矩形旗帜样式的圆角半径,以像素为单位。
  • 语言名称颜色: 选择语言名称的默认文本颜色。
  • 弹窗语言颜色: 设置弹窗或下拉区域中语言标题文本的颜色。
  • 旗帜大小: 调整旗帜图标的大小。
  • 语言名称悬停颜色: 定义用户将鼠标悬停在语言名称上时显示的文本颜色。
  • 弹窗语言悬停颜色: 设置当用户将鼠标悬停在弹窗或下拉区域中的语言标题上时显示的文字颜色。
带有空可自定义选项的设置菜单

第 9 步:设置旗帜框阴影

最后,您可以调整旗帜框的阴影设置。第一个选项允许您为网站上显示的每个旗帜图标添加阴影效果。第二个选项控制用户将鼠标悬停在语言旗帜上时的阴影效果。.

 

完成所有必要调整后,点击 保存 按钮以应用自定义更改。然后,前往您的 Magento 网站,确认配置已成功应用。这样您就能了解语言切换器的显示效果。

黑色屏幕,带有设置和自定义按钮。.

完成设置后,您可以在 Magento 多语言网站上看到语言切换器。.

四张黑白产品图片。展示了各种产品。.

我们将自动把 Magento 网站翻译成其他语言,例如西班牙语。.

人物与艺术的黑白照片。各种摄影风格。.

在 Magento 上增强语言切换器的 4 种策略

在您的 Magento 多语言网站上设置好语言切换器后,您必须掌握 设计语言选择器 并优化其性能以提升网站和用户体验的最佳策略。

轻松实现语言指标

人们围绕着一台大显示器一起工作。团队协作概念。.

在语言切换器中使用全球通用的语言符号或旗帜至关重要。这能让访客快速找到并选择他们偏好的语言。采用熟悉的符号可以打造直观的用户体验,让访客轻松导航至他们想要的语言版本。关键在于选择全球公认的标识,以避免产生误解。.

例如,一家 多语言电子商务网站 销售体育器材。他们的语言切换器可以结合使用国家旗帜和语言缩写:

  • EN(英文版)
  • ES(西班牙语)
  • FR(法语)
  • DE(德语)
  • JP(日语)

这种方法将视觉提示(旗帜)与文字(语言代码)相结合,让来自不同背景的用户都能轻松识别自己偏好的语言。旗帜一目了然,而缩写则提供了额外的清晰度。. 

例如,一位说西班牙语的访客可以快速识别出西班牙国旗和“ES”缩写,只需点击一下即可将网站切换为西班牙语。这种用户友好的设计提升了整体浏览体验,并有可能提高网站的参与度和转化率。.

组合语言名称和旗帜

购物中心的详细平面图

虽然国旗具有视觉吸引力,但将其与语言的母语名称搭配使用会更有益。这一策略有助于避免混淆,尤其是因为某些语言在多个国家使用,而各国的国旗各不相同。.

使用实际语言名称可以消除歧义,确保访客能够准确识别并选择他们偏好的语言,避免误解。此外,这种方法促进了包容性,并体现了对文化多样性的尊重。.

例如,一个面向多元化受众的全球新闻网站。其语言切换器可能如下所示。.

语言选项列表

在这种情况下:

  1. 使用旗帜可提供快速的视觉提示。.
  2. 语言名称以其母语文字书写(如日语、法语等),该语言的母语者可以立即识别。.

这种方法对于像西班牙语或英语这样在多个国家使用的语言尤其有帮助。例如,来自墨西哥或阿根廷的用户会看到“Español”,而无需在多个西班牙语国家的旗帜之间进行选择。同样,来自英国、美国、澳大利亚或其他英语国家的用户,无论使用哪面旗帜,都能识别“English”。.

战略性地放置语言切换器

一张计算机屏幕示意图的黑白图像。计算机界面的技术插图。.

将语言切换器放置在网站上一个显眼且易于访问的位置至关重要。常见且有效的位置包括页眉、页脚或主导航菜单。这些位置对大多数网络用户来说都很直观,并且符合他们在寻找语言选项时的预期。.

在所有页面上保持一致的位置,可确保访客无论从哪个入口进入或身处哪个页面,都能轻松找到语言切换器。这种一致性有助于打造流畅且可预期的用户体验。.

例如,一个面向全球受众的国际酒店预订网站。他们可以按如下方式实施其语言切换器策略。.

  1. 页眉位置: 语言切换器位于页眉的右上角,紧邻用户账户图标和货币选择器。它在每个页面上都可见,允许用户在浏览或预订过程中的任何时候切换语言。
  2. 一致的设计: 语言切换器显示为一个地球图标,后跟当前语言(例如“🌐 英语”)。点击后会打开一个包含其他语言选项的下拉菜单。
  3. 页脚备用: 页脚包含所有可用语言的文本列表,提供另一个访问入口。

这种战略性布局确保无论用户是进入首页、特定酒店页面还是预订确认页面,都能轻松找到并使用语言切换器。例如,一位法国用户在浏览东京的酒店选项时,可以快速将网站切换为法语,从而更轻松地理解客房描述和预订条款,提升用户体验,并有可能提高完成预订的可能性。.

保持所有页面语言切换器的一致性

时尚网站的自适应设计

确保语言切换器在整个网站中保持统一的外观和功能至关重要。无论用户当前处于哪个页面或正在查看什么内容,都应能够轻松切换语言。这种一致性可提供无缝的用户体验,并增强语言选项的可访问性,从而为您的多语言网站建立信任和信心。.

例如,一个销售电子产品的全球电子商务平台。以下是他们可能实施一致语言切换器策略的方式。.

  1. 统一设计: 语言切换器以地球图标的形式显示,并带有当前语言代码(例如“🌐 EN”),位于每个页面的右上角,包括产品列表、单个产品页面、购物车和结账页面。
  2. 功能一致: 无论用户在哪个页面,点击语言切换器时,始终会打开同一个包含所有可用语言的下拉菜单。
  3. 内容保留:当用户切换语言时,他们仍停留在同一页面,但内容会以新选择的语言显示。例如,如果用户正在用英语查看笔记本电脑的规格,然后切换到西班牙语,他们会看到同一款笔记本电脑的详细信息,此时已变为西班牙语。.
  4. URL 结构: 切换语言时,URL 结构会一致地变化。例如:

案例研究: 一位日本客户在浏览英文版网站上的笔记本电脑时,决定切换到日语以便更好地理解。他们点击页眉中的“🌐 EN”图标,从下拉菜单中选择“日本語”,页面随即刷新,显示相同的笔记本电脑详情,但内容已变为日语。URL 从“/products/…”变为“/ja/製品/…”。

这种在网站所有页面和功能中保持一致的体验,确保用户能够自信地以自己偏好的语言进行浏览和购物,从而有可能提高他们完成购买并在未来再次访问该网站的可能性。.

准备好探索新市场了吗?免费试用我们的自动翻译服务,享受 1 个月无风险试用。无需信用卡!

使用 Linguise在 Magento 上设置语言切换器!

到目前为止,您应该已经了解,您正在为多语言 Magento 网站设置语言切换器。实现语言切换器可以带来诸多好处,并且可以根据我们的指南进行自定义。.

优化您的语言切换器可以显著提升 Magento 网站的整体用户体验。下一步是 创建一个 Linguise 账户, 将其与您的 Magento 网站集成,并微调语言切换器设置。这些操作将改善用户体验,使您的多语言电商网站更易于访问且更加用户友好。

请记住,在您的 Magento 平台上,一个实施良好的语言切换器可以带来更好的互动、更高的转化率,并提升不同语言市场中的客户满意度。它是打造真正多语言网站的关键要素。.

您可能还感兴趣阅读

别错过!
订阅我们的新闻简报

获取有关网站自动翻译、国际SEO等的最新资讯!

Invalid email address
试一试吧。每月一次,您可以随时取消订阅。.

别走,留下您的邮箱!

我们无法保证您会中彩票,但我们可以承诺提供一些关于翻译的有趣资讯以及偶尔的折扣。.

别错过!
Invalid email address