У вас есть веб-сайт Bubble.io, который вы хотите перевести на разные языки, чтобы к нему могли получить доступ внешние клиенты? Bubble.io — это мощная и гибкая платформа без программирования, предлагающая мощную среду для создания веб-приложений и управления ими. Интеграция автоматического перевода в ваше приложение Bubble.io позволяет упростить создание и обслуживание многоязычного контента, экономя время и ресурсы, обеспечивая при этом единообразный и высококачественный пользовательский интерфейс на нескольких языках.
Поэтому в этой статье мы обсудим, как легко реализовать автоматический перевод на сайте Bubble.io с помощью сервиса автоматического перевода.
Преимущество внедрения автоматического перевода на Bubble.io
Реализация автоматического перевода на веб-сайте Bubble.io может дать несколько преимуществ, в том числе следующие.
- Доступ к глобальному рынку: автоматический перевод позволяет вашему приложению Bubble.io охватить пользователей по всему миру. Например, приложение для обмена рецептами, изначально написанное на английском языке, может мгновенно стать доступным для энтузиастов кулинарии в Японии, Бразилии и Франции, что позволит им изучать и предлагать рецепты на своих родных языках.
- Повышение удовлетворенности пользователей. Контент на предпочитаемом пользователем языке обеспечивает более приятный и захватывающий опыт. Пример: приложение для планирования путешествий, которое автоматически переводит маршруты, обзоры и местные рекомендации на язык пользователя, может значительно улучшить его опыт планирования поездки.
- Более высокий потенциал конверсии: пользователи с большей вероятностью совершат покупки или подпишутся на услуги, когда информация представлена на их родном языке. Например, после внедрения автоматического перевода на платформе онлайн-курсов может наблюдаться резкий рост числа учащихся из испаноязычных стран, поскольку теперь потенциальные студенты смогут полностью понимать описания курсов и их преимущества.
- Улучшенная видимость при поиске. Многоязычный контент повышает шансы вашего приложения появиться в результатах поиска в разных регионах и на разных языках. Например, приложение для поиска работы, которое предлагает автоматически переведенные списки вакансий и советы по резюме, может начать появляться в результатах поиска на местных языках во многих странах, привлекая соискателей, которые раньше не могли найти эту платформу.
Примеры многоязычных веб-сайтов с Bubble.io
По данным Trends.builtwith.com, Bubble.io используют более 55 тысяч сайтов . Поэтому на этот раз мы обсудим несколько примеров, чтобы дать вам представление о том, рассматриваете ли вы возможность создания многоязычного сайта с помощью Bubble.io.
Фанова.io
Fanova — отличный пример веб-сайта, созданного с использованием Bubble.io. Он связывает поклонников с их любимыми создателями контента и позволяет им подписаться на эксклюзивный контент. Сайт демонстрирует способность Bubble.io создавать сложные, удобные для пользователя приложения с расширенными функциями, такими как многоязычная поддержка.
Переключатель языков в левом нижнем углу предлагает варианты английского, испанского и бразильского португальского языка. Такой многоязычный подход позволяет Fanova обслуживать разнообразную международную аудиторию в Северной Америке, Латинской Америке и Бразилии. Используя функции Bubble.io, Fanova может управлять контентом и представлять его на нескольких языках, сохраняя при этом единообразный дизайн, улучшая пользовательский опыт для посетителей с разным языковым опытом.
IC-academy.io
Impact Creative Academy (ICA) — это способность платформы создавать профессиональные и функциональные веб-приложения. Сайт предлагает ресурсы по карьере на базе искусственного интеллекта, включая бесплатные курсы, конкурсы на получение грантов и возможности подачи заявок на работу. Его чистый дизайн отличается заметным заголовком, лаконичным ценностным предложением и привлекательной кнопкой призыва к действию «Погрузитесь».
Примечательной особенностью веб-сайта ICA является переключатель языка, расположенный в правом верхнем углу, предлагающий пользователям выбор между английским и арабским языками. Эта многоязычная поддержка демонстрирует, как Bubble.io может эффективно создавать глобально доступные платформы. Предоставляя контент как на английском, так и на арабском языках, ICA может обслуживать разнообразную базу пользователей в англоязычных странах и арабском мире.
Как реализовать автоматический перевод на Bubble.io
Изучив примеры многоязычных сайтов, созданных с помощью Bubble.io, мы рассмотрим, как реализовать автоматический перевод с помощью службы автоматического перевода. Многие сервисы могут быстро и легко переводить веб-сайты, выполнив всего несколько шагов настройки. Одним из таких сервисов является Linguise.
Linguise интегрируется с различными платформами CMS и веб-конструкторами, в том числе с Bubble.io. Вот шаги по установке Linguise на Bubble.io.
#1 Зарегистрируйте свой доменный сайт
Сначала создайте бесплатную учетную запись Linguise и добавьте домен своего сайта. Вы можете использовать 30-дневную бесплатную пробную версию, прежде чем выбрать план подписки.
Далее вам будет предложено зарегистрировать домен для авторизации перевода. Для этого скопируйте свое доменное имя, включая «https://», и выберите «другое» в качестве платформы.
Затем выберите исходный и целевой языки.
#2 Автоматически добавлять DNS домена с помощью ввода
После успешной регистрации вашего веб-сайта на панели управления Linguise у вас есть два варианта продолжения установки.
Если вы предпочитаете добавлять записи DNS автоматически, вы можете нажать «Подключить DNS автоматически». Эта функция, называемая Entri, будет обрабатывать записи DNS за вас, упрощая процесс установки. Кроме того, вы можете вручную скопировать записи DNS своему провайдеру домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит ваши общедоступные записи DNS. На основе этого анализа он определит необходимого провайдера и записи DNS.
Затем нажмите «Авторизовать с помощью [вашего провайдера домена]» (например, Cloudflare). Это действие перенаправит вас на страницу входа вашего провайдера домена, где вы сможете войти и продолжить.
Как только вы войдете в систему своего провайдера домена, Entri позаботится обо всем остальном, автоматически добавив соответствующие записи DNS — по одному DNS для каждого языка и один DNS TXT для ключа проверки. Вы должны увидеть записи DNS, добавленные в ваш домен, например:
После авторизации Entri сообщит вам, что все настройки DNS успешно настроены. Вы сможете использовать функцию перевода после того, как все записи DNS будут распространены в вашем домене, что обычно занимает от 20 до 30 минут.
Если вы предпочитаете установку вручную , вы также можете сделать это вручную, выполнив действия, которые мы предоставим ниже.
#3 Копирование DNS-записей
Если вы предпочитаете установку вручную, вы будете перенаправлены на экран с записями DNS, необходимыми для настройки многоязычных страниц, например fr.domain.com или es.domain.com.
Скопируйте эти важные элементы в конфигурацию DNS Bubble.io.
Затем подключитесь к своему менеджеру домена и получите доступ к области настройки DNS. Затем следуйте инструкциям по копированию.
- Одна запись TXT для проверки домена
- Одна или несколько записей CNAME для языков.
Вот примеры для каждого типа записи (TXT и CNAME).
После добавления всех записей ваша конфигурация должна выглядеть примерно так.
#4 Проверьте DNS
После того как вы добавили все свои записи в DNS вашего домена, вы можете проверить распространение DNS, нажав кнопку «Проверить конфигурацию DNS».
Проверка DNS обычно занимает от 30 минут до 1 часа. По истечении этого периода вы должны увидеть зеленые индикаторы в правой части списка DNS на панели управления Linguise . Вы почти готовы перевести свой веб-сайт Bubble; нужна только ссылка на переключатель языков с флагами стран.
#5 Активировать динамический перевод
С технической точки зрения Bubble интегрирует модули с кодом JavaScript, CSS и HTML в функциональное приложение Node.js. Язык программирования Bubble построен на JSON.
С помощью нашей функции «Динамический перевод» вы можете легко переводить контент на своем веб-сайте Bubble.io, включая контент, который загружается асинхронно (динамически) после начальной загрузки страницы. Это улучшение обеспечивает более плавную многоязычную работу для ваших посетителей!
Чтобы использовать эту функцию, нажмите «Да» внизу страницы настроек.
#6 Включить и настроить дизайн переключателя языка
Переключатель языка — это всплывающее окно с флажком, которое позволяет вам выбрать нужный язык. Чтобы реализовать это, скопируйте код, указанный в шапке страниц вашего сайта Bubble.io. Переключатель языка флага автоматически появится на вашем общедоступном веб-сайте.
Ссылка для копирования находится в конце процесса регистрации домена или в настройках домена. Обязательно скопируйте ссылку в буфер обмена.
Затем перейдите на панель веб-сайта Bubble. В меню левой боковой панели нажмите «Настройки», а затем выберите «SEO/метатеги».
В меню настроек слегка прокрутите вниз, пока не найдете «Сценарий/мета-теги в заголовке» в разделе «Дополнительные настройки».
Вставьте Linguise , который вы скопировали ранее, затем нажмите «Сохранить» и опубликуйте свой сайт.
Вы можете настроить переключатель языка на Linguise , перейдя в «Настройки» > «Отображение языковых флагов». Любые изменения, внесенные здесь, будут отражены на веб-сайте.
В правой части экрана вы увидите предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить.
- Три макета: рядом, раскрывающийся или всплывающий.
- Положение переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или родном языке
- Формы и размеры флагов
- Цвета и тени коробки
#7 Автоматический перевод вашего сайта Bubble
Вот демонстрация того, как выглядит Bubble.io при автоматическом переводе с помощью службы автоматического перевода Linguise.
Автоматически переведите свой сайт Bubble.io с помощью Linguise
Служба перевода Linguise обеспечивает плавную интеграцию автоматического перевода на ваш сайт Bubble.io. Являясь ведущим сервисом перевода, он поддерживает более 80 языков и работает с более чем 40 платформами CMS, включая Bubble.io. Эта интеграция упрощает создание многоязычного веб-сайта, повышая общее удобство использования.
Перевод фронтенд-редактора в реальном времени
Linguise также предлагает внешний редактор , который позволяет быстро вносить изменения в переводы по мере необходимости. Этот инструмент гарантирует точность переводов и позволяет быстро вносить изменения. Кроме того, вы можете работать с профессиональными переводчиками, чтобы обеспечить культурную и контекстуальную точность.
Многоязычная SEO-поддержка
Благодаря своим многоязычным функциям SEO Linguise , Linguise может улучшить видимость вашего веб-сайта в поисковых системах, оптимизируя его SEO. Он генерирует многоязычные карты сайта, создает коды и теги hreflang, настраивает канонические URL-адреса и переводит URL-адреса и метаописания. Эти функции помогают повысить рейтинг вашего сайта в поисковых системах и сделать его более доступным для пользователей на разных языках.
Глобальные правила исключения перевода
Чтобы решить проблемы перевода, Linguise включает правила исключения, которые позволяют вам сохранить или исключить определенные термины, которые могут плохо переводиться. Вы можете установить правила для исключения страниц , встроенного контента или отдельных страниц, обеспечивая ясность и точность ваших переводов.
Возможно привлечение профессиональных переводчиков для сотрудничества.
Кроме того, Linguise позволяет вам приглашать профессиональных переводчиков присоединиться к вашей панели управления, облегчая сотрудничество для обеспечения культурной и контекстной точности вашего контента.
Вывод
Внедрение автоматического перевода на вашем веб-сайте Bubble.io может значительно расширить охват, повысить вовлеченность пользователей и повысить коэффициенты конверсии. С помощью Linguiseвы можете легко управлять многоязычным контентом, обеспечивая удобство работы для пользователей на разных языках и одновременно оптимизируя свои стратегии SEO.
Linguise предлагает мощные функции, такие как редактирование в реальном времени, динамический перевод контента, правила исключения для определенных терминов и обширную поддержку SEO. Эти возможности делают его идеальным выбором для интеграции автоматического перевода с Bubble.io. И так, чего же ты ждешь? Зарегистрируйтесь на сайте автоматического перевода Linguise и превратите свой сайт Bubble.io в многоязычный.
![Лучшая альтернатива локализации Webflow [обзор + сравнение функций]](https://www.linguise.com/wp-content/uploads/2024/07/FI_Best-Webflow-Localization-Alternatives-768x320.png)
