在Magento设置语言切换器至关重要。 此功能对于面向国际受众的网站至关重要,因为轻松切换语言的能力已成为当前市场的迫切需求。
虽然这个过程最初可能看起来令人畏惧,但本指南将引导您完成在Magento网站上高效且有效地设置语言切换器的步骤。 通过遵循这些说明,您可以顺利地实施这一有价值的功能,从而增强您的网站迎合多样化、多语言受众的能力。
为什么要为Magento设置语言切换器?
以下是您应该为Magento设置语言切换器的四个主要原因。
- 增强的用户体验:语言切换器允许访问者以其首选语言访问内容,从而提高他们对您网站的理解和参与度。 Magento西班牙语客户可以轻松切换到西班牙语,从而更轻松地浏览产品、阅读说明和完成购买。
- 扩大市场覆盖范围:通过提供多种语言,您可以瞄准全球受众并进入新市场,从而有可能增加您的客户群和销售额。 例如,美国的一家在线服装店实施了语言切换器,可以选择英语、法语和德语。 这使他们能够有效地向加拿大和其他欧洲国家的客户推销他们的产品,而无需创建单独的网站。
- 提高 SEO 性能:实施良好的语言切换器可以增强您的多语言 SEO工作,使您的网站在不同语言和地区的搜索结果中更加明显。 例如,一家Magento的电子商店提供英语和日语内容。 当日本用户用他们的语言搜索产品时,商店的日语页面更有可能出现在搜索结果中,从而带来更有针对性的流量。
- 提高转化率:当访问者能够用其母语了解产品详细信息、政策和购买流程时,他们更有可能完成交易并成为客户。 例如,一位意大利客户在Magento时发现可以选择切换到意大利语。 他们现在可以轻松了解产品成分、使用说明和运输政策,增加购买信心。
通过实施这些功能,您可以使您的Magento商店对于全球不同的受众来说更易于访问和用户友好,从而有可能增加网络流量、参与度和销售额。
如何在Magento上设置语言切换器?
第 1 步:注册免费Linguise帐户
第2步:添加域名网站Magento
成功创建Linguise帐户后,您将被重定向到仪表板。 在那里,您需要添加网站的域名信息。 查找“添加域”选项并单击它。 然后您将看到一个包含多个字段需要填写的表单:
- 帐户详细资料
- 网址
- 平台选择(选择Magento )
- 您网站的主要语言
- 您想要翻译成的语言
- 翻译 URL 的选项
- 动态内容翻译设置
完成所有必要的信息后,单击“下一步”按钮。
在下一阶段,您需要输入 API 密钥。 该密钥将提供给您,并且对于设置过程至关重要。
第 3 步:上传Linguise脚本
下一步涉及将Linguise翻译脚本添加到您的Magento服务器:
- 从Linguise获取 PHP-JS 翻译脚本。
- 提取下载文件的内容。
- 将提取的文件传输到Magento安装的主目录。
确保这件事:
- 该脚本与Magento文件一起位于您网站的顶级目录中。
- 该文件夹保留其原始名称“ linguise ”。
接下来,您必须将Linguise API 密钥合并到刚刚上传的 Configuration.php 文件中。 打开此文件进行编辑,找到占位符文本“REPLACE_BY_YOUR_TOKEN”,并将其替换为您的实际 API 密钥,并将其放在引号内。
步骤 4:配置Magento的 URL 重写
访问您的Magento管理面板并按照以下路径浏览侧边栏菜单:商店 > 设置 > 配置 > 常规 > 网页 > 搜索引擎优化
到达那里后,找到并激活“使用 Web 服务器重写”选项。
接下来,您需要在 .htaccess 文件中设置特定于语言的 URL。 打开默认的Magento 2 .htaccess 文件并找到显示“RewriteEngine on”的行。 紧接着该行之后,您将插入一个特定的代码片段。
此配置允许Magento正确处理和路由站点不同语言版本的请求,从而增强您的多语言设置。
请记住,修改 .htaccess 文件需要仔细注意细节,因为不正确的更改可能会影响网站的功能。 如果您不愿意自己进行这些更改,请考虑向熟悉Magento配置的开发人员寻求帮助。
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]
第 5 步:激活并自定义语言切换器
语言切换器是一个标志弹出窗口,允许用户选择他们的首选语言。 要加载它,请复制网站配置末尾提供的代码并将其放置在 HTML 页面的头部。 然后,旗帜语言切换器将自动加载。
通过导航至“您的域名”>“设置”>“选项卡”>“PHP 脚本”,Linguise的网站标题中找到要复制和加载的代码
应该将此代码插入到页面的标题中。 Magento 2 使您能够通过配置设置将内容添加到页面的头部。
在管理面板中,导航到内容 > 配置并编辑您的默认商店主题视图。 接下来,单击 HTML Head 部分并将复制的脚本粘贴到脚本和样式表输入字段中。 最后,保存配置。
语言切换器最初显示在网站右下角的浮动位置。 您可以通过导航至Linguise仪表板 > 设置 > 语言标志显示来自定义其外观和位置。
第 6 步:设置主显示屏
默认情况下,语言切换器显示在网站右下角的浮动位置。 您可以通过Linguise仪表板转至设置 > 语言标志显示来调整其外观和位置。
步骤7:配置标志设计
调整主显示设置后,您可以进一步自定义语言标志的设计。
- 语言名称显示:您可以选择根据国家/地区或语言本身显示语言名称,例如“French”或“Français”。
- 英语标志类型:这对于具有多种变体的语言非常有用,例如美国英语或英国英语、西班牙语、台湾语、德语和葡萄牙语。
- 旗帜样式:选择旗帜图标的形状,圆形或矩形。
第8步:设置颜色和尺寸
完成标志设计后,您可以继续使用以下设置自定义标志的颜色和大小:
- 旗帜边框半径:调整矩形旗帜样式的边框半径,以像素为单位。
- 语言名称颜色:选择语言名称的默认文本颜色。
- 弹出语言颜色:设置弹出或下拉区域中语言标题文本的颜色。
- 旗帜大小:调整旗帜图标的大小。
- 语言名称悬停颜色:定义当用户将鼠标悬停在语言名称上时出现的文本颜色。
- 弹出语言悬停颜色:指定当用户将鼠标悬停在弹出或下拉区域中的语言标题上时出现的文本颜色。
第9步:设置标志box-shadow
最后,您可以调整标志框阴影设置。 第一个选项允许您为网站上显示的每个标志图标添加阴影效果。 第二个选项控制当用户将鼠标悬停在语言标志上时的阴影效果。
完成所有必要的调整后,单击“保存”按钮应用自定义更改。 然后,转到您的Magento网站以验证配置是否已成功应用。 这将使您了解语言切换器的显示方式。
完成设置后,您可以在Magento多语言网站上看到语言切换器。
我们会自动将Magento网站翻译成其他语言,例如西班牙语。
增强Magento语言切换器的 4 种策略
Magento上设置语言切换器后设计语言选择器最佳策略,以增强您的网站和用户体验。
轻松实施语言指标
在语言切换器中使用普遍认可的语言符号或标志至关重要。 这使得访问者可以快速找到并选择他们喜欢的语言。 使用熟悉的符号可以创造直观的用户体验,使访问者能够轻松导航到他们想要的语言版本。 关键是要选择全球认可的指标,防止误解。
例如,多语言电子商务网站。 他们的语言切换器可以使用国旗和语言缩写的组合:
- EN(英语)
- ES(西班牙语)
- FR(法语)
- DE(德语)
- JP(日语)
这种方法将视觉提示(标志)与文本(语言代码)相结合,使来自不同背景的用户可以轻松识别他们的首选语言。 标志可以立即识别,而缩写则更加清晰。
例如,讲西班牙语的访问者可以快速找到西班牙国旗和“ES”缩写,只需单击一下即可将网站切换为西班牙语。 这种用户友好的设计增强了整体浏览体验,并有可能提高网站的参与度和转化率。
组合语言名称和标志
虽然标志在视觉上很有吸引力,但将它们与语言的本地名称配对是有益的。 此策略有助于防止混淆,特别是因为某些语言在具有不同标志的多个国家/地区使用。
使用实际的语言名称可以消除歧义,确保访问者能够准确地识别和选择他们喜欢的语言,而不会产生误解。 此外,这种方法促进包容性并表现出对文化多样性的尊重。
例如,一个迎合不同受众的全球新闻网站。 他们的语言切换器可能看起来像这样。
在这种情况下:
- 标志的使用提供了快速的视觉提示。
- 语言名称用其母语书写(如日语、法语等),该语言的使用者可以立即识别。
这种方法对于多个国家使用的西班牙语或英语等语言特别有用。 例如,来自墨西哥或阿根廷的用户会看到“Español”,而不是在多个西班牙语国家国旗之间进行选择。 同样,来自英国、美国、澳大利亚或其他英语国家的用户都可以识别“English”,无论使用什么国旗。
战略性地定位语言切换器
将语言切换器放置在网站上显着且易于访问的位置至关重要。 常见且有效的位置包括页眉、页脚或主导航菜单。 这些位置对于大多数网络用户来说都很直观,并且符合他们在寻找语言选项时的期望。
在所有页面上保持一致的位置可确保访问者可以轻松访问语言切换器,无论他们的入口点或当前页面如何。 这种一致性有助于实现流畅且可预测的用户体验。
例如,一个面向全球受众的国际酒店预订网站。 他们可以按如下方式实施语言切换策略。
- 标题位置:语言切换器位于标题的右上角,用户帐户图标和货币选择器旁边。 它在每个页面上都可见,并允许用户在浏览或预订过程中随时切换语言。
- 一致的设计:语言切换器显示为地球图标,后跟当前语言(例如“🌐英语”)。 单击时,它会打开一个包含其他语言选项的下拉菜单。
- 页脚备份:页脚包括所有可用语言的基于文本的列表,提供替代访问点。
这种战略布局确保用户无论登陆主页、特定酒店页面还是预订确认页面,都可以轻松找到并使用语言切换器。 例如,浏览东京酒店选项的法国用户可以快速将网站切换为法语,以便更轻松地理解房间描述和预订条款,从而增强用户体验并可能增加完成预订的可能性。
保持所有页面的语言切换器的一致性
确保语言切换器在整个网站上保持统一的外观和功能至关重要。 用户应该能够轻松更改语言,无论他们当前的页面或正在查看的内容如何。 这种一致性提供了无缝的用户体验,并增强了语言选项的可访问性,从而增强了对多语言网站的信任和信心。
例如,销售电子产品的全球电子商务平台。 以下是他们如何实施一致的语言切换策略。
- 统一设计:语言切换器在每个页面(包括产品列表、单个产品页面、购物车和结账页面)的右上角显示为带有当前语言代码(例如“🌐 EN”)的地球图标。
- 一致的功能:单击语言切换器始终会打开包含所有可用语言的相同下拉菜单,无论页面如何。
- 内容保留:当用户切换语言时,他们仍保留在同一页面上,但内容以新选择的语言显示。 例如,如果用户正在用英语查看笔记本电脑的规格,然后切换到西班牙语,他们会看到同一台笔记本电脑的详细信息,但现在是西班牙语。
- 网址结构: 切换语言时 URL 结构会一致变化。 例如:
案例研究:一位日本客户在英文版网站上浏览笔记本电脑,决定切换到日语版以便更好地理解。 他们单击标题中的“🌐 EN”图标,从下拉列表中选择“日本语”,页面刷新,显示相同的笔记本电脑详细信息,但以日语显示。 URL 从“/products/…”更改为“/ja/制品/…”。
网站所有页面和功能的这种一致体验确保用户可以自信地用他们喜欢的语言导航和购物,从而可能增加他们将来完成购买并返回网站的可能性。