Оглавление
Требования к доступу Adobe Commerce
Облачный AI автоматический перевод, используемый с Adobe Commerce, требует некоторого доступа для завершения настройки:
- Доступ администратора Adobe Commerce
- Доступ к изменению DNS домена
Настройка Adobe Commerce состоит из 3 простых шагов:
- Зарегистрируйте свой домен, чтобы разрешить перевод
- Измените DNS-записи домена в соответствии с языками перевода
- Добавьте ссылку переключателя флага языка на ваш сайт Adobe Commerce
Как сделать ваш сайт Adobe Commerce многоязычным в видео
Зарегистрируйте ваш домен Adobe Commerce
После вашего подключения или регистрации в Linguise dashboard, you’ll будет предложено зарегистрировать ваш домен для авторизации перевода.
Для этой цели просто скопируйте имя вашего домена с включённым https:// и выберите Adobe Commerce как платформу.
После этого выберите исходный и целевой языки.
Важное примечание 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. Вы’ почти готовы перевести ваш сайт Adobe Commerce, только ссылка на переключатель языка с флагами стран отсутствует.
Добавьте переключатель языка в магазин Adobe Commerce
Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, вам понадобится скопировать код, указанный в заголовке ваших страниц Adobe Commerce. Затем переключатель языка с флагом будет загружен автоматически на вашем публичном веб‑сайте.
Ссылка для копирования находится в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.
Затем, в админке Adobe Commerce, перейдите к Панель администратора > Содержание > Конфигурация. Найдите раздел HTML Head и добавьте ваш код в Скрипты и таблицы стилей поле.
Теперь на вашем фронтенде Adobe Commerce переключатель языка Linguise доступен.
Дизайн переключателя языка Adobe Commerce
Переключатель языка можно настроить из Панели управления Linguise > Настройки > Отображение флагов языка. Каждое изменение здесь будет отражено на сайте.
В правой части экрана отображается предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:
- 3 варианта расположения элементов: рядом, выпадающее меню или всплывающее окно
- Позиция переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или родном языке
- Формы и размеры флагов
- Цвета и тень от коробки
Редактор перевода фронтенда в Adobe Commerce
Фронтенд-редактор позволяет переводчикам изменять любой HTML‑контент в Adobe Commerce на любом языке. Вы можете редактировать страницу, щёлкнув по элементу страницы и заменив текст, ссылку или изображение. It’s также возможно редактировать мета‑информацию, щёлкнув по скобкам {}
