Переключатель языка является важным элементом, на который вы должны обратить пристальное внимание при создании многоязычного веб-сайта, поскольку переключатель языка - это то, что пользователи часто посещают, когда хотят переключить языки.
Поэтому важно создать переключатель языка, который является дружественным, легко доступным и простым в использовании.
Итак, в этой статье мы обсудим, как настроить переключатель языка для OpenCart. Итак, для тех из вас, кто владеет многоязычными веб-сайтами или электронной коммерцией на OpenCart, продолжайте читать эту статью до конца!
Почему создание переключателя языка важно для многоязычных сайтов OpenCart ?
Создание удобного переключателя языка имеет решающее значение для успеха многоязычного веб-сайта. Вот почему вам следует создать переключатель языка для многоязычных сайтов OpenCart .
- Улучшенный пользовательский опыт: Удобный переключатель языка обеспечивает плавные переходы между языками, облегчая пользователям навигацию и понимание контента. Это улучшает общий пользовательский опыт, снижает разочарование и повышает вовлеченность.
- Интуитивно понятная навигация: пользователи должны легко находить и использовать переключатель языков. Удобный дизайн гарантирует, что переключатель расположен четко и использует понятные, легко узнаваемые значки или подписи, побуждая пользователей переключаться между языками.
- Снижение показателя отказов: Удобный переключатель языка способствует снижению показателя отказов. Когда посетители могут быстро найти и выбрать предпочитаемый язык, они с большей вероятностью останутся на сайте, изучат контент и, возможно, конвертируются.
- Четкая коммуникация: Переводчики должны эффективно общаться с пользователями. Четкие и лаконичные обозначения или символы помогают донести информацию о доступных языковых вариантах, уменьшить путаницу и обеспечить пользователям возможность сделать осознанный выбор.
- SEO-оптимизация: поисковые системы учитывают пользовательский опыт при ранжировании веб-сайтов. Хорошо реализованный, удобный переключатель языка может положительно повлиять на SEO, сделав ваш сайт более заметным и доступным для пользователей, осуществляющих поиск на разных языках.
Как настроить переключатель языка для OpenCart?
Функция переключения языка обычно предоставляется службой перевода веб-сайта. Эту функцию можно настроить в соответствии с потребностями пользователя при разработке дизайна.
Однако не все сервисы перевода предоставляют функцию переключения языков, которую легко настроить и использовать. Поэтому важно искать сервис автоматического перевода, который поддерживает многие CMS и совместим с ними, например, Linguise .
Linguise предоставляет гибкую и легко настраиваемую функцию переключения языка и интегрирован с OpenCart, этот сервис перевода может быть решением для вас.
Затем, как настроить переключатель языка для OpenCart или сайта электронной коммерции. Просто продолжайте читать объяснение ниже.
Шаг 1: Регистрация бесплатного аккаунта Linguise
Чтобы иметь возможность использовать переключатель языка на Linguise, конечно, вам нужно зарегистрировать учетную запись Linguise сначала. Мы также предоставляем 1-месячный бесплатный пробный период с различными функциями, которые вы можете использовать.
Шаг 2: Добавьте домен веб-сайта OpenCart
Второй шаг - добавить домен веб-сайта OpenCart, который вы уже имеете, в Linguise панель управления. Есть несколько вещей, которые вам нужно заполнить, начиная с.
- Учетная запись
- URL-адреса
- Платформа, выберите OpenCart
- Язык
- Язык перевода
- Перевести URL-адреса
После этого вам нужно активировать ключ API и установить URL-адрес языка. Полное руководство по добавлению домена веб-сайта вы можете прочитать в установить Linguise автоматический перевод на OpenCart или просмотреть видеоурок ниже.
Шаг 3: Активировать переключатель языка
После успешного добавления OpenCart и улучшения API пришло время активировать переключатель языков. Для этого необходимо выполнить несколько шагов: во-первых, откройте Linguise > Настройки > скопируйте этот URL-адрес.
После того, как вы скопировали скрипт, вам нужно вставить его в редактор темы вашего OpenCart сайта. Для этого следуйте этим шагам: Перейдите в Дизайн > Редактор темы > По умолчанию в панели администратора OpenCart. Затем вставьте скрипт в обозначенную область, как показано на изображении ниже.
После этого, как правило, переключатель языка в Opencart автоматически появится на странице вашего сайта в правом верхнем углу с отображением, похожим на то, что вы выбрали при добавлении сайта.
Однако отображение переключателя языка выше по-прежнему является настройкой по умолчанию, с Linguise вы можете настроить это отображение в соответствии с вашими потребностями и желаниями.
Шаг 4: Настройка основного отображения
Чтобы настроить отображение переключателя языков или языковых флагов, это можно сделать через Linguise > Настройки > Отображение языковых флагов.
На первом этапе мы настроим основной дисплей. Он состоит из нескольких частей, включая:
- Форма флага: здесь вы можете выбрать один из 3 доступных вариантов, а именно рядом, выпадающий список или всплывающее окно.
- Расположение: Это местоположение указывает, где будет находиться переключатель языка. Вы можете выбрать один из нескольких доступных вариантов. Убедитесь, что посетителям легко найти это место.
- Наконец, вы можете объединить флаг + название языка, флаг + краткое название или просто название языка. Рекомендуется использовать флаг вместе с названием языка, чтобы пользователям было проще распознавать язык.
Шаг 5: Установите дизайн флагов
После этого под основным отображением есть настройки дизайна для флага. Есть несколько настроек на следующем изображении.
- Отображение названия языка: вы можете выбрать отображаемое имя на основе названия страны или названия языка, например, French или Francais.
- Тип английского флага: используется для языков, имеющих более одного типа, например, американский английский или британский английский (аналогично испанскому, тайваньскому, немецкому и португальскому).
- Стиль флага: задайте форму значка флага — круглую или прямоугольную.
Шаг 6: Установите цвет и размер флага
Следующий шаг после установки дизайна флага - установка цвета, размера и нескольких других параметров. В следующем отображении есть несколько настроек, которые вы можете настроить, например.
- Радиус границы метки: настраиваемый радиус границы в пикселях, где вы используете прямоугольник.
- Цвет названия языка: выберите цвет текста по умолчанию для названия языка.
- Цвет всплывающего языка: цвет названия языка во всплывающем или выпадающем меню.
- Размер флага: размер флага
- Цвет наведения на название языка: цвет текста при наведении мыши на название языка
- Цвет наведения всплывающего языка: Цвет текста при наведении мыши на название языка во всплывающем или выпадающем меню.
Шаг 7: Установите тень флага
Наконец, настройки, которые вы можете сделать, - это настройка тени флажка, первый параметр позволяет задать тень для каждого флага на вашем сайте, а следующий - тень для языковых флагов при наведении мыши.
После того, как вы настроили все параметры, не забудьте выбрать Сохранить, чтобы сохранить изменения, и теперь вы можете увидеть, как выглядят результаты внесенных изменений.
Это пример переключения языка с помощью выпадающего списка, расположенного в правом верхнем углу, где используются флажки и название языка. Кроме того, на сайте отображается информация, которую пытаются перевести на итальянский язык.
Как создать удобный переключатель языка на вашем сайте OpenCart ?
После того, как вы поймете, как настроить переключатель языка для OpenCart, настало время узнать, как создать удобный переключатель языка, чтобы он мог принести ряд дополнительных преимуществ вашему сайту.
- Знакомые иконки или флаги: используйте знакомые языковые иконки или флаги, чтобы представлять разные языки. Убедитесь, что иконка или флаг визуально различимы и общепонятны, чтобы все было ясно.
- Удобное расположение: разместите инструмент переключения языка на видном месте на вашем сайте, идеально в одном и том же месте на всех страницах. Общие места включают заголовки, подвалы или меню навигации. Убедитесь, что инструмент перевода четко виден и легко доступен.
- Языковая маркировка на флаге каждой страны: четко обозначьте каждый вариант языка соответствующим образом. Например, используйте «English» для английского, «Español» для испанского, «Deutsch» для немецкого и так далее. Это поможет пользователям легко идентифицировать и выбрать нужный язык.
- Инновационный дизайн: Инструмент перевода имеет инновационный дизайн. Используйте знакомые символы или текст для обозначения выбора языка. Например, вы можете использовать “RU” для русского и “EN” для английского. Убедитесь, что инструмент переключения языка выделяется среди других элементов на странице, например, используя другой цвет или выделение.
- Простое переключение: облегчает пользователям переключение на другой язык, если язык по умолчанию не соответствует их предпочтениям. Избегайте использования выпадающих меню, списков флагов/значков или кнопок переключения для выбора языка.
- Адаптивный дизайн: Убедитесь, что инструмент переключения языка адаптивен и хорошо работает на различных устройствах и размерах экрана. Протестируйте функциональность на настольных компьютерах, смартфонах и планшетах, чтобы обеспечить гладкий опыт для всех пользователей.
Заключение: Настройка переключателя языка в OpenCart с помощью Linguise
На данный момент вы уже знаете, как настроить переключатель языка для OpenCart, используя Linguise, создание дружественного переключателя языка может обеспечить ряд преимуществ, начиная от улучшения общего пользовательского опыта и повышения вовлеченности пользователей, и заканчивая улучшением многоязычной SEO.
С помощью Linguise вы можете создавать дружественные переключатели языка и полностью настраивать флаги. Итак, чего вы ждете, зарегистрируйте Linguise аккаунт, OpenCart веб-сайт и настройте переключатель языка для лучшего пользовательского опыта.
