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