Установить автоматический перевод Linguise на Bubble.io

Оглавление

Требования к доступу Bubble.io

Для использования автоматического перевода на основе облачного ИИ с Bubble.io требуются определенные права доступа для завершения настройки:

  • Доступ администратора Bubble.io
  • Изменение DNS домена на Bubble.io

Настройка Bubble.io состоит из 4 простых шагов:

  1. Зарегистрируйте свой домен, чтобы авторизовать перевод
  2. Измените DNS домена в соответствии с языками перевода.
  3. Добавьте ссылку на переключатель флагов языка в настройки Bubble.io.
  4. Активируйте функцию динамического перевода. 

Как сделать ваш сайт Bubble.io многоязычным (видео)

Зарегистрируйте свой домен Bubble

После подключения или регистрации на панели управления Linguise вам будет предложено зарегистрировать домен для авторизации перевода.

Для этого просто скопируйте свое доменное имя с включенным https:// и выберите « Другая CMS, размещенная в облаке » для платформы.

После этого выберите исходный и целевой язык.

Выбор базового языка и вариантов перевода для веб-сайта.

Важное замечание по SEO: количество языков, которые вы устанавливаете, оказывает большое влияние на SEO. При настройке языков перевода, если у вас большое количество проиндексированных страниц (> 500), поисковой системе может потребоваться много времени для их обработки. Это может повлиять на SEO на исходном языке. Вот почему мы рекомендуем сначала добавить максимум 5 языков, а затем, когда он будет проиндексирован, вы сможете добавлять языки пакетами по 3 в месяц.

Измените DNS домена в соответствии с языками.

Автоматически добавлять DNS домена с помощью Entri

После того как вы успешно зарегистрировали свой веб-сайт на панели управления Linguise , у вас будет два варианта продолжения установки.

Вероятно, вы должны увидеть этот контент. Если вы предпочитаете автоматически добавлять записи DNS, вы можете нажать « Подключить DNS автоматически». Эта функция, называемая Entri, автоматически добавит ваши записи DNS, что позволит вам легко продолжить установку. Другой вариант — вручную скопировать DNS у вашего провайдера домена.

После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит вашу общедоступную запись DNS. На основании этого он определит требуемого провайдера и DNS.

Далее вы можете нажать « Авторизовать с помощью [провайдера вашего домена] » (в данном примере это Cloudflare). Затем вы увидите, что панель изменится на страницу входа в систему вашего провайдера домена, где вы сможете войти в систему и продолжить.

После того, как вы войдете в систему своего провайдера домена, Entri сделает все остальное, автоматически добавив нужные записи DNS. Один DNS для каждого языка + один TXT DNS для ключа проверки.

Вы должны увидеть, что DNS добавлен в ваш домен. Например:

После того как вы авторизуете его, Entri уведомит вас о том, что все настройки DNS были успешно настроены.

Вы сможете использовать функцию перевода, как только все записи DNS будут распространены в вашем домене (обычно это занимает 20–30 минут).

Если вы предпочитаете установку вручную , вы также можете сделать это вручную, выполнив действия, которые мы предоставим ниже.

Копирование DNS-записей

После того как вы подтвердите свой домен, вы будете перенаправлены на экран, где DNS, добавляемые в ваш домен, готовы к копированию. Эти записи необходимы для загрузки многоязычных страниц вашего сайта, таких как fr.domain.com, es.domain.com…

Вот основные элементы, которые вам нужно скопировать в конфигурацию DNS Bubble.io.

После этого вам необходимо подключиться к менеджеру домена и получить доступ к области настройки DNS. Затем, следуя инструкциям, можно скопировать:

  • Одна запись TXT для проверки домена
  • Одна или несколько записей CNAME для языков.

Вот пример для каждого типа записи (TXT и CNAME):

Процесс регистрации и проверки электронной почты

После добавления всех ваших записей ваша конфигурация должна выглядеть следующим образом.

Скриншот списка файлов сервера

Проверьте проверку DNS

После добавления всех ваших записей в DNS вашего домена вы можете проверить распространение DNS, нажав кнопку «Проверить конфигурацию DNS».

Проверка DNS обычно занимает от 30 минут до 1 часа . После этого вы увидите зелёные точки в правой части списка DNS на Linguise . Вы почти готовы к переводу своего Bubble , но не хватает ссылки на переключатель языков с флагами стран.

Скриншот панели мониторинга срока действия SSL-сертификата. Управление безопасностью веб-сайта.
МЫ ПОНИМАЕМ, ЧТО НАСТРОЙКА DNS И ПЕРЕКЛЮЧАТЕЛЯ ЯЗЫКОВ НЕМНОГО ТЕХНИЧЕСКАЯ; НО ХОРОШИЕ НОВОСТИ! ПРЕДЛАГАЕМ БЕСПЛАТНУЮ УСТАНОВКУ

Функция динамического перевода

С технической точки зрения, Bubble объединяет модули JavaScript, CSS и HTML в работающее приложение Node.js. Собственный язык Bubbleоснован на JSON.

Благодаря нашей функции « Динамический перевод » вы можете легко переводить контент на вашем Bubble , включая контент, который загружается асинхронно (динамически) после загрузки страницы. Это улучшение обеспечивает более удобный многоязычный интерфейс для ваших посетителей!

Вам нужно будет активировать эту функцию в панели управления Linguise .

панель динамического перевода

Получив доступ к Linguise , нажмите на свой зарегистрированный домен и перейдите в «Настройки» .

Вы найдете этот раздел « Перевести динамический контент » в конце страницы настроек.

Добавьте переключатель языка в Bubble.io

Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, скопируйте код, указанный в заголовке страниц вашего сайта Bubble.io. Переключатель языка будет автоматически загружен на ваш общедоступный сайт.

Ссылка для копирования дается в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.

Настройки конфигурации домена с информацией о поддоменах

Затем перейдите на панель вашего Bubble . В меню слева нажмите «Настройки» > выберите «SEO/метатеги» .

seo_metatag

В настройках меню прокрутите немного вниз, и вы найдете скрипты/мета-теги в заголовке в разделе « Дополнительные настройки ».

Вставьте Linguise , который вы скопировали ранее, нажмите «Сохранить» и опубликуйте свой сайт.

сценарий

Теперь на внешнем интерфейсе вашего сайта Bubble.io должен быть доступен переключатель языка Linguise .

МЫ ПОНИМАЕМ, ЧТО НАСТРОЙКА DNS И ПЕРЕКЛЮЧАТЕЛЯ ЯЗЫКОВ НЕМНОГО ТЕХНИЧЕСКАЯ; НО ХОРОШИЕ НОВОСТИ! ПРЕДЛАГАЕМ БЕСПЛАТНУЮ УСТАНОВКУ

Дизайн переключателя языка веб-сайта Bubble.io

Переключатель языка можно настроить на Linguise > Настройки > Отображение языковых флагов. Каждое изменение здесь будет отражено на веб-сайте.

Скриншот, показывающий раскрывающееся меню для выбора языковых настроек с вариантами для английского языка.

В правой части экрана у вас есть предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:

  • 3 макета: рядом, раскрывающийся список или всплывающее окно
  • Положение переключателя языка
  • Содержимое переключателя языка
  • Названия языков на английском или родном языке
  • Формы и размеры флагов
  • Цвета и тень коробки

Редактор перевода на сайте Bubble

Редактор интерфейса позволяет переводчикам редактировать любой HTML-контент на Bubbleна любом языке. Вы можете редактировать страницу, нажав на элемент и заменив текст, ссылку или изображение.

Метаинформацию также можно редактировать, нажав на скобки {}.

Женщина улыбается в парке с логотипом магазина модной одежды