Встановлення автоматичного перекладу Linguise на Adobe Commerce

Зміст

Вимоги до доступу до Adobe Commerce

Для використання хмарного автоматичного перекладу зі штучним інтелектом з Adobe Commerce потрібен певний доступ для завершення налаштування:

  • Доступ адміністратора Adobe Commerce
  • Доступ до модифікації DNS домену

Налаштування Adobe Commerce складається з 3 простих кроків:

  1. Зареєструйте свій домен, щоб авторизувати переклад
  2. Змініть DNS домену відповідно до мов перекладу
  3. Додайте посилання на перемикач мовних прапорців на свій сайт Adobe Commerce

Як зробити ваш сайт Adobe Commerce багатомовним у відео

Зареєструйте свій домен Adobe Commerce

Після підключення або реєстрації на панелі керування Linguise вам буде запропоновано зареєструвати свій домен, щоб авторизувати переклад.

Для цього просто скопіюйте своє доменне ім’я з https:// та виберіть Adobe Commerce як платформу .

Випадаюче меню для вибору налаштувань платформи

Після цього виберіть мову оригіналу та мову призначення.

Вибір основної мови та варіантів перекладу для веб-сайту.

Важливе зауваження щодо 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 . Ви майже готові перекласти свій веб-сайт Adobe Commerce , бракує лише посилання на перемикач мов із прапорами країн.

Знімок екрана панелі моніторингу закінчення терміну дії SSL-сертифіката. Керування безпекою веб-сайту.
МИ РОЗУМІЄМО, ЩО НАЛАШТУВАННЯ DNS ТА ПЕРЕКИДАЧА МОВ ТРОХИ ТЕХНІЧНО СКЛАДНЕ; АЛЕ ХОРОШІ НОВИНИ! МИ ПРОПОНУЄМО БЕЗКОШТОВНЕ ВСТАНОВЛЕННЯ

Додайте перемикач мов до магазину Adobe Commerce

Перемикач мов – це спливаюче вікно з прапорцями для вибору потрібної мови. Щоб його завантажити, вам потрібно скопіювати код, наведений у верхній частині ваших сторінок Adobe Commerce . Після цього перемикач мов прапорців автоматично завантажиться на ваш загальнодоступний веб-сайт.

Посилання для копіювання надається в кінці реєстрації домену або в налаштуваннях домену. Скопіюйте посилання в буфер обміну.

Налаштування конфігурації домену з інформацією про піддомени

Потім у панелі Adobe Commerce перейдіть до розділу Панель адміністратора > Контент > Конфігурація.  Знайдіть розділ HTML Head і додайте свій код у Скрипти та таблиці стилів .

 
Знімок екрана білого поля відповіді за замовчуванням

Тепер у вашому інтерфейсі Adobe Commerce має бути доступний перемикач мов Linguise .

МИ РОЗУМІЄМО, ЩО НАЛАШТУВАННЯ DNS ТА ПЕРЕКИДАЧА МОВ ТРОХИ ТЕХНІЧНО СКЛАДНЕ; АЛЕ ХОРОШІ НОВИНИ! МИ ПРОПОНУЄМО БЕЗКОШТОВНЕ ВСТАНОВЛЕННЯ

Дизайн перемикача мов Adobe Commerce

Перемикач мов можна налаштувати на Linguise > Налаштування > Відображення мовних прапорців. Кожна зміна тут відображатиметься на вебсайті.

Знімок екрана, що показує випадаюче меню для вибору мовних налаштувань з опціями для англійської мови.

У правій частині екрана ви побачите попередній перегляд перемикача мов. Ось елементи, які ви можете налаштувати:

  • 3 макети: поруч, випадаюче або спливаюче
  • Положення перемикача мов
  • Вміст перемикача мов
  • Назви мов англійською або рідною мовою
  • Форми та розміри прапорів
  • Кольори та тінь коробки

Інтерфейсний редактор перекладу в Adobe Commerce

Фронтенд-редактор дозволяє перекладачам змінювати будь-який HTML-контент в Adobe Commerce будь-якою мовою. Ви можете редагувати сторінку, клацнувши на елементі сторінки та замінивши текст, посилання або зображення. Також можна редагувати метаінформацію, клацнувши дужки {}

Жінка посміхається в парку з логотипом магазину модного одягу