Автоматический перевод облачного AI, который будет использоваться с Shopify , требует определенного доступа для завершения настройки:
Настройка Shopify состоит из 3 простых шагов:
После подключения или регистрации на панели управления Linguise вам будет предложено зарегистрировать домен для авторизации перевода.
Для этого просто скопируйте свое доменное имя с включенным https:// и выберите Shopify в качестве платформы.
После этого выберите исходный и целевой язык.
Важное замечание по SEO: количество языков, которые вы устанавливаете, оказывает большое влияние на SEO. При настройке языков перевода, если у вас большое количество проиндексированных страниц (> 500), поисковой системе может потребоваться много времени для их обработки. Это может повлиять на SEO на исходном языке. Вот почему мы рекомендуем сначала добавить максимум 5 языков, а затем, когда он будет проиндексирован, вы сможете добавлять языки пакетами по 3 в месяц.
После того как вы успешно зарегистрировали свой веб-сайт на панели управления Linguise , у вас будет два варианта продолжения установки.
Вероятно, вы должны увидеть этот контент. Если вы предпочитаете автоматически добавлять записи DNS, вы можете нажать « Подключить DNS автоматически». Эта функция, называемая Entri, автоматически добавит ваши записи DNS, что позволит вам легко продолжить установку. Другой вариант — вручную скопировать DNS у вашего провайдера домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит вашу общедоступную запись DNS. На основании этого он определит требуемого провайдера и DNS.
Далее вы можете нажать « Авторизовать с помощью [провайдера вашего домена] » (в данном примере это Cloudflare). Затем вы увидите, что панель изменится на страницу входа в систему вашего провайдера домена, где вы сможете войти в систему и продолжить.
После того, как вы войдете в систему своего провайдера домена, Entri сделает все остальное, автоматически добавив нужные записи DNS. Один DNS для каждого языка + один TXT DNS для ключа проверки.
Вы должны увидеть, что DNS добавлен в ваш домен. Например:
После того как вы авторизуете его, Entri уведомит вас о том, что все настройки DNS были успешно настроены.
Вы сможете использовать функцию перевода, как только все записи DNS будут распространены в вашем домене (обычно это занимает 20–30 минут).
Если вы предпочитаете установку вручную , вы также можете сделать это вручную, выполнив действия, которые мы предоставим ниже.
После того как вы подтвердите свой домен, вы будете перенаправлены на экран, где DNS, добавляемые в ваш домен, готовы к копированию. В зависимости от вашей хостинговой компании настройка домена может выглядеть немного по-разному, но названия полей вполне стандартные. Эти записи необходимы для загрузки многоязычных страниц вашего сайта, таких как fr.domain.com, es.domain.com…
Вот основные элементы.
После этого вам необходимо подключиться к менеджеру домена и получить доступ к области настройки DNS. Затем, следуя инструкциям, можно скопировать:
Вот пример для каждого типа записи (TXT и CNAME):
После добавления всех ваших записей ваша конфигурация должна выглядеть следующим образом.
В Shopify у вас есть возможность управлять конфигурацией DNS на платформе Shopify .
В частности, вы можете получить доступ к настройкам DNS и изменить их через Shopify , перейдя в раздел « Домены ». В этом разделе вы можете добавлять и редактировать конфигурации DNS по мере необходимости.
После этого вы можете выбрать свой основной веб-сайт и в правом верхнем углу вы найдете опцию « Настройки домена ».
Нажав на эту опцию, вы получите доступ к « Изменить настройки DNS », где сможете приступить к добавлению новой записи DNS. Вы можете добавить записи CNAME и TXT.
Наконец, ваши записи CNAME и TXT должны выглядеть следующим образом:
Важно отметить, что Shopify есть правила для добавления конфигурации DNS. Обязательно выполните предыдущие шаги.
Shopify прочитает добавленную вами DNS-запись и распространит ее соответствующим образом.
После добавления всех ваших записей в DNS вашего домена вы можете проверить распространение DNS, нажав кнопку «Проверить конфигурацию DNS».
Проверка DNS обычно занимает от 30 минут до 1 часа. После этого вы должны увидеть зеленые точки в правой части списка DNS на панели управления Linguise . Вы почти готовы перевести свой веб-сайт Shopify , только отсутствует ссылка на переключатель языка с флагами стран.
Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, вам нужно скопировать код, указанный в шапке страниц Shopify . Переключатель языка флага будет автоматически загружен на ваш общедоступный веб-сайт.
Ссылка для копирования дается в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.
Затем в Shopify откройте Интернет-магазин > Темы.
Нажмите на три точки вашей текущей темы и измените код.
Наконец, откройте файл theme.liquid и вставьте код сценария после последнего
Теперь в вашем интерфейсе Shopify у вас должен быть доступен переключатель языка Linguise .
Переключатель языка можно настроить на Linguise > Настройки > Отображение языковых флагов. Каждое изменение здесь будет отражено на веб-сайте.
В правой части экрана у вас есть предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:
Чтобы отобразить переключатель языка в определенном месте Shopify , вам следует установить положение «На месте». После того, как вы установили положение на Linguise , вы можете добавить приведенный ниже шорткод, чтобы включить его. Нажмите на код ниже, чтобы поместить его в буфер обмена.
После добавления во внешнем интерфейсе в области HTML, в которую вы добавили код, будут отображаться названия флагов и языков.
Google ReCAPTCHA — это бесплатная служба, которая используется для предотвращения спама, например, в контактных формах. Чтобы сделать его доступным в Shopify , вам необходимо зарегистрировать многоязычные поддомены в администраторе Shopify .
Откройте настройки магазина и настройки домена.
Затем нажмите «Подключить существующий домен».
Добавьте существующий языковой субдомен, например, если ваш сайт на французском языке, это будет fr.yourwebsite.com.
Наконец, добавьте [lang].yourwebsite.com, для каждого языка перевода вам нужно будет отображать reCAPTCHA во внешнем интерфейсе.
Редактор внешнего интерфейса позволяет переводчикам изменять любой HTML-контент на Shopify на любом языке. Вы можете редактировать страницу, щелкнув элемент страницы и заменив текст, ссылку или изображение.
Если вы используете одну из бесплатных тем, предоставляемых Shopify , вам может потребоваться отредактировать CSS темы, чтобы иметь доступ ко всему HTML, потому что они использовали какой-то нестандартный псевдоэлемент.
Сначала отредактируйте код темы, затем откройте файл base.css или любой другой файл CSS, загруженный в ваш магазин Shopify .
Вот код, который нужно добавить в ваш CSS-файл:
/* CUSTOM CSS FOR LIVE EDITOR LINGUISE --------------------------------------------------------------------*/ /* Remove the problem of frontend editor on product and blog listing */ .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after { content: none !important; } .card__heading a:after, .card--card:after, .card--standard .card__inner:after { content: none !important; } /* Add back the button border */ button.button { border: 2px solid #0E1B4D; border-radius: 20px; } /* END CUSTOM CSS --------------------------------------------------------------------*/
