Настройка переключателя языка на Magento имеет решающее значение. Эта функция крайне важна для веб-сайтов, ориентированных на международную аудиторию, поскольку возможность легко переключаться между языками стала насущной потребностью на современном рынке.
Хотя процесс может показаться сложным изначально, это руководство шаг за шагом проведет вас через этапы настройки переключателя языка на вашем сайте Magento эффективно и результативно. Следуя этим инструкциям, вы сможете плавно внедрить эту ценную функцию, расширив возможности вашего сайта по обслуживанию разнообразной многоязычной аудитории.
Зачем настраивать переключатель языка для Magento?
Вот четыре основные причины, по которым следует настроить переключатель языка для Magento.
- Улучшенный пользовательский опыт: Переключатель языка позволяет посетителям получать доступ к контенту на предпочитаемом языке, улучшая их понимание и взаимодействие с вашим сайтом. Например, испаноговорящий клиент, посещающий магазин на английском языке Magento , может легко переключиться на испанский, что упрощает просмотр товаров, чтение описаний и совершение покупок.
- Расширение охвата рынка: Предлагая несколько языков, вы можете охватить глобальную аудиторию и выйти на новые рынки, потенциально увеличивая свою клиентскую базу и продажи. Например, интернет-магазин одежды в США внедряет переключатель языка с вариантами на английском, французском и немецком языках. Это позволяет им эффективно продвигать свои продукты клиентам в Канаде и других европейских странах без создания отдельных сайтов.
- Улучшение SEO-показателей: грамотно реализованный переключатель языка может повысить эффективность ваших многоязычных SEO- усилий, сделав ваш сайт более заметным в результатах поиска на разных языках и в разных регионах. Например, Magentoпредлагает контент на английском и японском языках. Когда японские пользователи ищут товары на своем языке, японские страницы магазина с большей вероятностью появятся в результатах поиска, привлекая более целевой трафик.
- Повышение коэффициента конверсии: Когда посетители могут понять детали продукта, правила и процесс покупки на своем родном языке, они с большей вероятностью совершат покупку и станут клиентами. Например, итальянский покупатель, просматривающий международный магазин косметики на Magento находит возможность переключиться на итальянский язык. Теперь он может легко понять состав продукта, инструкции по применению и условия доставки, что повышает его уверенность в покупке.
Реализуя эти функции, вы делаете свой магазин Magento более доступным и удобным для разнообразной глобальной аудитории, потенциально увеличивая трафик, вовлеченность и продажи.
Как настроить переключатель языка на Magento?
Услуги перевода веб-сайтов обычно предлагают эту функциональность, которую можно адаптировать к вашим конкретным требованиям.
Однако стоит отметить, что не все службы перевода предоставляют переключатель языка, который легко настраивается и удобен в использовании. Таким образом, выбор службы автоматического перевода, совместимой с различными фреймворками и предлагающей гибкий переключатель языка, имеет решающее значение.
Одной из служб, которая выделяется среди этих критериев, является Linguise. Она предоставляет функцию переключения языка, которая легко настраивается и удобна в использовании, и легко интегрируется с Magento.
Благодаря Linguiseплавной интеграции Linguise с Magento , вы можете без труда добавить переключатель языков на свой многоязычный веб-сайт. Функции Linguise настройку и поддержку переключателя языков на вашем Magento значительно упрощают установке Linguise на многоязычный Magento веб-сайт и настройке переключателя языков.
Шаг 1: Зарегистрируйтесь для бесплатного аккаунта Linguise
Для начала зарегистрируйтесь в 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 и перейдите по следующему пути в боковом меню: Магазины > Настройки > Конфигурация > Общие > Веб > Поисковая оптимизация
После этого найдите и активируйте опцию «Использовать перезапись веб-сервера».
Далее вам нужно будет настроить 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: Активируйте и настройте переключатель языка
Переключатель языка - это всплывающее окно с флагом, которое позволяет пользователям выбрать предпочитаемый язык. Чтобы загрузить его, скопируйте код, предоставленный в конце конфигурации сайта, и поместите его в заголовок вашей HTML-страницы. Переключатель языка флага затем загрузится автоматически.
Код для копирования и загрузки в заголовок вашего сайта можно найти в Linguise , перейдя вВаш домен» > «Настройки» > вкладка «Скрипт PHP».
Этот код должен быть вставлен в заголовок вашей страницы. Magento 2 позволяет добавлять содержимое в заголовок страницы через настройки конфигурации.
В панели администратора перейдите в раздел «Контент» > «Конфигурация» и отредактируйте представление темы вашего магазина по умолчанию. Затем щелкните раздел «HTML Head» и вставьте скопированный скрипт в поле ввода «Скрипты и таблицы стилей». Наконец, сохраните конфигурацию.
Переключатель языка изначально отображается в плавающем положении в правом нижнем углу вашего веб-сайта. Вы можете настроить его внешний вид и расположение, перейдя в Linguise > Настройки > Отображение языковых флагов.
Шаг 6: Настройка основного отображения
По умолчанию переключатель языка отображается в плавающем положении в правом нижнем углу вашего сайта. Вы можете изменить его внешний вид и расположение через Linguise , перейдя в раздел «Настройки» > «Отображение языковых флагов».
Шаг 7: Настройка дизайна флагов
После настройки основного отображения вы можете дополнительно настроить дизайн флагов языков.
- Отображение названия языка: Вы можете выбрать отображение названия языка в зависимости от страны или самого языка, например, «французский» или «Français».
- Тип флага английского языка: Это полезно для языков с несколькими вариациями, такими как американский или британский английский, испанский, тайваньский, немецкий и португальский.
- Стиль флага: Выберите форму иконки флага, либо круглую, либо прямоугольную.
Шаг 8: Установите цвет и размер
После завершения дизайна флага вы можете приступить к настройке цвета и размера флагов с помощью следующих настроек:
- Радиус границы флага: Настройте радиус границы для прямоугольного стиля флага, измеряемый в пикселях.
- Цвет названия языка: Выберите цвет текста по умолчанию для названия языка.
- Цвет языка всплывающего окна: Установите цвет текста заголовка языка во всплывающем окне или выпадающем меню.
- Размер флага: Отрегулируйте размер иконок флага.
- Цвет названия языка при наведении: Определите цвет текста, который появляется при наведении курсора на название языка.
- Цвет языка всплывающего окна при наведении: Укажите цвет текста, который появляется при наведении курсора на заголовок языка во всплывающем окне или выпадающем меню.
Шаг 9: Настройка тени флага
Наконец, вы можете настроить параметры тени флага. Первый вариант позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем сайте. Второй вариант контролирует эффект тени, когда пользователи наводят курсор на флаги языка.
После внесения всех необходимых изменений нажмите «Сохранить» чтобы применить внесенные изменения. Затем перейдите на свой Magento , чтобы убедиться в успешном применении настроек. Это даст вам представление о том, как будет отображаться переключатель языка.
После завершения настройки вы сможете увидеть переключатель языка на своем Magento многоязычном веб-сайте.
Мы автоматически переведем веб-сайт Magento на другие языки, такие как испанский.
4 стратегии для улучшения переключателя языка на Magento
После настройки переключателя языка на вашем Magento необходимо освоить оптимальные стратегии проектирования селектора языка и оптимизации его работы для улучшения сайта и пользовательского опыта.
Легко реализуйте языковые индикаторы
Использование универсально признанных языковых символов или флагов в переключателе языка имеет решающее значение. Это позволяет посетителям быстро находить и выбирать предпочитаемый язык. Реализация знакомых символов создает интуитивно понятный пользовательский опыт, позволяя посетителям легко перемещаться к нужной версии языка. Ключом является выбор глобально признанных индикаторов, чтобы предотвратить неверное толкование.
Например, многоязычный сайт электронной коммерции , продающий спортивное оборудование. Их переключатель языка может использовать комбинацию флагов стран и языковых сокращений:
- АН (для Английского)
- ES (для испанского языка)
- FR (для французского языка)
- DE (для немецкого языка)
- JP (для японского языка)
Этот подход сочетает визуальные подсказки (флаги) с текстом (языковые коды), что облегчает пользователям из разных слоев населения определение предпочитаемого языка. Флаги мгновенно узнаваемы, а аббревиатуры обеспечивают дополнительную ясность.
Например, испаноязычный посетитель может быстро обнаружить испанский флаг и аббревиатуру «ES», что позволяет ему переключить сайт на испанский язык всего одним кликом. Такой удобный дизайн улучшает общий опыт просмотра и потенциально увеличивает вовлеченность и конверсию на сайте.
Объедините названия языков и флаги
Хотя флаги визуально привлекательны, полезно сочетать их с родными названиями языков. Эта стратегия помогает предотвратить путаницу, особенно поскольку некоторые языки используются в нескольких странах с разными флагами.
Использование фактических названий языков устраняет двусмысленность, гарантируя, что посетители могут точно определить и выбрать предпочитаемый язык без недоразумений. Кроме того, этот подход способствует инклюзивности и демонстрирует уважение к культурному разнообразию.
Например, глобальный новостной сайт, ориентированный на разнообразную аудиторию. Их переключатель языка может выглядеть так.
В этом случае:
- Использование флагов обеспечивает быстрые визуальные подсказки.
- Названия языков написаны на их родном языке (например, японский, французский и т. д.), что мгновенно узнаваемо для носителей этого языка.
Этот подход особенно полезен для языков, таких как испанский или английский, на которых говорят в нескольких странах. Например, пользователь из Мексики или Аргентины увидит «Español», а не будет выбирать между флагами нескольких испаноязычных стран. Аналогичным образом пользователи из Великобритании, США, Австралии или других англоязычных стран могут идентифицировать себя с «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 может привести к лучшему взаимодействию, увеличению конверсии и улучшению удовлетворенности клиентов на разных языковых рынках. Это важнейший элемент создания действительно многоязычного сайта.
