创建多语言网站时,特别注意语言切换元素非常重要。 这是因为用户在想要切换语言时会频繁访问此部分。
对于那些拥有PrestaShop多语言网站的人来说也是如此。 因此,为PrestaShop创建一个友好、可访问且易于使用的语言切换器非常重要。
在本文中,我们将讨论如何为PrestaShop设置语言切换器。 因此,对于PrestaShop上的多语言网站或电子商务所有者,请阅读本文直到最后以获得完整的指南!
为什么语言切换器对于多语言网站PrestaShop很重要?
语言切换器是多语言网站上必须存在的元素之一,因为这是用户在切换语言时经常访问和使用的元素。
除了用于切换语言之外,语言切换器对于PrestaShop多语言网站还有什么重要性? 请参阅下面的完整解释。
- 增强的用户体验:易于导航的语言切换器有助于语言之间的无缝转换,简化用户导航和内容理解。 这一增强功能有助于打造整体积极的用户体验,最大限度地减少挫败感并提高用户参与度。
- 直观的导航:语言切换器应该易于发现并且用户友好。 精心设计的界面可确保切换器位于显着位置,并采用清晰、易于识别的图标或标签,鼓励用户轻松地在语言之间切换。
- 降低跳出率:用户友好的语言切换器在降低跳出率方面发挥了作用。 当访问者能够迅速找到并选择他们喜欢的语言时,他们更有可能留在网站上,探索其内容,并有可能进行转换。
- 有效沟通:语言切换者应与用户进行有效沟通。 清晰简洁的标签或符号有助于传达可用的语言选项,减少混乱,并使用户能够做出明智的选择。
- SEO 优化:搜索引擎在对网站进行排名时会考虑用户体验。 一个执行良好、用户友好的语言切换器可以对 SEO 产生积极影响,提高网站对使用各种语言进行搜索的用户的可见性和可访问性。
- 语言性能测量:一些语言切换器模块(例如Linguise提供语言性能分析,使您可以了解每种语言版本在您的网站上的性能。 这可以帮助您根据真实用户数据优化语言策略。
如何设置PrestaShop的语言切换器?
语言切换器是翻译服务通常提供的元素或功能之一,用户只需对其进行自定义即可。
然而,并非所有翻译服务都提供易于修改、灵活并提供各种定制的语言切换功能。
然而,对于那些想要友好且易于定制的PrestaShop语言切换器的人来说, Linguise可以成为一个解决方案。
Linguise自动翻译是一项网站翻译服务,只需几秒钟即可自动翻译。 它与 40 多个 CMS 平台集成,包括PrestaShop的自动翻译。
使用Linguise ,您可以创建一个友好的PrestaShop网站语言切换器,易于访问者使用,从而提供非凡的好处。 设置语言切换器网站PrestaShop有几个步骤,以下是一些步骤。
第 1 步:注册Linguise免费帐户
步骤2:添加域名网站PrestaShop
下一阶段涉及将网站域添加到Linguise仪表板。 需要填写一些信息。
- 帐户
- 网址
- 平台,选择PrestaShop
- 语言
- 翻译语言
- 翻译网址
下一步是激活 API 密钥并设置语言 URL。 PrestaShop中安装Linguise的指南或观看下面的视频教程。
第 3 步:启用语言切换器
完成所有配置后,下一步将进入语言切换配置,并显示一个标志,方便用户切换语言。 为此,请复制Linguise仪表板中可用的代码,转至Linguise仪表板 > 设置 > 复制到剪贴板。
在页面标题中插入上述脚本,即…/themes/your-theme/templates/_partials/head.tpl
语言切换器的高级自定义可以通过以下步骤完成。
第 4 步:设置主显示屏
在此步骤中,我们将进一步设置语言切换器设计,您可以在Linguise仪表板 > 设置 > 语言标志显示中找到该设计。
在第一个设置中,我们将配置主显示器。 有几个部分需要注意。
第一个是语言列表显示形式,在这里,您可以从三个可用选项中进行选择,即并排、下拉或弹出。 然后在左侧,有每个列表表单的预览显示。
第一种形式并列如下。
第二种形式是下拉菜单,如下所示。
最后是弹出表单。
接下来是设置位置,该位置选项显示语言切换器将放置的位置。 您可以从各种可用的职位选项中进行选择。 确保选择一个访客容易找到的位置。
最后,选择标志+语言名称、标志+短名称的组合,或仅选择标志。
第5步:设置标志设计
接下来,在主显示屏下方,有旗帜的设计设置。 一些设置选项可以在下图中找到。
- 语言名称显示:您可以根据国家名称或语言名称选择名称显示,例如“德语”或“德语”。
- 英语标志类型:此选项用于具有多种类型的语言,例如“美国英语”或“英国英语”(类似于西班牙语、台湾语、德语和葡萄牙语)。
- 旗帜样式:用于衡量旗帜图标的形状,是圆形还是方形(矩形)。
第六步:选择旗帜的颜色和尺寸
配置标志设计后的下一步是调整颜色、大小和各种其他元素。 在下面的显示中,有几个可自定义的设置,例如:
- 标记边框半径:使用矩形时自定义边框半径(以像素为单位)。
- 语言名称颜色:选择语言名称的默认文本颜色。
- 弹出语言颜色:弹出或下拉区域中语言标题的颜色。
- 旗帜大小:调整旗帜的大小。
- 语言名称悬停颜色:语言名称的鼠标悬停文本颜色。
- 弹出语言悬停颜色:鼠标悬停在弹出窗口或下拉菜单中的语言标题的文本颜色。
第7步:调整flag box-shadow
在最后阶段,您可以对旗帜上的阴影设置进行设置。 第一个设置允许您为网站上的每个标志定义阴影,下一个设置是悬停时语言标志的阴影。
如果是这样,请不要忘记选择“保存”来保存语言切换器自定义。
为PrestaShop设置语言切换器后,以下是语言切换器的结果。
优化语言切换器PrestaShop的技巧
优化PrestaShop中的语言切换器对于为使用不同语言的客户提供无缝且用户友好的体验至关重要。 以下是一些可帮助您优化PrestaShop中的语言切换器的提示。
- 安装并激活语言:PrestaShop支持的所有语言。 您可以在“国际”选项卡下的“本地化”部分中执行此操作。
- 使用清晰的语言切换器:将语言切换器放置在网站的显着位置,通常位于页眉或页脚中。 为每种语言使用清晰且易于识别的语言图标或标志,使其对用户来说直观。
- 考虑语言名称:不要使用标志,而是考虑使用其本机形式的语言名称。 旗帜可能会令人困惑,因为某些语言可能在多个具有不同旗帜的国家/地区使用。
- 为语言启用友好的 URL:为每种语言启用 SEO 友好的 URL。 这可以在“SEO 和 URL”选项卡下的“首选项”部分中完成。 这有助于搜索引擎针对每种语言正确索引您的页面。
- 设置默认语言:设置商店的默认语言。 这是访问者第一次登陆您的网站时会看到的语言。 您可以在“本地化”部分设置默认语言。
- 优化特定语言的内容:确保您的产品描述、元标记和其他内容针对每种语言准确翻译。 这对于 SEO 以及为不同语言的用户提供有意义的体验至关重要。
- 启用语言自动检测:考虑根据用户的浏览器设置实现语言自动检测。 这可以为访问者提供更加个性化的体验,自动以他们的首选语言显示内容。
- 保持语言切换器一致:保持网站所有页面的语言切换器的一致性。 用户应该能够轻松切换语言,无论他们在哪个页面上。
通过遵循这些提示,您可以在PrestaShop中创建更有效且用户友好的语言切换器,以满足不同的受众并增强商店的整体购物体验。