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

Обновлено: 11 июня 2022 г. Автор: команда дизайнеров

Не знаете, как создать многоязычный магазин WooCommerce? Или не уверены, что вам вообще нужно сделать WooCommerce многоязычным?

Переход на несколько языков — отличный способ улучшить взаимодействие с пользователем в вашем магазине и привлечь новых клиентов. В вакууме преимущества перевода вашего магазина довольно очевидны.

Однако вас могут беспокоить сложности или временные затраты, связанные с созданием многоязычного магазина. Вам нужно будет переводить все с нуля? Сложен ли техпроцесс создания мультиязычного магазина?

Хотя создание многоязычного магазина WooCommerce может быть сложным, это не обязательно.

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

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

Три основных преимущества многоязычного магазина WooCommerce

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

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

1. Создайте лучший пользовательский опыт

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

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

Но вот в чем дело:

Большинство людей предпочли бы делать покупки на своем родном языке, если это возможно. В опросе стран Европейского Союза, проведенном по заказу ЕС, Gallup обнаружил, что 90% покупателей предпочитают использовать свой родной язык при совершении покупок в Интернете.

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

Более того, 42% покупателей просто наотрез отказываются пользоваться магазином, если он не доступен на их родном языке, что подводит нас к следующему пункту…

2. Откройте свой магазин для новых рынков

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

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

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

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

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

3. Увеличьте трафик с помощью многоязычного SEO

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

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

Когда вы переводите контент своего магазина, вы можете начать ранжирование по этим запросам на новых языках.

Если вы выберете правильный плагин для перевода WordPress, вы также сможете переводить другие важные детали, такие как SEO-заголовки, метаописания, URL-адреса и т. д., чтобы вы могли оптимизировать свой контент для каждого языка.

Как создать многоязычный магазин WooCommerce (без кода)

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

Чтобы настроить это, вы можете использовать бесплатный плагин для перевода TranslatePress WordPress. Этот плагин позволяет вам переводить 100% контента вашего магазина, включая следующее:

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

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

Вы можете перевести свой контент вручную с нуля — либо самостоятельно, либо наняв фрилансера или службу перевода. Или вы можете использовать автоматический машинный перевод из Google Translate или DeepL для создания переводов вашего сайта.

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

Бесплатная версия плагина на WordPress.org позволит вам перевести ваш магазин на один новый язык с поддержкой Google Translate для автоматического перевода. Премиум-версия добавляет поддержку неограниченного количества языков, автоматический перевод DeepL, улучшенную многоязычную поисковую оптимизацию и многое другое.

Вот как использовать TranslatePress для настройки магазина WooCommerce на нескольких языках…

1. Полностью настройте свой магазин на исходном языке

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

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

Но если у вас еще нет своего магазина, убедитесь, что у вас есть все необходимое:

• Купите хостинг и установите программное обеспечение WordPress. Вы можете использовать хосты, такие как SiteGround, DreamHost или Bluehost, чтобы легко это сделать.
• Выберите тему WooCommerce, чтобы управлять дизайном своего магазина. Чтобы увидеть несколько отличных вариантов, ознакомьтесь с этими коллекциями лучших бесплатных тем WooCommerce и лучших тем WooCommerce в целом. В этом уроке мы будем использовать тему Virtual Store.
• Установите WooCommerce и настройте ключевые параметры для таких деталей, как доставка, платежи и т. д.
• Добавьте все свои продукты на языке оригинала вашего магазина.

Вот как выглядит наш магазин на языке по умолчанию (английский):

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

2. Установите TranslatePress и выберите языки

Если у вас есть работающий магазин WooCommerce на исходном языке, вы готовы использовать TranslatePress для перевода WooCommerce на один или несколько новых языков.

Для начала обязательно установите и активируйте плагин TranslatePress. Вы можете использовать бесплатную версию на WordPress.org, чтобы начать. Или вы можете сразу приобрести и установить премиум-версию.

После активации плагина перейдите в « Настройки» → «TranslatePress » на панели инструментов, чтобы выбрать языки для вашего многоязычного магазина WooCommerce:

• Язык по умолчанию — текущий язык, на котором существует содержимое вашего магазина.
• Все языки — один или несколько новых языков, на которые вы хотите перевести содержимое вашего магазина. Опять же, бесплатная версия TranslatePress позволяет добавить один новый язык, а премиум-версия поддерживает неограниченное количество языков.

Помимо выбора языка, вы также можете выбрать конкретную локаль. Например, вы можете выбрать между испанским для жителей Испании или испанским для жителей Мексики (или и тем, и другим!).

Например, если контент вашего магазина в настоящее время существует на английском языке, и вы хотите перевести его на испанский (Испания), вы должны настроить его следующим образом:

3. Настройте автоматический перевод (необязательно)

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

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

Даже если вы используете машинный перевод, вы все равно сможете редактировать автоматически сгенерированные переводы на 100%. Может быть просто полезно, чтобы машинный сервис генерировал базовые переводы вашего сайта, так как вам не нужно переводить каждую мелочь с нуля.

Если вы хотите использовать автоматический перевод, TranslatePress поддерживает два разных сервиса:

• Google Translate API — вы можете использовать его с бесплатной версией TranslatePress.
• DeepL — вам нужна лицензия TranslatePress Business для доступа к поддержке DeepL.

TranslatePress не взимает с вас дополнительную плату за использование услуг перевода. Однако вам может потребоваться оплатить услугу напрямую в зависимости от того, сколько контента вам нужно перевести.

Оба сервиса позволяют бесплатно переводить 500 000 символов в месяц (около 100 000 слов). Однако, если ваши ежемесячные потребности в переводе выше, вам нужно будет платить напрямую Google или DeepL.

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

Чтобы настроить автоматический перевод, перейдите на вкладку « Автоматический перевод » в области настроек TranslatePress. Включите настройку, выберите предпочитаемый сервис, а затем настройте соединение API:

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

4. Переведите содержимое вашего магазина (или отредактируйте автоматические переводы)

Теперь вы готовы начать работу с контентом вашего магазина:

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

В любом случае вы будете использовать один и тот же интерфейс — визуальный редактор перевода TranslatePress.

Этот редактор во многом похож на собственный настройщик темы WordPress. Вы увидите предварительный просмотр вашего сайта в реальном времени справа и боковую панель слева. На боковой панели вы можете добавлять/редактировать переводы и настраивать другие параметры.

Чтобы выбрать контент, который вы хотите перевести, все, что вам нужно сделать, это нажать на него.

Чтобы получить доступ к редактору перевода, откройте сообщение, страницу, продукт и т. д., которые вы хотите перевести, в интерфейсе вашего сайта, а затем нажмите кнопку « Перевести страницу » на панели инструментов WordPress:

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

Вы можете использовать этот подход «укажи и щелкни», чтобы перевести 100% контента вашего магазина, но давайте рассмотрим, как перевести некоторые из наиболее важных деталей вашего магазина.

Как перевести продукты WooCommerce

Чтобы перевести продукт WooCommerce, откройте продукт в интерфейсе вашего магазина, а затем запустите редактор TranslatePress.

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

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

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

Как перевести страницы со списком магазинов WooCommerce

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

Однако вы можете захотеть перевести другие детали на страницах со списком магазинов, например фильтры или заголовки. Или вы также можете перевести детали интерфейса, такие как значки продаж.

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

Как перевести страницу корзины WooCommerce

Чтобы перевести страницу корзины WooCommerce, вы можете использовать тот же подход, что и выше. Однако есть одна непростая деталь, на которую стоит обратить внимание:

На самом деле есть два «состояния», которые вам нужно перевести для страницы корзины:

• Пустая тележка
• Корзина с добавленными товарами

Для начала откройте пустую корзину и запустите редактор TranslatePress. Затем переведите содержимое для состояния пустой корзины:

Затем добавьте один из продуктов вашего магазина в корзину в интерфейсе вашего сайта и перезапустите редактор TranslatePress.

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

Как перевести страницу оформления заказа WooCommerce

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

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

Как перевести страницу моей учетной записи WooCommerce

Вы можете использовать точно такой же подход для перевода страницы WooCommerce My Account. Просто откройте страницу в интерфейсе вашего сайта и запустите редактор TranslatePress, чтобы перевести весь контент:

Как перевести детали SEO

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

• SEO-заголовок
• Мета-описание
• URL-слаги для всего сайта
• Социальные сети делятся информацией
• Замещающий текст изображения (в том числе для изображений товаров)

Для SEO-переводов вы можете переводить контент из популярных SEO-плагинов, таких как Yoast SEO и Rank Math.

Чтобы получить доступ к этим функциям, вам понадобится надстройка TranslatePress SEO Pack, которая доступна с лицензией Personal и выше.

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

Чтобы перевести краткие URL-адреса сайта (например, базовые слаги категорий продуктов), вы можете щелкнуть параметр, чтобы открыть интерфейс перевода строк .

5. Настройте переключатель языка вашего магазина

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

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

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

Чтобы получить доступ к основным настройкам переключателя языка, перейдите в « Настройки» → «TranslatePress». Затем прокрутите вниз в общих настройках, чтобы найти настройки переключателя языка :

Если вы хотите добавить переключатель языка в меню навигации, вы можете настроить это, выбрав « Внешний вид» → «Меню »:

Сделайте WooCommerce многоязычным уже сегодня!

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

Самый простой способ настроить многоязычный магазин WooCommerce — использовать такой плагин, как TranslatePress.

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

Настройте свой многоязычный магазин сегодня и начните пользоваться преимуществами!

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