Налаштування перемикача мов на Magento є обов'язковим. Ця функція має вирішальне значення для вебсайтів, орієнтованих на міжнародну аудиторію, оскільки можливість легко перемикатися між мовами стала нагальною потребою на поточному ринку.
Хоча процес може здатися складним на перший погляд, цей посібник проведе вас через кроки налаштування перемикача мов на вашому сайті Magento швидко та ефективно. Дотримуючись цих інструкцій, ви зможете легко впровадити цю цінну функцію, покращивши здатність вашого сайту обслуговувати різноманітну багатомовну аудиторію.
Чому варто налаштувати перемикач мов для Magento?
Ось чотири ключові причини, чому вам варто налаштувати перемикач мов для Magento.
- Покращений досвід користувачів: Перемикач мов дозволяє відвідувачам отримувати доступ до вмісту бажаною мовою, покращуючи їхнє розуміння та залучення до вашого вебсайту. Наприклад, іспаномовний клієнт, який відвідує англомовний магазин на Magento , може легко переключитися на іспанську, що спрощує перегляд товарів, читання описів і завершення покупок.
- Розширений охоплення ринку: Пропонуючи кілька мов, ви можете орієнтуватися на глобальну аудиторію та вийти на нові ринки, потенційно збільшуючи свою клієнтську базу та продажі. Наприклад, інтернет-магазин одягу в США впроваджує перемикач мов з опціями англійської, французької та німецької мов. Це дозволяє їм ефективно просувати свою продукцію клієнтам у Канаді та інших європейських країнах, не створюючи окремих веб-сайтів.
- Покращена ефективність SEO: Добре впроваджений перемикач мов може підсилити ваші зусилля з багатомовного SEO , роблячи ваш сайт більш помітним у результатах пошуку різними мовами та в різних регіонах. Наприклад, магазин електроніки на базі Magento пропонує контент як англійською, так і японською. Коли японські користувачі шукають товари своєю мовою, японські сторінки магазину з більшою ймовірністю з’являться в результатах пошуку, залучаючи більше цільового трафіку.
- Підвищення коефіцієнта конверсії: Коли відвідувачі можуть зрозуміти деталі продукту, політики та процес покупки рідною мовою, вони з більшою ймовірністю завершать транзакції та стануть клієнтами. Наприклад, італійський клієнт, який переглядає міжнародний магазин косметики на Magento , знаходить опцію переключення на італійську. Тепер він може легко зрозуміти інгредієнти продукту, інструкції щодо використання та політику доставки, що підвищує його впевненість у покупці.
Завдяки впровадженню цих функцій ви робите свій магазин Magento більш доступним і зручним для різноманітної глобальної аудиторії, що потенційно збільшує веб-трафік, залученість і продажі.
How to setup a language switcher on Magento?
Website translation services generally offer this functionality, which can be tailored to suit your specific requirements.
Однак варто зазначити, що не всі сервіси перекладу пропонують перемикач мов, який легко налаштувати та зручний для користувачів. Тому важливо вибрати сервіс автоматичного перекладу, сумісний з різними фреймворками та пропонує гнучку функцію перемикання мов.
Один із сервісів, який виділяється тим, що відповідає цим критеріям, — це Linguise. Він надає функцію перемикача мов, яку легко налаштувати та зручно використовувати, а також бездоганно інтегрується з Magento.
Завдяки безперешкодній інтеграції Linguise з Magento CMS, ви можете легко додати перемикач мов на ваш багатомовний вебсайт. Завдяки функціям Linguise та інтуїтивно зрозумілому інтерфейсу, налаштування й підтримка перемикача мов на вашому Magento вебсайті стають значно простішими. У наступному розділі описано кроки для встановлення Linguise на багатомовному Magento вебсайті та налаштування перемикача мов.
Крок 1: Зареєструйте безкоштовний обліковий запис Linguise
Спочатку зареєструйтеся для Linguise акаунта безкоштовно та скористайтеся одномісячним пробним періодом. Процес реєстрації простий – просто вкажіть свою електронну адресу, щоб створити облікові дані для входу.
Протягом цього пробного періоду ви матимете доступ до вражаючих функцій Linguise. Після завершення пробного періоду вас буде автоматично перенаправлено до панелі керування Linguise .
Крок 2: Додавання домену вебсайту Magento
Після успішного створення вашого Linguise акаунта вас буде перенаправлено до панелі керування. Там вам потрібно буде додати домен вашого вебсайту інформацію. Знайдіть «Додати домен» і натисніть на неї. Потім вам буде показано форму з кількома полями для заповнення:
- Дані облікового запису
- URL-адреса веб-сайту
- Вибір платформи (оберіть Magento)
- Основна мова вашого сайту
- Мови, на які ви хочете перекласти
- Опція перекладу URL-адрес
- Налаштування для динамічного перекладу контенту
Після того як ви заповнили всю необхідну інформацію, натисніть кнопку «Наступний крок».
На наступному етапі вам потрібно буде ввести ключ API. Цей ключ буде надано вам, і він є необхідним для процесу налаштування.
Крок 3: Завантажте скрипт Linguise
Наступний крок передбачає додавання скрипту перекладу Linguise на ваш сервер Magento :
- Отримайте скрипт перекладу PHP-JS від Linguise.
- Розпакуйте вміст завантаженого файлу.
- Перенесіть витягнуті файли до головного каталогу вашої інсталяції Magento .
Переконайтеся, що:
- Скрипт розташований у каталозі верхнього рівня вашого вебсайту поряд із вашими файлами Magento .
- Папка зберігає свою початкову назву «linguise».
Після цього вам потрібно додати ваш ключ API Linguise до файлу Configuration.php, який ви щойно завантажили. Відкрийте цей файл для редагування, знайдіть текст-заповнювач «REPLACE_BY_YOUR_TOKEN» і замініть його на ваш фактичний ключ API, залишивши його в лапках.
Крок 4: Налаштуйте перезапис URL-адрес для Magento
Увійдіть до Magento панелі адміністратора та перейдіть за цим шляхом у бічному меню: Магазини > Налаштування > Конфігурація > Загальні > Веб > Оптимізація для пошукових систем
Після цього знайдіть і активуйте опцію «Use Web Server Rewrite».
Далі вам потрібно налаштувати URL-адреси для кожної мови у вашому файлі .htaccess. Відкрийте стандартний файл .htaccess для Magento 2 і знайдіть рядок «RewriteEngine on». Одразу після цього рядка вставте спеціальний фрагмент коду.
Ця конфігурація дозволяє Magento належним чином обробляти та маршрутизувати запити для різних мовних версій вашого сайту, покращуючи вашу багатомовну конфігурацію.
Пам’ятайте, що зміна файлу .htaccess вимагає уважності до деталей, оскільки неправильні зміни можуть вплинути на роботу вашого сайту. Якщо ви не впевнені, що можете зробити ці зміни самостійно, зверніться по допомогу до розробника, знайомого з налаштуваннями Magento .
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>
Крок 5: Активація та налаштування перемикача мов
The language switcher is a flag popup that allows users to select their preferred language. To load it, copy the code provided at the end of the website configuration and place it in the head of your HTML page. The flag language switcher will then load automatically.
Ви можете знайти код для копіювання та завантаження у заголовку вашого веб-сайту в панелі Linguise , перейшовши до Your Domain > Settings > Tab > Script PHP.
Цей код потрібно вставити в заголовок вашої сторінки. Magento 2 дає змогу додавати вміст до заголовка сторінки через налаштування конфігурації.
В адміністративній панелі перейдіть до Content > Configuration та відредагуйте подання теми вашого магазину за замовчуванням. Далі натисніть розділ HTML Head і вставте скопійований скрипт у поле введення Scripts and Style Sheets. Нарешті, збережіть конфігурацію.
Перемикач мов спочатку відображається в плаваючій позиції в правому нижньому куті вашого вебсайту. Ви можете налаштувати його вигляд і розташування, перейшовши до Linguise панель керування > Налаштування > Відображення мовних прапорців.
Крок 6: Налаштування основного відображення
Перемикач мов за замовчуванням відображається у плаваючій позиції в правому нижньому куті вашого вебсайту. Ви можете налаштувати його вигляд і розташування через панель керування Linguise , перейшовши до Налаштування > Відображення мовних прапорців.
Крок 7: Налаштуйте дизайн прапора
Після налаштування основних параметрів дисплея ви можете додатково налаштувати дизайн мовних прапорців.
- Відображення назви мови: Ви можете вибрати відображення назви мови на основі країни або самої мови, наприклад, «французька» або «французька».
- Тип англійського прапора: Це корисно для мов з кількома варіантами, таких як американська або британська англійська, іспанська, тайванська, німецька та португальська.
- Стиль прапора: Виберіть форму значка прапора — круглу або прямокутну.
Крок 8: Встановіть колір і розмір
Після завершення дизайну прапора ви можете налаштувати колір і розмір прапорів за допомогою таких параметрів:
- Радіус рамки прапора: Налаштуйте радіус рамки для прямокутного стилю прапора, вимірюється в пікселях.
- Колір назви мови: Виберіть колір тексту за замовчуванням для назви мови.
- Колір мови у спливному вікні: Встановіть колір тексту назви мови у спливному вікні або випадаючому списку.
- Розмір прапора: Налаштуйте розмір значків прапорів.
- Колір назви мови під час наведення курсора: визначте колір тексту, який відображається, коли користувач наводить курсор на назву мови.
- Колір заголовка мови у спливному вікні при наведенні: Вкажіть колір тексту, який з'являється, коли користувач наводить курсор на назву мови у спливному вікні або випадаючому списку.
Крок 9: Налаштування прапора box-shadow
Нарешті, ви можете налаштувати параметри тіні прапорця. Перший параметр дозволяє додати ефект тіні до кожної іконки прапорця, що відображається на вашому вебсайті. Другий параметр керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мов.
Після внесення всіх необхідних змін натисніть кнопку Зберегти , щоб застосувати зміни налаштувань. Потім перейдіть на свій веб-сайт Magento , щоб переконатися, що конфігурацію успішно застосовано. Це дасть вам уявлення про те, як відображатиметься перемикач мов.
Після завершення налаштування ви побачите перемикач мов на вашому багатомовному вебсайті Magento .
Ми автоматично перекладемо вебсайт Magento іншими мовами, наприклад іспанською.
4 стратегії вдосконалення перемикача мов на Magento
Після налаштування перемикача мов на вашому Magento багатомовному вебсайті Magento ви повинні опанувати оптимальні стратегії розробки селектора мов та оптимізації його продуктивності, щоб покращити ваш сайт і досвід користувачів.
Легко реалізуйте мовні індикатори
Використання загальновизнаних мовних символів або прапорів у перемикачі мов є надзвичайно важливим. Це дає змогу відвідувачам швидко знайти та вибрати бажану мову. Застосування звичних символів створює інтуїтивно зрозумілий досвід користування, дозволяючи відвідувачам без зусиль перейти до потрібної мовної версії. Головне — обирати глобально визнані індикатори, щоб уникнути неправильного тлумачення.
Наприклад, багатомовний інтернет-магазин , що продає спортивне спорядження. Їхній перемикач мов міг би поєднувати прапори країн та мовні скорочення:
- EN (для англійської)
- ES (для іспанської мови)
- FR (для французької)
- DE (для німецької мови)
- JP (для японської мови)
Цей підхід поєднує візуальні підказки (прапори) з текстом (кодами мов), що дозволяє користувачам із різних середовищ легко визначити свою бажану мову. Прапори миттєво розпізнаються, а скорочення забезпечують додаткову ясність.
Наприклад, іспаномовний відвідувач може швидко помітити іспанський прапор і скорочення «ES», що дозволяє йому переключити сайт на іспанську лише одним кліком. Такий зручний дизайн покращує загальний досвід перегляду та потенційно підвищує залученість і конверсії на сайті.
Поєднання назв мов і прапорів
Хоча прапори мають привабливий вигляд, корисно поєднувати їх із рідними назвами мов. Така стратегія допомагає уникнути плутанини, особливо з огляду на те, що деякі мови використовуються в кількох країнах із різними прапорами.
Використання справжніх назв мов усуває двозначність, гарантуючи, що відвідувачі зможуть точно визначити та обрати бажану мову без непорозумінь. Крім того, такий підхід сприяє інклюзивності та демонструє повагу до культурного розмаїття.
Наприклад, глобальний новинний сайт, який обслуговує різноманітну аудиторію. Їхній перемикач мов може виглядати так.
У цьому випадку:
- Використання прапорців забезпечує швидкі візуальні підказки.
- Назви мов написані їхнім рідним письмом (як-от японська, французька тощо), яке носії цієї мови одразу впізнають.
Цей підхід особливо корисний для таких мов, як іспанська чи англійська, якими розмовляють у багатьох країнах. Наприклад, користувач із Мексики чи Аргентини побачить «Español», а не вибиратиме між прапорами кількох іспаномовних країн. Так само користувачі з Великої Британії, США, Австралії чи інших англомовних країн можуть усі ідентифікувати себе з «English» незалежно від використаного прапора.
Стратегічно розмістіть перемикач мов
Надзвичайно важливо розмістити перемикач мов у помітному та легкодоступному місці на вашому вебсайті. Поширені та ефективні позиції включають верхній колонтитул, нижній колонтитул або головне меню навігації. Ці місця є інтуїтивно зрозумілими для більшості користувачів інтернету та відповідають їхнім очікуванням під час пошуку мовних опцій.
Збереження однакового розташування на всіх сторінках гарантує, що відвідувачі зможуть легко отримати доступ до перемикача мов, незалежно від точки входу чи поточної сторінки. Така послідовність сприяє плавному та передбачуваному досвіду користувача.
Наприклад, вебсайт міжнародного бронювання готелів, який обслуговує глобальну аудиторію. Вони могли б реалізувати свою стратегію перемикання мов таким чином.
- Розміщення у шапці: Перемикач мов розташований у правому верхньому куті шапки, поруч із іконкою облікового запису користувача та вибором валюти. Він видимий на кожній сторінці та дозволяє користувачам змінювати мову будь-коли під час перегляду чи бронювання.
- Узгоджений дизайн: Перемикач мов відображається як іконка глобуса, за якою йде поточна мова (наприклад, «🌐 English»). Після натискання відкривається спадне меню з іншими мовними опціями.
- Резервний варіант у футері: У футері розміщено текстовий список усіх доступних мов, що забезпечує альтернативну точку доступу.
Таке стратегічне розміщення гарантує, що незалежно від того, чи користувач потрапляє на головну сторінку, сторінку конкретного готелю чи сторінку підтвердження бронювання, він може легко знайти та скористатися перемикачем мов. Наприклад, французький користувач, який переглядає варіанти готелів у Токіо, може швидко переключити сайт на французьку, щоб легше зрозуміти описи номерів і умови бронювання, що покращує його досвід користування та потенційно підвищує ймовірність завершення бронювання.
Забезпечте однаковість перемикача мов на всіх сторінках
Важливо переконатися, що перемикач мов зберігає однаковий вигляд і функціональність на всьому вашому веб-сайті. Користувачі повинні мати можливість змінювати мову без зусиль, незалежно від поточної сторінки чи вмісту, який вони переглядають. Така послідовність забезпечує безперебійний досвід користувача та підсилює доступність мовних опцій, зміцнюючи довіру та впевненість у вашому багатомовному веб-сайті.
Наприклад, глобальна платформа електронної комерції, що продає електроніку. Ось як вони могли б реалізувати послідовну стратегію перемикання мов.
- Уніфікований дизайн: Перемикач мови відображається як іконка глобуса з поточним кодом мови (наприклад, «🌐 EN») у верхньому правому куті кожної сторінки, включаючи списки товарів, окремі сторінки товарів, кошики та сторінки оформлення замовлення.
- Послідовна функціональність: Натискання перемикача мови завжди відкриває те саме спадне меню з усіма доступними мовами, незалежно від сторінки.
- Збереження вмісту: коли користувачі змінюють мову, вони залишаються на тій самій сторінці, але вміст відображається новою вибраною мовою. Наприклад, якщо користувач переглядає характеристики ноутбука англійською та перемикається на іспанську, він бачить ті самі відомості про ноутбук, тепер іспанською.
- Структура URL-адреси: Структура URL-адреси послідовно змінюється під час перемикання мов. Наприклад:
- Англійська: www.techstore.com/products/laptop-model-x
- Іспанська: www.techstore.com/es/productos/laptop-modelo-x
Приклад із практики: Японський клієнт, переглядаючи ноутбуки в англійській версії сайту, вирішує переключитися на японську для кращого розуміння. Він натискає значок «🌐 EN» у заголовку, вибирає «日本語» зі спадного меню, і сторінка оновлюється, показуючи ті самі характеристики ноутбука, але японською. URL-адреса змінюється з «/products/…» на «/ja/製品/…».
Цей послідовний досвід на всіх сторінках і функціях сайту гарантує, що користувач може впевнено орієнтуватися та робити покупки своєю улюбленою мовою, що потенційно підвищує ймовірність завершення покупки та повернення на сайт у майбутньому.
Налаштуйте перемикач мов на Magento за допомогою Linguise!
Наразі ви вже маєте знати, що налаштовуєте перемикач мов для багатомовного веб-сайту Magento . Впровадження перемикача мов може запропонувати численні переваги та може бути налаштоване відповідно до наших інструкцій.
Оптимізація перемикача мов може значно покращити загальний досвід користувачів на вашому Magento сайті. Наступний крок — створити обліковий запис Linguise , інтегрувати його з вашим Magento сайтом і налаштувати параметри перемикача мов. Ці дії покращать досвід користувачів, зробивши ваш багатомовний інтернет-магазин більш доступним і зручним.
Пам’ятайте, що добре реалізований перемикач мови на вашій платформі Magento може призвести до кращої залученості, збільшення конверсій та підвищення задоволеності клієнтів на різних мовних ринках. Це важливий елемент для створення справді багатомовного вебсайту.
