Настройка переключателя языков на Magento имеет важное значение. Эта функция крайне важна для сайтов, ориентированных на международную аудиторию, поскольку возможность без усилий переключаться между языками стала насущной потребностью на текущем рынке.
Хотя процесс может показаться сложным на первый взгляд, это руководство проведёт вас через все шаги по настройке переключателя языков на вашем сайте Magento быстро и эффективно. Следуя этим инструкциям, вы сможете без проблем внедрить эту ценную функцию, расширив возможности вашего сайта по обслуживанию разнообразной многоязычной аудитории.
Зачем настраивать переключатель языков для Magento?
Вот четыре ключевые причины, по которым вам следует настроить переключатель языка для Magento.
- Улучшенный пользовательский опыт: Переключатель языков позволяет посетителям получать доступ к контенту на предпочитаемом языке, улучшая их понимание и вовлеченность в ваш сайт. Например, испаноязычный клиент, посещающий англоязычный магазин на Magento , может легко переключиться на испанский, что упрощает просмотр товаров, чтение описаний и завершение покупок.
- Расширение рынка сбыта: Предлагая несколько языков, вы можете охватить глобальную аудиторию и выйти на новые рынки, что потенциально увеличит вашу клиентскую базу и продажи. Например, интернет-магазин одежды в США внедряет переключатель языков с опциями на английском, французском и немецком. Это позволяет им эффективно продвигать свои товары среди клиентов в Канаде и других европейских странах без создания отдельных сайтов.
- Улучшение SEO-показателей: Хорошо реализованный переключатель языков может усилить ваши усилия по многоязычному SEO , делая ваш сайт более заметным в результатах поиска на разных языках и в разных регионах. Например, магазин электроники на базе Magento предлагает контент как на английском, так и на японском языке. Когда японские пользователи ищут товары на своём языке, японские страницы магазина с большей вероятностью появятся в результатах поиска, привлекая более целевой трафик.
- Повышение конверсии: Когда посетители могут понять детали продукта, политики и процесс покупки на родном языке, они с большей вероятностью завершат транзакции и станут клиентами. Например, итальянский клиент, просматривающий международный магазин косметики на Magento , находит возможность переключиться на итальянский. Теперь он может легко понять ингредиенты продукта, инструкции по использованию и политику доставки, что повышает его уверенность в покупке.
Внедрив эти функции, вы сделаете свой магазин Magento более доступным и удобным для разнообразной глобальной аудитории, что потенциально увеличит веб-трафик, вовлечённость и продажи.
Как настроить переключатель языков на Magento?
Сервисы перевода сайтов обычно предлагают эту функцию, которую можно адаптировать под ваши конкретные требования.
Однако стоит отметить, что не все сервисы перевода предоставляют переключатель языков, который легко настраивается и удобен для пользователя. Поэтому крайне важно выбрать сервис автоматического перевода, совместимый с различными фреймворками и предлагающий гибкую функцию переключателя языков.
Одним из сервисов, который выделяется соответствием этим критериям, является Linguise. Он предоставляет функцию переключателя языков, которая легко настраивается, удобна для пользователей и бесшовно интегрируется с Magento.
Благодаря бесшовной интеграции Linguise с CMS Magento , вы можете без труда добавить переключатель языка на ваш многоязычный сайт. С функциями Linguise и интуитивно понятным интерфейсом настройка и поддержка переключателя языка на вашем сайте Magento становится значительно проще. В следующем разделе описаны шаги по установке Linguise на многоязычный сайт Magento и настройке переключателя языка.
Шаг 1: Зарегистрируйте бесплатную учетную запись Linguise
Сначала зарегистрируйте Linguise аккаунт бесплатно и воспользуйтесь пробным периодом на один месяц. Процесс регистрации прост – просто укажите свой адрес электронной почты, чтобы создать учётные данные для входа.
В течение этого пробного периода у вас будет доступ к впечатляющим функциям Linguise. Как только пробный период закончится, вы будете автоматически перенаправлены в панель управления Linguise .
Шаг 2: Добавление домена сайта Magento
После успешного создания вашего Linguise аккаунта вы будете перенаправлены в панель управления. Там вам нужно будет добавить домен вашего сайта информацию. Найдите «Добавить домен» и нажмите на неё. Затем вам будет представлена форма с несколькими полями для заполнения:
- Данные аккаунта
- URL-адрес сайта
- Выбор платформы (выберите Magento)
- Основной язык вашего сайта
- Языки, на которые вы хотите переводить
- Возможность перевода URL-адресов
- Настройка для перевода динамического контента
После того как вы заполните всю необходимую информацию, нажмите кнопку «Следующий шаг».
На следующем этапе вам нужно будет ввести ключ API. Этот ключ будет предоставлен вам и необходим для процесса настройки.
Шаг 3: Загрузка скрипта Linguise
Следующий шаг включает добавление скрипта перевода Linguise на ваш сервер Magento :
- Получите скрипт перевода PHP-JS от Linguise.
- Извлеките содержимое скачанного файла.
- Перенесите извлеченные файлы в основную директорию вашей установки Magento .
Убедитесь, что:
- Скрипт расположен в корневой директории вашего сайта рядом с файлами Magento .
- Папка сохраняет свое исходное название, «linguise».
После этого вам необходимо вставить ваш ключ API Linguise в файл Configuration.php, который вы только что загрузили. Откройте этот файл для редактирования, найдите текст-заполнитель «REPLACE_BY_YOUR_TOKEN» и замените его на ваш фактический ключ API, оставив его в кавычках.
Шаг 4: Настройка перезаписи URL для Magento
Войдите в панель администратора Magento и проследуйте по этому пути через меню боковой панели: Магазины > Настройки > Конфигурация > Общие > Веб > Поисковая оптимизация
Оказавшись там, найдите и активируйте опцию «Use Web Server Rewrite».
Затем вам нужно настроить URL-адреса для разных языков в вашем файле .htaccess. Откройте стандартный файл .htaccess Magento 2 и найдите строку «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: Активация и настройка переключателя языков
Переключатель языка — это всплывающее окно с флагами, позволяющее пользователям выбрать предпочитаемый язык. Чтобы загрузить его, скопируйте код, предоставленный в конце конфигурации сайта, и разместите его в разделе head вашей HTML-страницы. После этого переключатель языка с флагами загрузится автоматически.
Вы можете найти код для копирования и загрузки в заголовке вашего сайта в панели управления Linguise , перейдя в раздел Your Domain > Settings > Tab > Script PHP.
Этот код следует вставить в заголовок вашей страницы. Magento 2 позволяет добавлять контент в head вашей страницы через настройки конфигурации.
В панели администратора перейдите в Содержание > Конфигурация и отредактируйте представление темы вашего магазина по умолчанию. Затем нажмите на раздел HTML Head и вставьте скопированный скрипт в поле ввода Scripts and Style Sheets. Наконец, сохраните конфигурацию.
Переключатель языков изначально отображается в плавающем положении в правом нижнем углу вашего сайта. Вы можете настроить его внешний вид и расположение, перейдя в Linguise панель управления > Настройки > Отображение языковых флагов.
Шаг 6: Настройте основной дисплей
Переключатель языка по умолчанию отображается в плавающем положении в правом нижнем углу вашего сайта. Вы можете настроить его внешний вид и размещение через панель управления Linguise , перейдя в Настройки > Отображение флагов языков.
Шаг 7: Настройте дизайн флага
После настройки основных параметров отображения вы можете дополнительно настроить дизайн языковых флагов.
- Отображение названия языка: Вы можете выбрать, показывать название языка в зависимости от страны или самого языка, например «French» или «Français».
- Тип английского флага: Это полезно для языков с несколькими вариантами, таких как американский или британский английский, испанский, тайваньский, немецкий и португальский.
- Стиль флага: Выберите форму значка флага: круглую или прямоугольную.
Шаг 8: Настройте цвет и размер
После завершения дизайна флага вы можете настроить цвет и размер флагов с помощью следующих параметров:
- Радиус границы флага: Настройте радиус границы для прямоугольного стиля флага, измеряется в пикселях.
- Цвет названия языка: выберите цвет текста по умолчанию для названия языка.
- Цвет языка во всплывающем окне: Задайте цвет текста названия языка во всплывающем окне или выпадающем списке.
- Размер флага: Настройте размер значков флагов.
- Цвет текста при наведении курсора на название языка: Задайте цвет текста, который появляется при наведении курсора на название языка.
- Цвет заголовка языка при наведении во всплывающем окне: Укажите цвет текста, который появляется при наведении курсора на заголовок языка во всплывающем окне или выпадающем списке.
Шаг 9: Настройка тени флажка
Наконец, вы можете настроить параметры тени блока флагов. Первая опция позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем сайте. Вторая опция управляет эффектом тени при наведении курсора мыши на языковые флаги.
После того как вы внесли все необходимые изменения, нажмите кнопку Сохранить , чтобы применить изменения настроек. Затем перейдите на свой сайт Magento , чтобы убедиться, что конфигурация успешно применена. Это даст вам представление о том, как будет отображаться переключатель языков.
После завершения настройки вы увидите переключатель языков на вашем многоязычном сайте Magento .
Мы автоматически переведём сайт Magento на другие языки, например на испанский.
4 стратегии улучшения переключателя языков на Magento
После того как вы настроили переключатель языков на вашем Magento многоязычном сайте, вам необходимо освоить оптимальные стратегии для разработки селектора языка и оптимизации его производительности, чтобы улучшить ваш сайт и пользовательский опыт.
Легко внедряйте языковые индикаторы
Использование общепризнанных языковых символов или флагов в переключателе языков имеет решающее значение. Это позволяет посетителям быстро найти и выбрать предпочитаемый язык. Внедрение знакомых символов создает интуитивно понятный пользовательский опыт, позволяя посетителям без усилий переходить к нужной языковой версии. Главное — выбирать глобально признанные индикаторы, чтобы избежать неверного толкования.
Например, многоязычный интернет-магазин , продающий спортивное снаряжение. В их переключателе языков можно использовать комбинацию флагов стран и языковых сокращений:
- АН (для английского)
- ES (для испанского)
- FR (для французского)
- DE (для немецкого)
- JP (для японского)
Такой подход сочетает визуальные подсказки (флаги) с текстом (кодами языков), что позволяет пользователям с разным опытом легко определить предпочитаемый язык. Флаги мгновенно узнаваемы, а аббревиатуры обеспечивают дополнительную ясность.
Например, испаноязычный посетитель сможет быстро заметить испанский флаг и аббревиатуру «ES», что позволит ему переключить сайт на испанский всего одним щелчком мыши. Такой удобный дизайн улучшает общее впечатление от просмотра и потенциально повышает вовлечённость и конверсию на сайте.
Объединение названий языков и флагов
Хотя флаги визуально привлекательны, полезно сочетать их с названиями языков на родном языке. Эта стратегия помогает избежать путаницы, особенно учитывая, что некоторые языки используются в нескольких странах с разными флагами.
Использование фактических названий языков устраняет двусмысленность, гарантируя, что посетители смогут точно определить и выбрать предпочитаемый язык без недоразумений. Кроме того, такой подход способствует инклюзивности и демонстрирует уважение к культурному разнообразию.
Например, глобальный новостной сайт, ориентированный на разнообразную аудиторию. Их переключатель языков может выглядеть так.
В этом случае:
- Использование флажков обеспечивает быстрые визуальные подсказки.
- Названия языков написаны на их родной письменности (например, японский, французский и т. д.), что мгновенно узнаваемо для носителей этих языков.
Этот подход особенно полезен для таких языков, как испанский или английский, на которых говорят в нескольких странах. Например, пользователь из Мексики или Аргентины увидит «Español», а не будет выбирать между флагами нескольких испаноязычных стран. Аналогично, пользователи из Великобритании, США, Австралии или других англоязычных стран могут однозначно определить «English» независимо от используемого флага.
Стратегически разместите переключатель языков
Крайне важно разместить переключатель языка на видном и легкодоступном месте вашего сайта. Обычные и эффективные позиции включают шапку, подвал или главное меню навигации. Эти места интуитивно понятны большинству веб-пользователей и соответствуют их ожиданиям при поиске языковых опций.
Сохранение единообразного размещения на всех страницах гарантирует, что посетители смогут легко получить доступ к переключателю языка независимо от точки входа или текущей страницы. Такая согласованность способствует плавному и предсказуемому взаимодействию с пользователем.
Например, международный сайт бронирования отелей, ориентированный на глобальную аудиторию. Они могли бы реализовать свою стратегию переключателя языков следующим образом.
- Размещение в шапке: Переключатель языков расположен в правом верхнем углу шапки, рядом со значком учётной записи пользователя и выбором валюты. Он виден на каждой странице и позволяет пользователям переключать язык в любой момент во время просмотра сайта или оформления бронирования.
- Единообразный дизайн: Переключатель языка отображается в виде значка глобуса, за которым следует текущий язык (например, «🌐 English»). При нажатии открывается выпадающее меню с другими языками.
- Резервный вариант в подвале: В подвале сайта размещён текстовый список всех доступных языков, предоставляющий альтернативную точку доступа.
Такое стратегическое размещение гарантирует, что пользователь — независимо от того, попал ли он на главную страницу, на страницу конкретного отеля или на страницу подтверждения бронирования — сможет легко найти и использовать переключатель языка. Например, французский пользователь, просматривающий варианты отелей в Токио, может быстро переключить сайт на французский язык, чтобы легче понимать описания номеров и условия бронирования, что улучшает его пользовательский опыт и потенциально повышает вероятность завершения бронирования.
Обеспечьте единообразие переключателя языков на всех страницах
Крайне важно, чтобы переключатель языков сохранял единообразный внешний вид и функциональность на всём вашем сайте. Пользователи должны иметь возможность легко менять язык независимо от текущей страницы или просматриваемого контента. Такая согласованность обеспечивает бесшовный пользовательский опыт и повышает доступность языковых опций, укрепляя доверие к вашему многоязычному сайту.
Например, глобальная платформа электронной коммерции, продающая электронику. Вот как они могли бы реализовать единообразную стратегию переключателя языков.
- Единый дизайн: Переключатель языков отображается в виде значка глобуса с кодом текущего языка (например, «🌐 EN») в правом верхнем углу каждой страницы, включая списки товаров, отдельные страницы товаров, корзины покупок и страницы оформления заказа.
- Единообразная функциональность: Нажатие на переключатель языка всегда открывает одно и то же выпадающее меню со всеми доступными языками, независимо от страницы.
- Сохранение контента: при переключении языка пользователи остаются на той же странице, но контент отображается на вновь выбранном языке. Например, если пользователь просматривает характеристики ноутбука на английском языке и переключается на испанский, он видит те же характеристики ноутбука, теперь на испанском.
- Структура URL: Структура URL-адресов последовательно меняется при переключении языков. Например:
- Английский: www.techstore.com/products/laptop-model-x
- Испанский: www.techstore.com/es/productos/laptop-modelo-x
Пример из практики: Японский клиент, просматривающий ноутбуки в англоязычной версии сайта, решает переключиться на японский для лучшего понимания. Он нажимает значок «🌐 EN» в шапке, выбирает «日本語» из выпадающего списка, и страница обновляется, показывая те же характеристики ноутбука, но на японском. URL меняется с «/products/…» на «/ja/製品/…».
Такой единообразный опыт на всех страницах и во всех функциях сайта гарантирует, что пользователь сможет уверенно ориентироваться и совершать покупки на предпочитаемом языке, что потенциально повышает вероятность завершения покупки и возвращения на сайт в будущем.
Настройте переключатель языка на Magento с помощью Linguise!
К этому моменту вы уже должны понимать, что настраиваете переключатель языка для многоязычного сайта Magento . Внедрение переключателя языка может дать множество преимуществ и может быть настроено в соответствии с нашими рекомендациями.
Оптимизация переключателя языков может значительно улучшить общий пользовательский опыт на вашем сайте Magento . Следующий шаг — создать аккаунт Linguise , интегрировать его с вашим сайтом Magento и настроить параметры переключателя языков. Эти действия улучшат пользовательский опыт, сделав ваш многоязычный интернет-магазин более доступным и удобным для пользователей.
Помните, что хорошо реализованный переключатель языка на вашей платформе Magento может привести к лучшему взаимодействию, увеличению конверсий и повышению удовлетворенности клиентов на разных языковых рынках. Это важнейший элемент создания по-настоящему многоязычного веб-сайта.
