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

 Magento夏季促销,限时优惠
目录

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网站并配置语言切换器的步骤。

打破语言障碍
告别语言障碍,迎来无限增长!今天就试试我们的自动翻译服务吧。.

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

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

在此试用阶段,您将能够使用 Linguise令人印象深刻的功能。试用期结束后,您将被自动重定向到 Linguise 仪表板。.

步骤2:添加域名网站 Magento

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

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

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

一张深色图像,隐约可见文字和线条。图像似乎是网页或文档的截图。.
带有浅灰色文本和线条的暗图像。该图像似乎是低分辨率的屏幕截图。.

在接下来的阶段,您需要输入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服务器重写”选项。.

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页面的头部。然后,旗帜语言切换器将自动加载。.

Linguise中找到要复制并加载到网站头部的代码,方法是导航到“您的域名”>“设置”>“选项卡”>“脚本 PHP”。

空白的黑白图像。背景纹理。.

此代码应插入到页面的头部。 Magento 2使您能够通过配置设置将内容添加到页面的头部。.

设计配置表的截图

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

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

语言切换器最初会以浮动方式显示在您网站的右下角。您可以通过导航至Linguise控制面板 > 设置 > 语言标志显示 来自定义其外观和位置。

步骤6:设置主显示

语言切换器默认出现在您网站右下角的浮动位置。您可以通过Linguise仪表板前往设置 > 语言标志显示

语言标志显示设置菜单

步骤 7:配置旗帜设计

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

  • 语言名称显示:您可以选择根据国家/地区或语言本身显示语言名称,例如“法语”或“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. 统一设计:语言切换器在每个页面的右上角显示为带有当前语言代码(例如,“🌐 ZH”)的地球图标,包括产品列表、单个产品页面、购物车和结账页面。
  2. 功能一致:无论在哪个页面,点击语言切换器都会打开同一个下拉菜单,其中包含所有可用语言。
  3. 内容保留:当用户切换语言时,他们仍停留在同一页面,但内容会以新选择的语言显示。例如,如果用户正在查看英文版笔记本电脑的规格,然后切换到西班牙语,他们会看到同一台笔记本电脑的详细信息,但现在是以西班牙语显示的。.
  4. URL结构: 切换语言时,URL结构会一致地变化。例如:

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

网站所有页面和功能提供的一致体验确保用户能够自信地使用自己喜欢的语言浏览和购物,从而有可能提高他们完成购买和将来再次访问该网站的可能性。.

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

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

到目前为止,您应该已经意识到,您正在为多语言 Magento 网站设置语言切换器。实施语言切换器可以提供许多好处,并根据我们的指南进行自定义。.

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

请记住,在您的 Magento 平台上精心实现的语言切换器可以提升用户参与度、提高转化率,并改善不同语言市场的客户满意度。它是打造真正多语言网站的关键要素。.

您可能也有兴趣阅读

不要错过!
订阅我们的新闻通讯

接收有关网站自动翻译、国际SEO等的新闻!

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

不要离开而不分享您的电子邮件!

我们无法保证您会赢得彩票,但我们可以承诺提供一些有关翻译的有趣信息新闻和偶尔的折扣。.

不要错过!
Invalid email address