Зміст
Вимоги до доступу 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 має бути доступний перемикач мов Linguise .
Дизайн перемикача мов Webflow
Перемикач мов можна налаштувати на Linguise > Налаштування > Відображення мовних прапорців. Кожна зміна тут відображатиметься на вебсайті.
У правій частині екрана ви побачите попередній перегляд перемикача мов. Ось елементи, які ви можете налаштувати:
- 3 макети: поруч, випадаюче або спливаюче
- Положення перемикача мов
- Вміст перемикача мов
- Назви мов англійською або рідною мовою
- Форми та розміри прапорів
- Кольори та тінь коробки
Редактор перекладу фронтенду на Webflow
Фронтенд-редактор дозволяє перекладачам змінювати будь-який HTML-контент на Webflow будь-якою мовою. Ви можете редагувати сторінку, клацнувши на елементі сторінки та замінивши текст, посилання або зображення.
Дізнайтеся більше про редактор перекладів для фронтенду тут.
