Зміст
Вимоги до доступу до Bubble.io
Автоматичний переклад хмарного штучного інтелекту, який буде використовуватися з Bubble.io, потребує певного доступу для завершення налаштування:
- Доступ адміністратора Bubble.io
- Модифікація DNS домену на Bubble.io
Налаштування Bubble.io складається з 4 простих кроків:
- Зареєструйте свій домен, щоб авторизувати переклад
- Змініть DNS домену відповідно до мов перекладу
- Додайте посилання на перемикач мовних позначок у налаштуваннях Bubble.io
- Активуйте функцію динамічного перекладу.
Як зробити ваш сайт Bubble.io багатомовним у відео
Зареєструйте свій домен Bubble
Після підключення або реєстрації на інформаційній панелі Linguise вам буде запропоновано зареєструвати домен, щоб авторизувати переклад.
Для цього просто скопіюйте своє доменне ім’я з https:// і виберіть для платформи Інша хмарна CMS
Після цього виберіть вихідну та цільову мову.
Важлива примітка щодо SEO: кількість налаштованих мов має великий вплив на SEO. Під час налаштування мов перекладу, якщо у вас є велика кількість проіндексованих сторінок (>500), пошуковій системі може знадобитися багато часу для їх обробки. Це може вплинути на ваше SEO мовою оригіналу. Ось чому ми рекомендуємо спочатку додавати максимум 5 мов, а потім, коли буде проіндексовано, ви зможете додавати мови по 3 на місяць.
Змініть DNS домену відповідно до мов
Автоматично додавати DNS домену за допомогою Entri
Після успішної реєстрації веб-сайту на інформаційній панелі Linguise у вас буде два варіанти продовжити встановлення.
Ймовірно, ви повинні побачити цей вміст. Якщо ви віддаєте перевагу автоматичному додаванню записів DNS, ви можете натиснути « Підключити DNS автоматично». ” Ця функція під назвою Entri автоматично додасть ваші записи DNS, що дозволить вам легко продовжити встановлення. Інший варіант — вручну скопіювати DNS у постачальника домену.
Після натискання кнопки Entri проаналізує URL-адресу вашого зареєстрованого веб-сайту та перевірить ваш публічний запис DNS. На основі цього він визначить постачальника та DNS, які потрібні.
Далі ви можете натиснути « Авторизуватись у [ваш постачальник домену] » (у цьому прикладі це Cloudflare). Потім ви побачите, що панель зміниться на сторінку входу вашого постачальника домену, де ви зможете увійти та продовжити.
Після входу в обліковий запис постачальника домену Entri зробить все інше, автоматично додавши належні записи DNS. Один DNS для кожної мови + один TXT DNS для ключа підтвердження.
Ви повинні бачити, що DNS додано у вашому домені. Наприклад:
Після авторизації Entri повідомить вас, що всі параметри DNS налаштовано успішно.
Ви зможете використовувати функцію перекладу, щойно всі записи DNS буде поширено у вашому домені (зазвичай це займає 20/30 хвилин).
Якщо ви віддаєте перевагу ручній інсталяції , ви також можете зробити це вручну, дотримуючись кроків, наведених нижче.
Скопіюйте записи DNS
Після підтвердження домену вас буде перенаправлено на екран, де DNS, який потрібно додати до вашого домену, буде готовий до копіювання. Ці записи потрібні для завантаження багатомовних сторінок вашого веб-сайту як fr.domain.com, es.domain.com…
Ось основні елементи, які вам потрібно скопіювати в конфігурацію DNS Bubble.io.
Після цього вам потрібно підключитися до менеджера домену та отримати доступ до області налаштування DNS. Потім, дотримуючись інструкцій, ви можете скопіювати:
- Один запис TXT для підтвердження домену
- Один або кілька записів CNAME для мов
Ось приклад для кожного типу запису (TXT і CNAME):
Після додавання всіх ваших записів ваша конфігурація має виглядати так.
Перевірте перевірку DNS
Після додавання всіх ваших записів до DNS вашого домену ви можете перевірити поширення DNS, натиснувши кнопку Перевірити конфігурацію DNS.
Перевірка DNS зазвичай займає від 30 хвилин до 1 години . Після цього ви повинні побачити зелені крапки в правій частині списку DNS на Linguise . Ви майже готові перекласти свій веб-сайт Bubble, лише бракує посилання на перемикач мов із прапорцями країн.
Функція динамічного перекладу
Технічно кажучи, Bubble поєднує модулі, кодовані JavaScript, CSS і HTML у робочу програму Node.js. Власна мова Bubble заснована на JSON.
За допомогою нашої функції « Динамічний переклад » ви можете безперешкодно перекладати вміст на своєму веб-сайті Bubble.io, включно з вмістом, який завантажується асинхронно (динамічно) після завантаження сторінки. Це вдосконалення забезпечує більш плавну багатомовну роботу для ваших відвідувачів!
Вам потрібно буде активувати цю функцію в панелі інструментів Linguise .
Отримавши доступ до Linguise , клацніть зареєстрований домен і перейдіть до налаштувань .
Перекласти динамічний вміст ви знайдете в кінці сторінки налаштувань.
Додайте перемикач мов до Bubble.io
Перемикач мов – це спливаюче вікно з прапорцем для вибору потрібної мови. Щоб завантажити його, вам потрібно скопіювати код, наведений на початку сторінок вашого сайту Bubble.io. Перемикач мови прапора буде автоматично завантажений на вашому загальнодоступному веб-сайті.
Посилання для копіювання надається в кінці реєстрації домену або в налаштуваннях домену. Скопіюйте посилання в буфер обміну.
Потім перейдіть на панель веб-сайту Bubble. У меню зліва натисніть «Налаштування» > виберіть «SEO / метатеги» .
У меню налаштувань прокрутіть трохи вниз, і ви знайдете сценарій/мета-теги в заголовку в розділі « Додаткові налаштування ».
Вставте Linguise який ви скопіювали раніше, натисніть «Зберегти» та опублікуйте свій сайт.
Тепер у інтерфейсі вашого веб-сайту Bubble.io має бути доступний перемикач мов Linguise .
Дизайн перемикання мов веб-сайту Bubble.io
Перемикач мов можна налаштувати на Linguise > Налаштування > Відображення позначок мови. Кожна зміна тут буде відображена на веб-сайті.
У правій частині екрана є попередній перегляд перемикача мов. Ось елементи, які ви можете налаштувати:
- 3 макети: поруч, спадне або спливаюче
- Положення перемикача мов
- Вміст перемикача мов
- Назви мов англійською або рідною мовою
- Форми та розміри прапорів
- Кольори та коробка тіні
Редактор перекладу інтерфейсу на веб-сайті Bubble.io
Інтерфейсний редактор полегшує перекладачам змінювати будь-який HTML-контент на Bubble.io будь-якою мовою. Ви можете редагувати сторінку, клацнувши елемент сторінки та замінивши текст, посилання чи зображення.
Також можна редагувати метаінформацію, натиснувши на дужки {}