У вас есть веб-сайт с Bubble.io, который вы хотите перевести на различные языки, чтобы он был доступен внешним клиентам? Bubble.io - это мощная и гибкая платформа без кода, предлагающая мощную среду для создания и управления веб-приложениями. Интеграция автоматического перевода в ваше приложение Bubble.io позволяет упростить создание и поддержку многоязычного контента, экономя время и ресурсы, обеспечивая при этом согласованный, высококачественный пользовательский опыт на нескольких языках.
Поэтому в этой статье мы обсудим, как легко реализовать автоматический перевод на сайте Bubble.io с помощью сервиса автоматического перевода.
Преимущество реализации автоматического перевода на Bubble.io
Реализация автоматического перевода на сайте Bubble.io может предоставить несколько преимуществ, включая следующие.
- Доступ к глобальному рынку: Автоматический перевод позволяет вашему приложению Bubble.io достичь пользователей по всему миру. Например, приложение для обмена рецептами, изначально на английском языке, может мгновенно стать доступным для любителей еды в Японии, Бразилии и Франции, позволяя им изучать и добавлять рецепты на их родных языках.
- Increased user satisfaction: Content in a user’s preferred language leads to a more enjoyable and immersive experience. Example: A travel planning app that automatically translates itineraries, reviews, and local recommendations into the user’s language can significantly enhance their trip planning experience.
- Более высокий потенциал конверсии: Пользователи с большей вероятностью совершают покупки или регистрируются на услуги, когда информация представлена на их родном языке. Например, онлайн-платформа курсов может наблюдать всплеск зачислений из испаноязычных стран после внедрения автоматического перевода, поскольку потенциальные студенты теперь могут полностью понять описания и преимущества курсов.
- Enhanced search visibility: Multilingual content improves your app’s chances of appearing in search results across different regions and languages. For example, a job search app that offers automatically translated job listings and resume tips could start appearing in local language searches in multiple countries, attracting job seekers who previously couldn’t find the platform.
Примеры многоязычных сайтов с Bubble.io
По данным trends.builtwith.com, более 55 тысяч сайтов используют Bubble.io. Поэтому на этот раз мы обсудим несколько примеров, чтобы дать вам представление о том, стоит ли создавать многоязычный сайт с помощью Bubble.io.
Fanova.io
Fanova - яркий пример сайта, созданного с помощью Bubble.io. Он соединяет поклонников с их любимыми создателями контента и позволяет им подписаться на эксклюзивный контент. Сайт демонстрирует способность Bubble.io создавать сложные, удобные в использовании приложения с такими продвинутыми функциями, как поддержка нескольких языков.
Переключатель языка в нижнем левом углу предлагает варианты на английском, испанском и бразильском португальском языках. Такой многоязычный подход позволяет Fanova ориентироваться на разнообразную международную аудиторию в Северной Америке, Латинской Америке и Бразилии. Используя функции Bubble.io, Fanova может управлять и представлять контент на нескольких языках, сохраняя единый дизайн и улучшая пользовательский опыт для посетителей с разными языковыми предпочтениями.
IC-academy.io
Impact Creative Academy (ICA) - это способность платформы создавать профессиональные и функциональные веб-приложения. Сайт предлагает ресурсы карьерного роста на основе ИИ, включая бесплатные курсы, грантовые конкурсы и возможности подачи заявок на работу. Его чистый дизайн включает в себя заметный заголовок, краткое ценностное предложение и привлекательную кнопку призыва к действию «Погрузиться».
Заметной особенностью сайта ICA является переключатель языка, расположенный в правом верхнем углу, предлагающий пользователям выбор между английским и арабским языками. Эта поддержка нескольких языков демонстрирует, как Bubble.io может эффективно создавать глобально доступные платформы. Предоставляя контент как на английском, так и на арабском языках, ICA может обслуживать разнообразную базу пользователей в англоязычных странах и арабском мире.
Как реализовать автоматический перевод на Bubble.io
Изучив примеры многоязычных сайтов, созданных с помощью Bubble.io, мы рассмотрим, как реализовать автоматический перевод с помощью службы автоматического перевода. Многие сервисы могут быстро и легко переводить сайты всего за несколько шагов настройки. Одним из таких сервисов является Linguise.
Linguise интегрируется с различными платформами CMS и конструкторами сайтов, включая интегрируется с Bubble.io. Вот шаги по установке Linguise автоматического перевода на Bubble.io.
#1 Register your domain website
First, create a free Linguise account and add your website domain. You can use the 30-day free trial before deciding on a subscription plan.
Next, you will be prompted to register your domain to authorize translation. To do this, copy your domain name, including “https://” and select “other” as the platform.
Далее выберите исходный и целевой языки.
#2 Automatically Add domain DNS using entri
After successfully registering your website on the Linguise dashboard, you have two options to proceed with the installation.
If you prefer to add the DNS records automatically, you can click on “Connect your DNS automatically.” This feature, called Entri, will handle the DNS records for you, making the installation process easier. Alternatively, you can manually copy the DNS records to your domain provider.
После нажатия кнопки Entri проанализирует URL-адрес вашего зарегистрированного веб-сайта и проверит ваши публичные записи DNS. На основе этого анализа он определит необходимого поставщика и записи DNS.
Далее нажмите на «Авторизоваться через [ваш провайдер домена]» (например, Cloudflare). Это действие перенаправит вас на страницу входа вашего провайдера домена, где вы можете войти и продолжить.
Once you log in to your domain provider, Entri will handle the rest, automatically adding the appropriate DNS records—one DNS per language and one TXT DNS for the validation key. You should see the DNS records added to your domain, such as:
After authorization, Entri will notify you that all DNS settings have been successfully configured. You should be able to use the translation feature once all the DNS entries have propagated on your domain, which usually takes about 20 to 30 minutes.
If you prefer Manual Installation, you can also do this manually by following the steps that we will provide below.
#3 Copy DNS records
If you prefer manual installation, you’ll be redirected to a screen with the DNS records needed to set up your multilingual pages, such as fr.domain.com or es.domain.com.
Скопируйте эти важные элементы в конфигурацию DNS вашего Bubble.io.
Далее, подключитесь к вашему менеджеру домена и войдите в раздел настройки DNS. Затем следуйте инструкциям, чтобы скопировать.
- Одна TXT запись для верификации домена
- Один или несколько CNAME-записей для языков
Вот примеры для каждого типа записи (TXT и CNAME)
Once you’ve added all your records, your configuration should resemble this.
#4 Проверьте DNS
После добавления всех записей в DNS вашей доменной зоны вы можете проверить распространение DNS, нажав кнопку «Проверить конфигурацию DNS».
Проверка DNS обычно занимает около 30 минут до 1 часа. После этого периода вы должны увидеть зеленые индикаторы на правой стороне списка DNS в панели управления Linguise . Вы почти готовы перевести свой веб-сайт Bubble ; требуется только ссылка на переключатель языка со значками стран.
#5 Activate dynamic translation
С технической точки зрения, Bubble интегрирует модули, написанные на JavaScript, CSS и HTML, в функциональное приложение Node.js. Язык программирования Bubbleпостроен на JSON.
С помощью нашей функции «Динамический перевод», вы можете легко переводить контент на вашем сайте Bubble.io, включая контент, загружаемый асинхронно (динамически) после первоначальной загрузки страницы. Это улучшение обеспечивает более плавный многоязычный опыт для ваших посетителей!
To use this feature, click Yes at the bottom of the Settings page.
#6 Enable and customize language switcher design
Переключатель языка - это всплывающее окно флага, которое позволяет выбрать желаемый язык. Чтобы реализовать его, скопируйте код, указанный в заголовке страниц вашего сайта Bubble.io. Переключатель языка флага автоматически появится на вашем общедоступном веб-сайте.
The link to copy is at the end of the domain registration process or within the domain settings. Be sure to copy the link to your clipboard.
Далее перейдите к панели управления вашим сайтом Bubble . В левом боковом меню нажмите «Настройки», а затем выберите «SEO / метатеги»
В меню настроек прокрутите вниз немного, пока не найдете “Скрипты/метатеги в заголовке” в разделе “Расширенные настройки.”
Paste the Linguise script you copied earlier, then click ‘Save’ and publish your site.
Вы можете настроить переключатель языка из панели управления Linguise, перейдя в раздел Настройки > Отображение языковых флагов. Любые внесенные здесь изменения будут отражены на сайте.
On the right side of the screen, you’ll see a preview of the language switcher. Here are the elements you can configure.
- Three layouts, side-by-side, dropdown, or popup
- Position of the language switcher
- Content of the language switcher
- Названия языков на английском или на родном языке
- Формы и размеры флагов
- Цвета и тени блоков
#7 Автоматический перевод вашего сайта Bubble
Здесь представлена демонстрация того, как Bubble.io выглядит при автоматическом переводе с помощью службы автоматического перевода Linguise.
Автоматически переводите ваш веб-сайт Bubble.io с помощью Linguise
LinguiseСервис перевода обеспечивает плавную интеграцию автоматического перевода для вашего сайта Bubble.io. Являясь ведущим сервисом перевода, он поддерживает более 80 языков и работает с более чем 40 платформами CMS, включая Bubble.io. Эта интеграция упрощает создание многоязычного сайта, улучшая общий пользовательский опыт.
Перевод с помощью редактора в реальном времени
Linguise также предлагает фронтенд-редактор, позволяющий быстро вносить изменения в переводы по мере необходимости. Этот инструмент обеспечивает точность переводов и позволяет быстро вносить изменения. Кроме того, вы можете работать с профессиональными переводчиками, чтобы обеспечить культурную и контекстуальную точность.
Поддержка многоязычного SEO
Through its multilingual SEO features Linguise, Linguise can improve your website’s search engine visibility by optimizing its SEO. It generates multilingual sitemaps, creates hreflang codes and tags, sets up canonical URLs, and translates URLs and meta descriptions. These functionalities help boost your site’s search engine rankings and make it more accessible to users in various languages.
Глобальные правила исключения перевода
To address translation challenges, Linguise includes exclusion rules that allow you to keep or exclude specific terms that might not translate well. You can establish rules to exclude pages, inline content, or specific pages, ensuring clarity and accuracy in your translations.
Possible to add professional translators for collaboration
Кроме того, Linguise позволяет приглашать профессиональных переводчиков в ваш личный кабинет, способствуя сотрудничеству для поддержания культурной и контекстной точности вашего контента.
Заключение
Реализация автоматического перевода на вашем сайте Bubble.io может значительно расширить охват, повысить вовлеченность пользователей и улучшить коэффициенты конверсии. С помощью Linguiseвы можете легко управлять многоязычным контентом, обеспечивая бесперебойный опыт для пользователей на различных языках, одновременно оптимизируя свои стратегии SEO.
Linguise предлагает мощные функции, такие как редактирование в реальном времени на внешнем интерфейсе, динамический перевод контента, правила исключения для конкретных терминов и обширную поддержку SEO. Эти возможности делают его идеальным выбором для интеграции автоматического перевода с Bubble.io. Итак, чего вы ждете? Зарегистрируйтесь на сайте автоматического перевода Linguise и превратите свой сайт Bubble.io в многоязычный.
