Как перевести WooCommerce: подробное пошаговое руководство

Хотите научиться переводить магазин WooCommerce?

Если вы привлекаете клиентов из разных уголков мира, перевод вашего магазина WooCommerce на разные языки может помочь вашему бизнесу расти и получать больше прибыли.

Просмотр информации о продукте ️ на родном языке побуждает посетителей быстрее принимать решения. Он предлагает лучший клиентский опыт и укрепляет доверие, что может привести к увеличению продаж.

В этой статье мы покажем вам, как перевести ваш магазин WooCommerce с помощью популярного плагина языкового перевода.

Как изменить язык WooCommerce

Есть три способа изменить язык WooCommerce. Это:

• Используйте встроенную опцию языка сайта, чтобы изменить язык магазина (для одноязычного магазина).
• Используйте встроенный параметр языка профиля, чтобы изменить язык панели управления (чтобы упростить управление администратором).
• Используйте плагин перевода, чтобы изменить язык магазина на несколько языков.

По сути, в первом разделе мы покажем вам, как изменить язык WooCommerce для одноязычного магазина.

Затем в следующем разделе вы узнаете, как перевести WooCommerce для создания многоязычного магазина. Нажмите здесь, чтобы сразу перейти к этому разделу.

1. Изменить только язык магазина

Используя этот метод, вы изменяете текст на кнопках «Добавить в корзину», странице корзины, странице оформления заказа, странице моей учетной записи и других страницах WooCommerce по умолчанию.

Но этот метод не поможет вам изменить язык текста, который вы вручную вставляете в свой магазин, например, названия и описания продуктов. Вам нужно будет сделать это вручную через редактор продукта.

В двух словах, этот метод работает, если вы хотите изменить язык одноязычного магазина .

Изменить язык сайта WordPress

Чтобы изменить только язык магазина WooCommerce, откройте панель администратора и перейдите в « Настройки» → «Основные ». Затем найдите раскрывающийся список « Язык сайта» .

В раскрывающемся меню выберите нужный язык и нажмите кнопку Сохранить :

Обновите переводы WordPress/WooCommerce

Затем перейдите в Панель инструментов → Обновления , прокрутите вниз до раздела «Переводы» и нажмите кнопку « Обновить перевод ».

Это побудит WordPress загрузить языковой пакет WooCommerce для языка, который вы выбрали на предыдущем шаге:

Вот и все. Содержимое по умолчанию вашего магазина WooCommerce теперь должно быть переведено на выбранный вами язык.

2. Изменить только язык панели инструментов

Используя этот метод, вы измените язык панели администратора, в то время как язык интерфейса сайта останется прежним.

Этот метод полезен в тех случаях, когда вы или другие администраторы магазина предпочитаете управлять своим магазином на языке, отличном от языка внешнего интерфейса.

Однако этот метод по-прежнему предполагает, что ваш внешний магазин будет доступен только на одном языке.

Измените язык магазина, чтобы загрузить языковой пакет (согласно предыдущим инструкциям)

Для начала следуйте инструкциям в предыдущем разделе, чтобы изменить язык вашего магазина и загрузить пакеты перевода.

Короче говоря, это означает, что вы должны…

1. Перейдите в « Настройки» → «Основные » и используйте раскрывающийся список « Язык сайта» , чтобы выбрать язык, на котором вы хотите предлагать панель управления.
2. Перейдите в « Панель управления» → «Обновления », прокрутите вниз до раздела «Переводы» и нажмите кнопку « Обновить перевод ».

Опять же, вы можете следовать тем же инструкциям, что и в предыдущем разделе.

Изменить язык магазина обратно (при необходимости)

При необходимости теперь вы можете вернуться в « Настройки» → «Основные » и использовать раскрывающийся список « Язык сайта» , чтобы изменить язык интерфейса вашего магазина обратно на исходный язык.

Настройте язык панели управления WooCommerce для пользователей

После того, как вы убедились в правильности языка внешнего интерфейса, теперь вы можете вручную переопределить внутренний язык для отдельных пользователей, выбрав один из загруженных вами новых языковых пакетов:

1. Откройте свой профиль пользователя, выбрав Пользователи → Профиль .
2. Используйте параметр « Язык », чтобы выбрать предпочитаемый язык панели управления WooCommerce .
3. Сохраните изменения.

Вы можете использовать этот метод, чтобы изменить язык панели управления других пользователей. Просто перейдите в « Пользователи» → «Все пользователи », откройте профиль пользователя, выберите язык и нажмите кнопку « Сохранить ».

Как перевести WooCommerce для создания многоязычного магазина

Если вы хотите создать многоязычный магазин, плагин перевода поможет вам перевести весь ваш веб-сайт WooCommerce на один или несколько языков.

Хотя есть несколько плагинов для перевода, мы будем использовать бесплатный плагин TranslatePress для этого урока.

Бесплатный плагин позволяет вам переводить ваш магазин на один язык, включая весь внешний контент (отдельные продукты, магазин, корзину, оформление заказа и т. д.).

Если вы хотите перевести свой магазин на несколько языков и/или улучшить многоязычное SEO, вам необходимо подписаться на премиум-версию, стоимость которой начинается от 89 евро в год.

1. Установите и настройте TranslatePress
2. Перевести страницы продуктов WooCommerce
3. Перевести страницу корзины и страницу оформления заказа
4. Перевод сообщений, страниц и меню веб-сайта

1. Установите и настройте TranslatePress

Первый шаг — установить и активировать TranslatePress на вашем сайте WordPress.

Затем перейдите в « Настройки» → «TranslatePress» → «Основные» → «Все языки» и выберите язык в раскрывающемся меню. Добавьте его и сохраните настройки:

2. Переведите страницы продуктов WooCommerce

На странице продукта WooCommerce есть четыре основных элемента, которые можно перевести. Это:

• Описания продуктов
• Динамический контент
• Изображения продуктов
• Название страницы, слаг и выпадающие элементы

Пройдемся по ним:

Переводите описания продуктов, названия и т. д.

Откройте одну из страниц вашего продукта WooCommerce и нажмите кнопку « Перевести страницу » на панели администратора.

В левой части экрана появится редактор перевода . Вы будете использовать этот редактор для перевода текста на странице продукта.

Наведите курсор на описание продукта, которое хотите перевести. Появится синий значок ручки . Когда вы щелкаете по нему, текст выделяется, и редактор перевода предоставляет вам поле, в котором вы можете написать переведенную версию текста .

Вы можете перевести только один абзац за раз.

После того, как вы сделаете каждый перевод, нажмите кнопку « Сохранить перевод » или используйте сочетание клавиш Ctrl + S :

Перевод динамического контента

Динамический контент относится к контенту, который появляется на сайте в результате действия пользователя.

На странице продукта WooCommerce динамический контент появляется, когда посетители нажимают кнопку « Добавить в корзину ». Вы можете перевести как текст, так и кнопку « Просмотреть корзину », щелкнув значок зеленого пера .

Примечание: интересно, почему редактор показывает значок зеленого пера вместо синего значка пера ? Зеленое перо появляется над текстами, которые относятся к текущей теме или какому-то плагину, установленному на вашем сайте. Они работают так же, как значки синего пера . Просто нажмите на значок и используйте редактор перевода, чтобы перевести текст:

Перевести изображения продуктов

Изображения продуктов с подписями также можно перевести на разные языки тем же способом.

Щелкните изображение, и появится подпись с синим значком ручки . Выберите значок и начните перевод подписи в редакторе перевода:

Перевести заголовок страницы, слаг и выпадающие элементы (требуется платная версия плагина)

Чтобы перевести заголовок страницы и слаг, вам понадобится надстройка пакета SEO от TranslatePress. Это будет стоить вам около 89 евро в год за один сайт.

После того, как вы совершили покупку и активировали плагин SEO pack, откройте страницу продукта. Редактор перевода покажет вам дополнительные параметры, называемые метаинформацией и списками строк.

В разделе метаинформации вы можете изменить слаг и заголовок страницы. А с помощью опции строковых списков вы можете изменить элементы выпадающего меню, найденные в переменных продуктах:

3. Перевести страницу корзины и страницу оформления заказа

Когда дело доходит до страницы корзины, ее можно найти либо в заполненном, либо в пустом состоянии.

Чтобы перевести страницу в пустое состояние, откройте URL своего веб-сайта и добавьте «корзину» в конце, например: https://yoursite.com/cart/ .

Переведите текст с помощью значка пера .

Чтобы перевести страницу корзины в заполненном состоянии, добавьте в корзину хотя бы один товар, откройте страницу корзины и начните перевод страницы:

Теперь страница оформления заказа имеет только одну версию. Чтобы перевести страницу оформления заказа, добавьте «checkout» в конце URL-адреса вашего сайта, например: https://yoursite.com/checkout/ , и начните переводить поля оформления заказа.

4. Перевод сообщений, страниц и меню веб-сайта

Если вы хотите перевести весь свой веб-сайт, убедитесь, что вы перевели все сообщения, страницы и меню. Меню должны включать меню верхнего и нижнего колонтитула, а страницы должны включать домашнюю страницу, страницы входа, регистрации и моей учетной записи .

На главной странице убедитесь, что вы используете редактор для изменения изображения логотипа . Сначала вам нужно будет создать новый логотип с переведенным текстом, затем нажать на синюю иконку с ручкой и с помощью редактора загрузить новый логотип на свой сайт:

Вот и все, народ! На этом мы подошли к концу этого урока.

Переведите свой магазин WooCommerce сегодня

При переводе вашего магазина с помощью плагина убедитесь, что вы переводите страницы продуктов, которые включают описания продуктов, динамический контент, изображения продуктов, заголовок страницы, ярлык и другие элементы SEO, такие как карты сайта и теги hreflang.

Вам также потребуется перевести сообщения в блоге, меню верхнего и нижнего колонтитула и такие страницы, как домашняя страница, корзина и оформление заказа, вход в систему, регистрация и страницы моей учетной записи.

Если у вас есть какие-либо вопросы о том, как перевести магазин WooCommerce, сообщите нам об этом в комментариях ниже!