настроить переключатель языка в 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 .
Шаг 2. Добавление доменного сайта Magento
После успешного создания Linguise вы будете перенаправлены на панель управления. Там вам нужно будет добавить информацию о домене вашего сайта . Найдите «Добавить домен» и нажмите на нее. После этого вам будет представлена форма, содержащая несколько полей для заполнения:
- Детали учетной записи
- URL веб-сайта
- Выбор платформы (выберите Magento )
- Основной язык вашего сайта
- Языки, на которые вы хотите перевести
- Возможность перевода URL-адресов
- Настройка динамического перевода контента
После того как вы введете всю необходимую информацию, нажмите кнопку «Следующий шаг».
На следующем этапе вам нужно будет ввести ключ API. Этот ключ будет предоставлен вам и необходим для процесса установки.
Шаг 3. Загрузите скрипт Linguise
Следующий шаг включает добавление скрипта перевода Linguise на ваш сервер Magento :
- Получите сценарий перевода PHP-JS на Linguise .
- Извлеките содержимое загруженного файла.
- Перенесите извлеченные файлы в основной каталог вашей установки Magento .
Гарантировать, что:
- Сценарий располагается в каталоге верхнего уровня вашего веб-сайта рядом с файлами Magento .
- Папка сохраняет свое первоначальное имя « linguise ».
После этого вам необходимо включить свой ключ Linguise API в файл Configuration.php, который вы только что загрузили. Откройте этот файл для редактирования, найдите текст-заполнитель «REPLACE_BY_YOUR_TOKEN» и замените его фактическим ключом API, сохраняя его в кавычках.
Шаг 4. Настройте перезапись URL-адресов для Magento
Войдите в Magento и следуйте этому пути через боковое меню: Магазины > Настройки > Конфигурация > Общие > Интернет > Поисковая оптимизация.
Оказавшись там, найдите и активируйте опцию «Использовать перезапись веб-сервера».
Далее вам нужно будет настроить URL-адреса для конкретного языка в файле .htaccess. Откройте файл .htaccess Magento 2 по умолчанию и найдите строку «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-страницы. Переключатель языка флага загрузится автоматически.
Вы можете найти код для копирования и загрузки в заголовке вашего веб-сайта на Linguise , перейдя в раздел «Наш домен» > «Настройки» > «Вкладка» > «Скрипт PHP».
Этот код необходимо вставить в заголовок вашей страницы. Magento 2 позволяет вам добавлять контент в заголовок вашей страницы через настройки конфигурации.
В панели администратора перейдите в «Содержимое» > «Конфигурация» и отредактируйте представление темы магазина по умолчанию. Затем щелкните раздел «Заголовок HTML» и вставьте скопированный скрипт в поле ввода «Сценарии и таблицы стилей». Наконец, сохраните конфигурацию.
Переключатель языка изначально отображается в плавающем положении в правом нижнем углу вашего веб-сайта. Вы можете настроить его внешний вид и размещение, перейдя на Linguise > Настройки > Отображение языковых флагов.
Шаг 6. Настройте основной дисплей
Переключатель языка по умолчанию отображается в плавающем положении в правом нижнем углу вашего веб-сайта. Вы можете настроить его внешний вид и размещение на Linguise , выбрав «Настройки» > «Отображение языковых флагов».
Шаг 7. Настройте дизайн флага
После настройки основных параметров дисплея вы можете дополнительно настроить дизайн языковых флажков.
- Отображение названия языка: вы можете выбрать отображение названия языка в зависимости от страны или самого языка, например «Французский» или «Французский».
- Тип английского флага: это полезно для языков с несколькими вариациями, таких как американский или британский английский, испанский, тайваньский, немецкий и португальский.
- Стиль флага: выберите форму значка флага: круглую или прямоугольную.
Шаг 8. Установите цвет и размер.
После завершения разработки дизайна флага вы можете приступить к настройке цвета и размера флагов со следующими настройками:
- Флаг Border-Radius: отрегулируйте радиус границы для прямоугольного стиля флага, измеряемый в пикселях.
- Цвет названия языка: выберите цвет текста по умолчанию для названия языка.
- Цвет языка всплывающего окна: установите цвет текста заголовка языка во всплывающем или раскрывающемся списке.
- Размер флага: отрегулируйте размер значков флагов.
- Цвет при наведении на название языка: определите цвет текста, который появляется, когда пользователь наводит курсор на название языка.
- Цвет при наведении на язык всплывающего окна: укажите цвет текста, который появляется, когда пользователь наводит указатель мыши на заголовок языка во всплывающем или раскрывающемся списке.
Шаг 9: Настройте тень флажка
Наконец, вы можете настроить параметры тени флажка. Первый вариант позволяет вам добавить эффект тени к каждому значку флага, отображаемому на вашем веб-сайте. Второй параметр управляет эффектом тени, когда пользователи наводят указатель мыши на флаги языка.
После внесения всех необходимых изменений нажмите «Сохранить» , чтобы применить изменения настройки. Затем перейдите на свой Magento и убедитесь, что конфигурация успешно применена. Это даст вам представление о том, как будет отображаться переключатель языка.
После завершения настройки вы увидите переключатель языка на своем многоязычном веб-сайте Magento .
Мы автоматически переведем веб-сайт Magento на другие языки, например, на испанский.
4 стратегии улучшения переключателя языка в Magento
После того, как вы настроили переключатель языка на своем Magento , вы должны понять оптимальные стратегии для разработки переключателя языка и оптимизации его производительности для улучшения вашего сайта и удобства пользователей.
Легко реализуйте языковые индикаторы
Использование общепризнанных языковых символов или флагов в переключателе языков имеет решающее значение. Это позволяет посетителям быстро находить и выбирать предпочитаемый язык. Использование знакомых символов создает интуитивно понятный пользовательский интерфейс, позволяя посетителям легко переходить к нужной языковой версии. Ключевым моментом является выбор всемирно признанных показателей во избежание неправильного толкования.
Например, многоязычный сайт электронной коммерции по продаже спортивного инвентаря. Их переключатель языка может использовать комбинацию флагов стран и языковых сокращений:
- RU (для английского языка)
- ES (для испанского)
- FR (для французского)
- DE (для немецкого языка)
- JP (для японского языка)
Этот подход сочетает в себе визуальные подсказки (флаги) с текстом (языковыми кодами), что позволяет пользователям разного происхождения легко определить предпочитаемый язык. Флаги легко узнаваемы, а сокращения обеспечивают дополнительную ясность.
Например, посетитель, говорящий по-испански, может быстро заметить испанский флаг и аббревиатуру «ES», что позволяет ему переключить сайт на испанский язык всего одним щелчком мыши. Этот удобный дизайн улучшает общее впечатление от просмотра и потенциально увеличивает вовлеченность и конверсию на сайте.
Комбинируйте названия языков и флаги
Хотя флаги визуально привлекательны, полезно сочетать их с родными названиями языков. Эта стратегия помогает предотвратить путаницу, особенно потому, что некоторые языки используются в нескольких странах с разными флагами.
Использование реальных названий языков устраняет двусмысленность, гарантируя, что посетители смогут точно определить и выбрать предпочитаемый язык без недоразумений. Более того, этот подход способствует инклюзивности и демонстрирует уважение к культурному разнообразию.
Например, глобальный новостной веб-сайт, обслуживающий разнообразную аудиторию. Их переключатель языка может выглядеть так.
В этом случае:
- Использование флагов обеспечивает быстрые визуальные подсказки.
- Названия языков записываются их родным письмом (например, японским, французским и т. д.), которое мгновенно узнается носителями этого языка.
Этот подход особенно полезен для таких языков, как испанский или английский, на которых говорят во многих странах. Например, пользователь из Мексики или Аргентины увидит «Español», а не будет выбирать между несколькими флагами испаноязычных стран. Аналогичным образом, пользователи из Великобритании, США, Австралии и других англоязычных стран могут идентифицировать себя как «английский», независимо от используемого флага.
Стратегически расположите переключатель языка
Крайне важно разместить переключатель языка на видном и легкодоступном месте вашего веб-сайта. Общие и эффективные позиции включают верхний, нижний колонтитул или главное меню навигации. Эти места интуитивно понятны большинству веб-пользователей и соответствуют их ожиданиям при поиске языковых вариантов.
Поддержание единообразного размещения на всех страницах гарантирует, что посетители смогут легко получить доступ к переключателю языка независимо от точки входа или текущей страницы. Такая согласованность способствует плавному и предсказуемому пользовательскому интерфейсу.
Например, международный сайт бронирования отелей, ориентированный на глобальную аудиторию. Они могли бы реализовать свою стратегию переключения языков следующим образом.
- Размещение заголовка: переключатель языка расположен в правом верхнем углу заголовка, рядом со значком учетной записи пользователя и переключателем валюты. Он виден на каждой странице и позволяет пользователям переключать языки в любой момент во время просмотра или бронирования.
- Единообразный дизайн: переключатель языка отображается в виде значка глобуса, за которым следует текущий язык (например, «🌐 Английский»). При нажатии открывается раскрывающееся меню с другими языковыми опциями.
- Резервное копирование нижнего колонтитула: нижний колонтитул содержит текстовый список всех доступных языков, предоставляя альтернативную точку доступа.
Такое стратегическое расположение гарантирует, что независимо от того, попадет ли пользователь на домашнюю страницу, страницу конкретного отеля или страницу подтверждения бронирования, он сможет легко найти и использовать переключатель языка. Например, французский пользователь, просматривающий варианты отелей в Токио, может быстро переключить сайт на французский язык, чтобы легче понять описания номеров и условия бронирования, что повышает удобство использования и потенциально увеличивает вероятность завершения бронирования.
Поддерживайте согласованность переключения языка на всех страницах.
Крайне важно убедиться, что переключатель языка поддерживает единообразный внешний вид и функциональность на вашем веб-сайте. Пользователи должны иметь возможность легко менять языки, независимо от их текущей страницы или контента, который они просматривают. Такая согласованность обеспечивает удобство взаимодействия с пользователем и повышает доступность языковых вариантов, повышая доверие к вашему многоязычному веб-сайту.
Например, глобальная платформа электронной коммерции по продаже электроники. Вот как они могли бы реализовать последовательную стратегию переключения языков.
- Унифицированный дизайн: переключатель языка отображается в виде значка глобуса с текущим кодом языка (например, «🌐 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 может привести к улучшению взаимодействия, увеличению конверсий и повышению удовлетворенности клиентов на разных языковых рынках. Это важнейший элемент в создании по-настоящему многоязычного веб-сайта.