Оглавление
Требования к доступу в Webflow
Для использования облачного AI автоматического перевода с Webflow требуется некоторый доступ для завершения настройки:
- Доступ администратора Webflow
- Доступ к DNS домена сайта
Настройка Webflow состоит из 3 простых шагов:
- Зарегистрируйте свой домен, чтобы разрешить перевод
- Измените DNS-записи домена в соответствии с языками перевода
- Добавьте ссылку переключателя флага языка в настройки Webflow
Как сделать ваш сайт Webflow многоязычным в видео
Зарегистрируйте ваш домен Webflow
После вашего подключения или регистрации в Linguise dashboard, вам будет предложено зарегистрировать ваш домен для авторизации перевода.
Для этой цели просто скопируйте имя вашего домена с включённым https:// и выберите Webflow в качестве платформы.
После этого выберите исходный и целевой языки.
Важное примечание 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. Затем, следуя инструкциям, вы можете скопировать:
- Одна TXT-запись для проверки домена
- Одна или несколько записей CNAME для языков
Вот пример для каждого типа записей (TXT и CNAME):
После добавления всех записей ваша конфигурация должна выглядеть следующим образом.
Проверьте корректность DNS-запросов
После добавления всех записей в DNS вашего домена вы можете проверить распространение DNS-записей, нажав кнопку « Проверить конфигурацию DNS».
Проверка DNS обычно занимает от 30 минут до 1 часа. После этого вы должны увидеть зеленые точки в правой части списка DNS на панели управления Linguise. Вы’ почти готовы перевести ваш сайт Webflow, но ссылка на переключатель языка с флагами стран отсутствует.
Добавьте переключатель языка в Webflow
Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, вам понадобится скопировать код, указанный в заголовке ваших страниц Webflow. Затем переключатель языка с флагом будет загружен автоматически на вашем публичном сайте.
Ссылка для копирования находится в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.
Затем в админке сайта Webflow перейдите к:
Настройки сайта > Пользовательский код > Код в шапке
Нажмите кнопку Сохранить, затем кнопку Опубликовать, чтобы опубликовать изменения на вашем домене Webflow.
Теперь на фронтенде Webflow у вас должен быть доступен переключатель языков Linguise.
Дизайн переключателя языка Webflow
Переключатель языка можно настроить в панели управления Linguise > Настройки > Отображение флагов языков. Каждое изменение здесь будет отражено на сайте.
В правой части экрана отображается предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:
- 3 варианта расположения элементов: рядом, выпадающее меню или всплывающее окно
- Позиция переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или родном языке
- Формы и размеры флагов
- Цвета и тень от коробки
Редактор перевода фронтенда в Webflow
Фронтенд-редактор облегчает переводчикам изменение любого HTML‑контента на Webflow на любом языке. Вы можете редактировать страницу, щёлкнув по элементу страницы и заменив текст, ссылку или изображение.
Узнайте больше о редакторе перевода интерфейса здесь.
