Оглавление
Требования к доступу в Bubble.io
Для использования облачного AI автоматического перевода с Bubble.io требуется определённый доступ для завершения настройки:
- Административный доступ к Bubble.io
- Изменение DNS домена в Bubble.io
Настройка Bubble.io состоит из 4 простых шагов:
- Зарегистрируйте свой домен, чтобы разрешить перевод
- Измените DNS-записи домена в соответствии с языками перевода
- Добавьте ссылку переключателя флага языка в настройки Bubble.io
- Активируйте функцию динамического перевода.
Как сделать ваш сайт Bubble.io многоязычным в видео
Зарегистрируйте ваш домен Bubble
После вашего подключения или регистрации в Linguise dashboard, you’ll будет предложено зарегистрировать ваш домен для авторизации перевода.
Для этой цели просто скопируйте имя вашего домена с включённым https:// и выберите “Другой облачный CMS” для платформы.
После этого выберите исходный и целевой языки.
Важное примечание SEO: Количество языков, которые вы настраиваете, сильно влияет на SEO. Когда вы настраиваете языки перевода, если у вас большое количество проиндексированных страниц (>500), поисковый движок может потребовать много времени для их обработки. Это может повлиять на ваш SEO в исходном языке. Поэтому мы рекомендуем сначала добавить максимум 5 языков, а затем, когда они будут проиндексированы, добавлять языки партиями по 3 в месяц.
Измените DNS-записи домена в соответствии с используемыми языками
Автоматическое добавление DNS-домена с помощью Entri
Как только вы успешно зарегистрировали ваш веб‑сайт в Linguise dashboard, вы’л будете иметь два варианта для продолжения установки.
Вы, вероятно, видите это содержание, если вы предпочитаете автоматически добавлять DNS‑записи, вы можете нажать на “Подключите ваш DNS автоматически.” Эта функция, названная Entri, автоматически добавит ваши DNS‑записи, позволяя вам легко продолжить установку. Другой вариант — вручную скопировать DNS у вашего провайдера домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит вашу публичную DNS-запись. На основе этого он определит необходимого провайдера и DNS-сервер.
Далее, вы можете нажать на “Авторизоваться через [your domain provider]” (в этом примере, это 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, но ссылка на переключатель языка с флагами стран отсутствует.
Функция динамического перевода
Технически говоря, Bubble объединяет модули, написанные на JavaScript, CSS и HTML в работающем приложении Node.js. Bubble’s собственный язык основан на JSON.
С нашими “Динамический перевод” функция, вы можете беспрепятственно переводить контент на вашем сайте Bubble.io, включая контент, который загружается асинхронно (динамически) после загрузки страницы. Это улучшение обеспечивает более плавный многоязычный опыт для ваших посетителей!
Вам потребуется активировать эту функцию в вашем Linguise dashboard аккаунте Настройки.
После того как вы откроете свою панель Linguise, нажмите на зарегистрированный домен и перейдите к Настройки меню.
Вы найдете этот “Перевести динамический контент” раздел в конце страницы Настройки.
Добавьте переключатель языка в Bubble.io
Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, вам потребуется скопировать код, указанный в заголовке страниц вашего сайта Bubble.io. Затем переключатель языка с флагом будет загружен автоматически на вашем публичном веб‑сайте.
Ссылка для копирования находится в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.
Затем перейдите к панели вашего сайта Bubble. В меню слева нажмите на ‘Settings’ > select “SEO / metatags”.
Из настроек меню прокрутите немного вниз, и вы найдете теги Script/meta в заголовке под “Расширенные настройки“.
Вставьте скрипт Linguise, который вы скопировали ранее, нажмите ‘Save’, и опубликуйте ваш сайт.
Теперь на фронтенде вашего сайта Bubble.io вы должны иметь доступный переключатель языков Linguise.
Дизайн переключателя языков сайта Bubble.io
Переключатель языка можно настроить из Панели управления Linguise > Настройки > Отображение флагов языка. Каждое изменение здесь будет отражено на сайте.
В правой части экрана отображается предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:
- 3 варианта расположения элементов: рядом, выпадающее меню или всплывающее окно
- Позиция переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или родном языке
- Формы и размеры флагов
- Цвета и тень от коробки
Редактор перевода фронтенда на сайте Bubble.io
Фронтенд-редактор облегчает переводчикам изменение любого HTML‑контента на Bubble.io на любом языке. Вы можете редактировать страницу, щёлкнув по элементу страницы и заменив текст, ссылку или изображение.
Также можно редактировать метаинформацию, нажав на квадратные скобки {}
