Налаштування перемикача мов на Bubble.io може полегшити користувачам перемикання мов. Ця функція особливо цінна для додатків із глобальною аудиторією, що дозволяє користувачам взаємодіяти з платформою мовою, яку вони люблять. Bubble.io, популярна платформа розробки без коду, пропонує вбудовані можливості локалізації, які дозволяють розробникам створювати багатомовні додатки без глибоких знань кодування.
Щоб реалізувати перемикач мов у Bubble.io, розробники зазвичай починають із визначення мов, які вони хочуть підтримувати, у налаштуваннях програми. Потім вони створюють спадне меню або елемент кнопки, з яким користувачі можуть взаємодіяти, щоб змінити мову. У цій статті ми обговоримо налаштування перемикача мов на Bubble.io з одним із веб-сайтів служби автоматичного перекладу.
Додавання перемикача мов на веб-сайт недарма. Ось чому вам потрібно створити його на веб-сайті Bubble.
Тепер, коли ми розуміємо важливість перемикання мов на багатомовних веб-сайтах Bubble.io, давайте обговоримо, як це реалізувати. Служби перекладу веб-сайтів зазвичай пропонують цю функцію, яку можна адаптувати до потреб користувача.
Однак не всі служби перекладу пропонують настроювані та зручні перемикачі мов. Тому дуже важливо вибрати службу автоматичного перекладу, сумісну з різними фреймворками та надавати гнучкі функції перемикання мов.
Одним із сервісів автоматичного перекладу, який відповідає цим критеріям, є Linguise . Linguise пропонує дуже настроювану та просту у використанні функцію перемикання мов, яка інтегрується з популярними CMS та веб-конструкторами, такими як Bubble.io.
Linguise забезпечує бездоганну інтеграцію з Bubble, дозволяючи розробникам легко включати перемикання мов у свої багатомовні програми. Використовуючи розширені функції та зручний інтерфейс Linguise , ви можете спростити налаштування та обслуговування перемикачів мов на своєму веб-сайті Bubble.
Ось кроки для встановлення Linguise на веб-сайті Bubble.io та налаштування перемикача мов.
Почніть із створення безкоштовного облікового запису Linguise та додавання домену свого веб-сайту. Ви можете скористатися 30-денною безкоштовною пробною версією, перш ніж вибрати план підписки.
Потім вам потрібно буде зареєструвати свій домен, щоб авторизувати переклад. Скопіюйте своє доменне ім’я, включно з “https://”, і виберіть “інше” як платформу.
Далі виберіть вихідну та цільову мови.
Після реєстрації веб-сайту на інформаційній панелі Linguise у вас буде два варіанти встановлення.
Для автоматичного додавання запису DNS натисніть «Підключити DNS автоматично». Ця функція під назвою Entri спрощує процес встановлення, керуючи записами DNS замість вас. Крім того, ви можете вручну скопіювати записи DNS до свого постачальника домену.
Натискання кнопки спонукає Entri проаналізувати URL-адресу вашого зареєстрованого веб-сайту та перевірити ваші публічні записи DNS, визначивши необхідного постачальника та записи DNS.
Далі клацніть «Авторизувати в [ваш постачальник домену]» (наприклад, Cloudflare). Ця дія переспрямовує вас на сторінку входу вашого постачальника домену, де ви можете ввійти та продовжити.
Після входу Entri автоматично додасть відповідні записи DNS — один DNS для кожної мови та один TXT DNS для ключа перевірки — до вашого домену.
Після авторизації Entri повідомить, що всі налаштування DNS успішно налаштовані. Функцію перекладу можна буде використовувати, коли всі записи DNS поширяться у вашому домені, зазвичай це займає від 20 до 30 хвилин.
Для встановлення вручну виконайте наведені нижче дії.
У разі інсталяції вручну ви будете перенаправлені на екран із записами DNS, необхідними для налаштування ваших багатомовних сторінок, наприклад fr.domain.com або es.domain.com.
Скопіюйте ці елементи до конфігурації DNS Bubble.io.
Потім увійдіть у свій менеджер домену та перейдіть до області налаштування DNS. Для копіювання дотримуйтесь інструкцій:
Ось приклади для кожного типу запису (TXT і CNAME).
Після додавання всіх записів ваша конфігурація має виглядати так.
Після додавання всіх записів до DNS вашого домену натисніть кнопку «Перевірити конфігурацію DNS», щоб перевірити поширення DNS.
Перевірка DNS зазвичай займає від 30 хвилин до 1 години. Після завершення ви побачите зелені індикатори поруч зі списком DNS на інформаційній панелі Linguise . Ви майже готові перекласти свій веб-сайт Bubble.io; все, що залишилося, це посилання на перемикач мов із прапорцями країн.
Перемикач мов – це спливаюче вікно з прапорцем, яке дозволяє користувачам вибрати бажану мову. Щоб реалізувати це, скопіюйте код, наданий наприкінці процесу реєстрації домену або в налаштуваннях домену, у заголовок сторінок вашого сайту Bubble.io. Потім на вашому загальнодоступному веб-сайті автоматично з’явиться перемикач мови прапора.
Далі перейдіть на панель веб-сайту Bubble. Натисніть «Налаштування» в меню лівої бічної панелі та виберіть «SEO / метатеги».
Прокрутіть униз до пункту «Сценарій/метатеги в заголовку» в розділі «Додаткові налаштування». Вставте Linguise який ви скопіювали раніше, потім натисніть «Зберегти» та опублікуйте свій сайт.
Щоб почати налаштування перемикача мов, перейдіть до «Налаштування» > «Відображення прапорців мови» на Linguise . На цій сторінці ви можете налаштувати кілька параметрів
Ви можете комбінувати відображення прапорів і назв мов, прапорів і скорочень мов або просто назв мов. Для легшого розпізнавання користувача рекомендується використовувати і прапори, і назви мов.
Після налаштування головного дисплея додатково налаштуйте дизайн прапорів, які відображатимуться.
Після налаштування дизайну прапора ви можете додатково налаштувати колір і розмір прапорів. Ось параметри, які ви можете змінити:
Нарешті, ви можете налаштувати параметри тіні прапорця. Перший варіант дозволяє застосувати ефект тіні до кожної піктограми прапорця, що відображається на вашому веб-сайті. Наступний параметр керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мови.
Після того, як ви зробите всі необхідні налаштування, натисніть кнопку «Зберегти», щоб застосувати зміни налаштувань. Потім відвідайте веб-сайт Bubble, щоб переконатися, що конфігурація успішно застосована. Ось як з’явиться перемикач мов.
Після налаштування ви зможете побачити, як працює перемикач мов на вашому багатомовному веб-сайті Bubble.
Потім ви можете перекласти веб-сайт іншими мовами, наприклад іспанською.
Після успішного налаштування перемикача мов на багатомовному веб-сайті Bubble важливо розглянути поради щодо оптимізації перемикання мов як для вашого сайту, так і для відвідувачів.
Під час впровадження перемикача мов на вашому веб-сайті Bubble.io використання легко впізнаваних мовних прапорців або піктограм має вирішальне значення. Ці візуальні підказки допомагають користувачам швидко визначити та вибрати бажану мову. Наприклад, піктограма земної кулі загальноприйнята як символ мовних параметрів. Крім того, ви можете використовувати прапори країни, але майте на увазі, що іноді це може бути проблематично, оскільки мови не завжди прив’язані до однієї країни.
Приклад: на веб-сайті Amazon на верхній панелі навігації поряд із поточною вибраною мовою (наприклад, «EN») використовується маленький значок із зображенням глобуса. Цей простий, але ефективний підхід дозволяє користувачам швидко знаходити параметри мови незалежно від поточних налаштувань мови.
Хоча прапори можуть бути корисними, їх не слід використовувати окремо. Включення назви мови рідною писемністю поряд із прапорцем або піктограмою забезпечує ясність і запобігає можливій плутанині. Це особливо важливо для мов, якими розмовляють у кількох країнах або регіонах.
Приклад: перемикач мов на веб-сайті Airbnb відображає назву мови та прапор країни. Наприклад, він показує «English (US)» із прапором США та «Français» із прапором Франції. Ця комбінація гарантує, що користувачі можуть точно визначити бажану мову.
Розташування перемикача мов має вирішальне значення для доступності користувача. Типовими місцями є верхній правий кут заголовка, нижній колонтитул або головне навігаційне меню. Головне, щоб його було легко знайти, не захаращуючи основну область вмісту.
Приклад: на веб-сайті tiffany.com перемикач мов знаходиться в нижньому правому куті сторінки, завжди видимий і доступний. Таке узгоджене розміщення гарантує, що користувачі можуть швидко знаходити та використовувати мовні параметри незалежно від того, де вони знаходяться на сайті.
Переконайтеся, що ваш перемикач мов добре працює на всіх пристроях, від настільних комп’ютерів до смартфонів. На менших екранах вам може знадобитися адаптувати дизайн – наприклад, використовувати спадне меню замість горизонтального списку параметрів.
Приклад: перемикач мов на веб-сайті ЮНЕСКО прекрасно адаптується до різних пристроїв. На робочому столі він відображається як горизонтальний список у заголовку. На мобільних пристроях воно перетворюється на компактне спадне меню, забезпечуючи зручність використання без шкоди для мобільного макета.
Зберігайте однаковий дизайн, функціональність і положення перемикача мов на всіх сторінках веб-сайту Bubble.io. Ця узгодженість допомагає користувачам ефективніше орієнтуватися на вашому сайті, оскільки вони точно знають, де знайти варіанти мови незалежно від їх поточної сторінки.
Приклад: веб-сайт постійно підтримує перемикач мов у нижньому колонтитулі на всіх сторінках, від домашньої сторінки до сторінок продуктів і процесу оформлення замовлення. Ця узгодженість гарантує, що користувачі можуть легко перемикати мови в будь-який час під час перегляду веб-сторінок або здійснення покупок.
Тепер ви вже розумієте, як вибрати мову для багатомовного сайту Bubble.io. Зчитування селектора мови може надати різні переваги та в подальшому призвести до оптимізації на основі вищезазначених пунктів.
Ефективна оптимізація селектора мови може значно покращити роботу користувача. Зареєструйте Linguise , інтегруйте його зі своїм веб-сайтом Bubble.io та налаштуйте селектор мови, щоб покращити взаємодію з користувачем.
Отримуйте новини про автоматичний переклад веб-сайтів, міжнародне SEO та багато іншого!
Не йдіть, не поділившись електронною поштою!
Ми не можемо гарантувати, що ви виграєте в лотерею, але можемо пообіцяти кілька цікавих інформаційних новин щодо перекладу та періодичних знижок.
