Установка переключателя языка на Bubble.io может облегчить пользователям переключение языков. Эта функция особенно ценна для приложений с глобальной аудиторией, позволяя пользователям взаимодействовать с платформой на предпочитаемом ими языке. Bubble.io, популярная платформа разработки без кода, предлагает встроенные возможности локализации, которые позволяют разработчикам создавать многоязычные приложения без обширных знаний в области кодирования.
Чтобы реализовать переключатель языка в Bubble.io, разработчики обычно начинают с определения языков, которые они хотят поддерживать, в настройках приложения. Затем они создают раскрывающийся список или элемент кнопки, с которым пользователи могут взаимодействовать, чтобы изменить язык. В этой статье мы обсудим настройку переключателя языка на Bubble.io с помощью одного из веб-сайтов службы автоматического перевода.
Добавление переключателя языка на сайт неспроста. Вот почему вам нужно настроить его на веб-сайте Bubble.
Теперь, когда мы понимаем важность переключения языков на многоязычных веб-сайтах Bubble.io, давайте обсудим, как это реализовать. Службы перевода веб-сайтов обычно предлагают эту функцию, которую можно адаптировать к потребностям пользователя.
Однако не все службы перевода предлагают настраиваемые и удобные переключатели языков. Поэтому очень важно выбрать службу автоматического перевода, совместимую с различными платформами и обеспечивающую гибкие функции переключения языков.
Одним из сервисов автоматического перевода, соответствующих этим критериям, является Linguise . Linguise предлагает настраиваемую и простую в использовании функцию переключения языка, которая интегрируется с популярными CMS и веб-конструкторами, такими как Bubble.io.
Linguise обеспечивает бесшовную интеграцию с Bubble, позволяя разработчикам легко включать переключение языков в свои многоязычные приложения. Используя расширенные функции и удобный интерфейс Linguise , вы можете упростить настройку и обслуживание переключателей языка на своем веб-сайте Bubble.
Ниже приведены инструкции по установке Linguise на веб-сайте Bubble.io и настройке переключателя языка.
Начните с создания бесплатной учетной записи Linguise и добавления домена вашего веб-сайта. Вы можете использовать 30-дневную бесплатную пробную версию, прежде чем выбирать план подписки.
Затем вам нужно будет зарегистрировать свой домен, чтобы авторизовать перевод. Скопируйте свое доменное имя, включая «https://», и выберите «другое» в качестве платформы.
Затем выберите исходный и целевой языки.
После регистрации вашего веб-сайта на панели управления Linguise у вас будет два варианта установки.
Для автоматического добавления записей DNS нажмите «Подключить DNS автоматически». Эта функция, называемая Entri, упрощает процесс установки, управляя записями DNS. Кроме того, вы можете вручную скопировать записи DNS своему провайдеру домена.
Нажатие кнопки предложит Entri проанализировать зарегистрированный URL-адрес вашего веб-сайта и проверить ваши общедоступные записи DNS, определяя необходимого поставщика и записи DNS.
Затем нажмите «Авторизовать с помощью [вашего провайдера домена]» (например, Cloudflare). Это действие перенаправит вас на страницу входа вашего провайдера домена, где вы сможете войти и продолжить.
После входа в систему Entri автоматически добавит в ваш домен соответствующие записи DNS — по одному DNS для каждого языка и один DNS TXT для ключа проверки.
После авторизации Entri сообщит вам, что все настройки DNS успешно настроены. Функцию перевода можно будет использовать после того, как все записи DNS будут распространены в вашем домене, что обычно занимает 20–30 минут.
Для ручной установки вы можете выполнить действия, описанные ниже.
При установке вручную вы будете перенаправлены на экран, отображающий записи DNS, необходимые для настройки многоязычных страниц, например fr.domain.com или es.domain.com.
Скопируйте эти элементы в конфигурацию DNS Bubble.io.
Затем войдите в свой менеджер домена и перейдите в область настройки DNS. Следуйте инструкциям по копированию:
Ниже приведены примеры для каждого типа записей (TXT и CNAME).
После добавления всех записей ваша конфигурация должна выглядеть следующим образом.
После добавления всех ваших записей в DNS вашего домена нажмите кнопку «Проверить конфигурацию DNS», чтобы проверить распространение DNS.
Проверка DNS обычно занимает от 30 минут до 1 часа. После завершения вы должны увидеть зеленые индикаторы рядом со списком DNS на панели управления Linguise . Вы почти готовы перевести свой веб-сайт Bubble.io; осталось только подключиться к переключателю языков с флагами стран.
Переключатель языка — это всплывающее окно с флагом, которое позволяет пользователям выбирать предпочитаемый язык. Чтобы реализовать это, скопируйте код, предоставленный в конце процесса регистрации домена или в настройках домена, в заголовок страниц вашего сайта Bubble.io. Переключатель языка флага автоматически появится на вашем общедоступном веб-сайте.
Затем перейдите на панель веб-сайта Bubble. Нажмите «Настройки» в меню левой боковой панели и выберите «SEO/метатеги».
Прокрутите вниз до пункта «Скрипт/мета-теги в заголовке» в разделе «Дополнительные настройки». Вставьте Linguise , который вы скопировали ранее, затем нажмите «Сохранить» и опубликуйте свой сайт.
Чтобы начать настройку переключателя языка, перейдите в «Настройки» > «Отображение языковых флагов» на Linguise . На этой странице вы можете настроить несколько параметров.
Вы можете комбинировать отображение флагов и названий языков, флагов и сокращений языков или просто названий языков. Для облегчения распознавания пользователя рекомендуется использовать как флаги, так и названия языков.
После настройки основного дисплея дополнительно настройте дизайн отображаемых флажков.
После настройки дизайна флага вы можете дополнительно настроить цвет и размер флагов. Вот настройки, которые вы можете настроить:
Наконец, вы можете настроить параметры тени поля флага. Первый вариант позволяет вам применить эффект тени к каждому значку флага, отображаемому на вашем веб-сайте. Следующая опция управляет эффектом тени, когда пользователи наводят указатель мыши на языковые флаги.
После внесения всех необходимых настроек нажмите кнопку «Сохранить», чтобы применить изменения настройки. Затем посетите веб-сайт Bubble и убедитесь, что конфигурация успешно применена. Вот так будет выглядеть переключатель языка.
После установки вы сможете увидеть, как работает переключатель языка на вашем многоязычном веб-сайте Bubble.
Затем вы можете перевести сайт на другие языки, например на испанский.
После успешной настройки переключателя языка на многоязычном веб-сайте Bubble важно принять во внимание советы по оптимизации переключателя языка как для вашего сайта, так и для посетителей.
При реализации переключателя языка на вашем веб-сайте Bubble.io крайне важно использовать легко узнаваемые языковые флаги или значки. Эти визуальные подсказки помогают пользователям быстро определить и выбрать предпочитаемый язык. Например, значок глобуса повсеместно понимается как символ языковых вариантов. В качестве альтернативы вы можете использовать флаги стран, но имейте в виду, что иногда это может быть проблематично, поскольку языки не всегда привязаны к одной стране.
Пример: на веб-сайте Amazon используется небольшой значок глобуса рядом с выбранным в данный момент языком (например, «EN») в верхней панели навигации. Этот простой, но эффективный подход позволяет пользователям быстро находить языковые параметры независимо от текущих языковых настроек.
Хотя флаги могут быть полезны, их не следует использовать отдельно. Включение названия языка на его родном языке рядом с флагом или значком обеспечивает ясность и позволяет избежать потенциальной путаницы. Это особенно важно для языков, на которых говорят в нескольких странах или регионах.
Пример: переключатель языка на веб-сайте Airbnb отображает название языка и флаг страны. Например, с флагом США отображается «English (US)», а с флагом Франции — «Français». Эта комбинация гарантирует, что пользователи смогут точно определить предпочтительный вариант языка.
Расположение переключателя языка имеет решающее значение для доступности пользователя. Обычное расположение включает верхний правый угол заголовка, нижний колонтитул или главное меню навигации. Главное — сделать его легко доступным для поиска, не загромождая основную область контента.
Пример: на веб-сайте tiffany.com переключатель языка находится в правом нижнем углу страницы, он всегда виден и доступен. Такое единообразное размещение гарантирует, что пользователи смогут быстро находить и использовать языковые параметры независимо от того, где они находятся на сайте.
Убедитесь, что ваш переключатель языка хорошо работает на всех устройствах, от настольных компьютеров до смартфонов. На экранах меньшего размера вам может потребоваться адаптировать дизайн — например, используя раскрывающееся меню вместо горизонтального списка опций.
Пример: переключатель языка на веб-сайте ЮНЕСКО прекрасно адаптируется к различным устройствам. На рабочем столе он отображается в виде горизонтального списка в заголовке. На мобильных устройствах оно превращается в компактное раскрывающееся меню, обеспечивая удобство использования без ущерба для мобильного макета.
Сохраняйте одинаковый дизайн, функциональность и положение переключателя языка на всех страницах вашего веб-сайта Bubble.io. Такая согласованность помогает пользователям более эффективно перемещаться по вашему сайту, поскольку они точно знают, где найти языковые параметры, независимо от их текущей страницы.
Пример: на веб-сайте переключатель языка постоянно отображается в нижнем колонтитуле на всех страницах, от главной страницы до страниц продуктов и процесса оформления заказа. Такая согласованность гарантирует, что пользователи смогут легко переключать языки в любое время во время просмотра страниц или покупок.
Теперь вы уже понимаете, как выбрать язык многоязычного сайта Bubble.io. Чтение переключателя языка может дать различные преимущества и в дальнейшем привести к оптимизации на основе ранее упомянутых пунктов.
Эффективная оптимизация выбора языка может значительно улучшить взаимодействие с пользователем. Зарегистрируйте Linguise , интегрируйте ее со своим веб-сайтом Bubble.io и настройте переключатель языка, чтобы улучшить взаимодействие с пользователем.
Получайте новости об автоматическом переводе веб-сайтов, международном SEO и многом другом!
Не уходите, не поделившись своей электронной почтой!
Мы не можем гарантировать, что вы выиграете в лотерею, но можем обещать интересные информационные новости о переводах и периодические скидки.