Перевод в реальном времени для всплывающих окон, модальных окон и SPA-страниц
Всплывающие окна, модальные окна, многошаговые мастера, контент с отложенной загрузкой, виджеты чата, бесконечная прокрутка — современные веб-сайты полны контента, который появляется после первоначальной загрузки страницы. MotaWord Active обнаруживает и переводит каждый новый фрагмент контента в момент его появления.
Посмотрите, как это работает. Начать использовать бесплатную пробную версию/f/84976/1040x1034/6a5e591a79/real-time-translation-for-popups-modals-and-spas.png)
/f/84976/708x451/7f7f86294f/ata-card-1.png)
/f/84976/531x358/93a4657e43/iti_card.png)
/f/84976/564x359/0d7a7174b9/aila-card.png)
/f/84976/708x451/719046023c/soc2-card-2.png)
/f/84976/708x451/682775aa18/law-firms-card-3.png)
/f/84976/708x451/fbeb522b32/translators-card-4.png)
/f/84976/708x451/07100cc81c/languages-card-5.png)
Большинство инструментов перевода переводят только первую загрузку.
Традиционный способ перевода веб-сайтов обрабатывает страницу один раз, при её загрузке. Однако современные веб-сайты динамичны — контент постоянно появляется, исчезает и меняется:
- Посетитель нажимает кнопку, и открывается модальное диалоговое окно.
- Через несколько секунд появляется всплывающее окно с запросом согласия на использование файлов cookie.
- Бесконечная прокрутка загружает больше товаров по мере прокрутки пользователем страницы вниз.
- Многоэтапный мастер позволяет перейти к следующему шагу в процессе оформления заказа или регистрации.
- Функция автозаполнения поиска отображает подсказки по мере ввода пользователем текста.
- Открывается виджет чата с приветственным сообщением.
- Одностраничное приложение переходит на новый экран без перезагрузки страницы.
- После выполнения действия появляется всплывающее уведомление.
Если ваш инструмент перевода не справляется с этим, ваши посетители увидят резкое сочетание переведенного и непереведенного контента. Часть страницы написана на их языке, часть — нет.
/f/84976/1040x1016/10858a4a61/most-translation-tools-only-translate-the-first-load.png)
MotaWord Active: Перевод, который никогда не спит
MotaWord Active отслеживает изменения на вашей странице в режиме реального времени. В тот момент, когда появляется какой-либо новый контент — будь то всплывающее окно, новый раздел или обновление текста — он автоматически обнаруживается и переводится. Сюда входит контент, которого вообще не было в исходном коде страницы: элементы, внедренные с помощью JavaScript, загруженные с вашего сервера после рендеринга страницы или созданные сторонними инструментами и скриптами.
/f/84976/1040x1094/4cb3b2436f/motaword-active_-translation-that-never-sleeps.png)
Автоматический перевод динамического контента
Настройка не требуется. Эта функция включена по умолчанию.
- Любой контент, добавленный на страницу, обрабатывается в течение миллисекунд, независимо от причины его появления — клика пользователя, таймера, события прокрутки или ответа API.
- Текст, динамически изменяющийся (счетчики, сообщения о состоянии, обновления в реальном времени), перехватывается и переводится повторно.
- Изменения в описаниях изображений, заполнителях форм и метках доступности также обрабатываются.
- Контент из сторонних скриптов (инструменты чата, маркетинговые всплывающие окна, виджеты аналитики) переводится по мере его появления на странице.
- Работает со всеми фреймворками и библиотеками — React, Vue, Angular, Svelte, jQuery или обычным JavaScript.
/f/84976/1128x1125/d1717e1a06/automated-translation-for-dynamic-content.png)
Процессы оформления заказа, последовательности регистрации, формы подписки, мастера бронирования — это одни из самых важных элементов вашего веб-сайта, и они почти всегда динамические. На каждом этапе загружается новый контент без полной перезагрузки страницы, а это значит, что большинство инструментов перевода их полностью пропускают.
MotaWord Active переводит каждый шаг по мере его появления. Независимо от того, использует ли ваш мастер изменения маршрута, отображает и скрывает разделы или динамически меняет содержимое, текст, метки, кнопки и сообщения проверки для каждого шага переводятся в момент их отображения.
Все этапы, от добавления товара в корзину до подтверждения оплаты, полностью переведены.
Приветственные экраны, шаги по настройке и руководства по началу работы на языке ваших посетителей.
Метки полей, заполнители, ошибки валидации и сообщения об успешном завершении — все это переводится по мере загрузки каждого шага.
Выбор даты, временные интервалы, экраны подтверждения — всё продумано до мелочей.
Многошаговые конфигураторы продукции, конструкторы коммерческих предложений и потоки настроек предпочтений.
/f/84976/1040x1054/552d38c617/multi-step-wizards-and-flows.png)
Переводите то, что видно первым.
Для страниц с большим количеством контента MotaWord Active отдает приоритет тому, что посетитель действительно может увидеть. Контент, видимый без прокрутки, переводится первым, а все, что находится ниже, переводится по мере прокрутки страницы посетителем.
- Видимый контент получает приоритет — ваши посетители никогда не будут ждать завершения перевода контента, находящегося за пределами экрана.
- Контент, загружаемый с задержкой (изображения, карточки товаров, записи в блоге), переводится по мере загрузки.
- Бесконечная прокрутка работает безупречно — новые элементы отображаются в момент их появления.
- Никаких лишних усилий по созданию контента, который посетитель, возможно, никогда не станет просматривать.
Рассмотрены все типы динамического контента.
Вот что MotaWord Active делает «из коробки» — дополнительная настройка не требуется.
| Тип контента | Примеры |
|---|---|
| Модальные окна и диалоги | Формы авторизации, подтверждения, краткий обзор товаров. |
| Всплывающие окна | Баннеры с уведомлением о файлах cookie, подписка на рассылку, предложения при попытке покинуть сайт. |
| Многошаговые мастера | Процессы оформления заказа, адаптация новых пользователей, формы регистрации, мастера бронирования |
| Выпадающие меню | Навигационные меню, выпадающие списки фильтров, параметры выбора. |
| Всплывающие уведомления | Сообщения об успешном завершении, оповещения об ошибках, обновления статуса. |
| Табулатуры и аккордеоны | Разделы часто задаваемых вопросов, технические характеристики продукции, контент во вкладках. |
| Виджеты чата | Онлайн-чат, чат-боты, виджеты поддержки |
| Карусели и слайдеры | Карусели товаров, слайдеры отзывов |
| Одностраничные приложения | Изменение маршрутов в приложениях React, Vue, Angular и Next.js |
| Бесконечная прокрутка | Списки товаров, ленты блогов, ленты социальных сетей. |
| Проверка формы | Сообщения об ошибках, подсказки по полям, справочный текст. |
| Контент, загружаемый с помощью AJAX | Подробная информация о товаре, отзывы, комментарии |
Современные фронтенд-технологии позволяют создавать контент способами, которые еще несколько лет назад были невозможны. Компоненты монтируются и демонтируются. Контент отображается на стороне клиента после загрузки страницы. Элементы внедряются в совершенно другие части страницы, нежели те, в которых они определены. MotaWord Active справляется со всем этим.
React, Vue, Angular, Next.js, Nuxt, SvelteKit — навигация внутри приложения определяется автоматически, а новые представления переводятся без перезагрузки страницы.
Приветственные экраны, шаги по настройке и руководства по началу работы на языке ваших посетителей.
Контент, отображаемый в браузере после первоначальной загрузки страницы (что характерно для современных фреймворков), подхватывается и воспроизводится по мере появления.
Элементы пользовательского интерфейса, которые отображаются вне родительского компонента — такие как модальные окна, всплывающие подсказки и наложения, прикрепляющиеся к телу документа, — перехватываются и перемещаются независимо от того, где они в конечном итоге оказываются на странице.
Поддерживаются пользовательские элементы с инкапсулированным содержимым.
Контент, внедряемый внешними инструментами (виджетами аналитики, чат-провайдерами, маркетинговыми всплывающими окнами), переводится по мере его появления на странице.
/f/84976/1040x1028/8387375661/built-for-modern-web-apps.png)
Поиск тоже работает
Поиск — одна из самых динамичных частей любого веб-сайта: подсказки автозаполнения, отфильтрованные результаты и мгновенный поиск — всё это загружает контент в режиме реального времени. MotaWord Active переводит всё, что отображается, обеспечивая посетителям сайта удобный поиск на их родном языке.
/f/84976/1080x1080/f006fd522f/search-works-too.png)
Часто Задаваемые Вопросы
Нет. Динамический перевод контента включен по умолчанию. MotaWord Active автоматически отслеживает изменения и переводит новый контент по мере его появления. Настройка не требуется.
Да. Каждый шаг многоэтапного процесса преобразуется по мере его отображения — метки полей, кнопки, сообщения об ошибках проверки, экраны подтверждения, всё. Неважно, как построен мастер настройки (изменение маршрута, условный рендеринг, обновления DOM) — если появляется новый контент, он переводится.
Да. MotaWord Active не зависит от используемой платформы — он отслеживает изменения на уровне страницы, поэтому работает независимо от того, какую платформу или библиотеку вы используете. React, Vue, Angular, Svelte, jQuery или обычный JavaScript.
Нет. MotaWord Active использует встроенные возможности браузера, разработанные для повышения производительности, и выполняет пакетные обновления, чтобы избежать помех при отрисовке страницы. Влияние незначительно.
Именно для этого и создан динамический перевод. Независимо от того, появляется ли контент по клику, при наведении курсора, прокрутке, таймеру или любому другому триггеру — он переводится автоматически.
Да. Вы можете отметить определенные элементы или разделы, которые следует пропустить — они останутся на исходном языке, даже если остальная часть страницы будет переведена.
Инструменты, такие как Optimizely или VWO, которые динамически добавляют контент, будут автоматически переводить свои варианты. Ваши A/B-тесты работают на разных языках без дополнительной настройки.
Нужна дополнительная помощь?
Мы будем очень рады ответить на любые ваши вопросы. И мы с удовольствием проведём живую презентацию для вашей организации с одним из наших коллег. Всё, что вам нужно сделать, это связаться с нами.