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

 Magento上的夏末特卖,限时优惠
目录

设置语言切换器 在 Magento 上至关重要。此功能对于针对国际受众的网站来说非常重要,因为能够轻松切换语言已成为当前市场上的迫切需求。

虽然这个过程最初看起来令人生畏,但本指南将引导您完成在 Magento 网站上高效、有效地设置语言切换器的步骤。通过遵循这些说明,您可以顺利地实施这一有价值的功能,从而增强您的网站为多元化、多语言受众提供服务的能力。.

为什么要为 Magento设置语言切换器?

 Magento 商务平台工具插图

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

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

通过实施这些功能,您使Magento商店对多元化的全球受众更具可访问性和用户友好性,可能会增加网站流量、参与度和销售额。

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

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

然而,值得注意的是,并非所有翻译服务都提供易于定制和用户友好的语言切换器。因此,选择与各种框架兼容并提供灵活语言切换器功能的自动翻译服务至关重要。.

一个满足这些标准的优秀服务是 Linguise。它提供了一个易于定制和用户友好的语言切换器功能,并与 Magento无缝集成。.

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

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

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

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

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

步骤 2:将域名网站添加到 Magento

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

  • 账户详情
  • 网站网址
  • 平台选择(选择 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服务器重写”选项。.

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网站翻译成其他语言,例如西班牙语。.

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

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

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

轻松实现语言指示器

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

在语言切换器中使用全球公认的语言符号或旗帜至关重要。这使得访客能够快速定位并选择他们偏好的语言。使用熟悉的符号可以创造直观的用户体验,使访客能够轻松导航到他们所需的语言版本。关键是选择全球公认的指示器以防止误解。.

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

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

这种方法结合了视觉提示(旗帜)和文本(语言代码),使来自不同背景的用户能够轻松识别他们喜欢的语言。旗帜可以立即被识别,而缩写则提供了额外的清晰度。. 

例如,讲西班牙语的访客可以快速发现西班牙国旗和‘ES’缩写,只需点击一下即可将网站切换到西班牙语。这种用户友好的设计增强了整体浏览体验,并可能增加网站的参与度和转化率。.

Combine language names and flags

购物中心的详细平面图

虽然旗帜在视觉上很吸引人,但最好还是将它们与语言的原生名称配对。这一策略有助于避免混淆,特别是因为有些语言在多个国家使用,且具有不同的旗帜。.

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

例如,一家服务于多元化受众的全球新闻网站。他们的语言切换器可能看起来像这样。.

语言选项列表

在这种情况下:

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

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

战略性地定位语言切换器

计算机屏幕图表的黑白图像。计算机界面的技术插图。.

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

在所有页面上保持一致的位置,确保访客可以轻松访问语言切换器,无论他们的入口点或当前页面如何。这种一致性有助于提供流畅和可预测的用户体验。.

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

  1. 标题位置:语言切换器位于标题的右上角,靠近用户帐户图标和货币选择器。它在每个页面上都可见,并允许用户在浏览或预订过程中随时切换语言。
  2. 一致的设计: 语言切换器显示为一个地球图标,后面跟着当前语言(例如,“🌐 English”)。点击后,它会打开一个包含其他语言选项的下拉菜单。
  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