弹出窗口、模态窗口和单页应用程序的实时翻译

弹出窗口、模态框、多步骤向导、延迟加载内容、聊天小部件、无限滚动——现代网站充满了在初始页面加载后显示的内容。 MotaWord Active 会在新内容出现的第一时间检测并翻译它。

观看实际演示 开始免费体验
弹出窗口、模态窗口和单页应用程序的实时翻译

大多数翻译工具只翻译第一次加载的内容。

传统网站翻译只在页面加载时处理一次。 但现代网站是动态的——内容会不断出现、消失和变化:



  • 访客点击按钮后,会打开一个模态对话框。
  • 几秒钟后,屏幕上会滑入一个 Cookie 同意横幅。
  • 无限滚动功能会在用户向下滚动时加载更多产品。
  • 多步骤向导会引导用户进入结账或注册流程中的下一步。
  • 搜索自动完成功能会在用户输入时显示建议。
  • 聊天窗口打开,并显示一条欢迎信息。
  • 单页应用程序无需重新加载页面即可导航到新视图。
  • 操作完成后会弹出通知提示。

如果您的翻译工具无法处理这些内容,您的访客将会看到翻译内容和未翻译内容混杂在一起的不协调景象。 页面的一部分内容使用他们的语言,另一部分则不是。

Most Translation Tools Only Translate the First Load

MotaWord Active:永不停歇的翻译

MotaWord Active 会实时监控您的页面更改。 任何新内容出现时——无论是弹出窗口、新版块还是文本更新——都会被自动检测和翻译。 这包括根本不存在于原始页面源代码中的内容:通过 JavaScript 注入的元素、在页面渲染后从服务器加载的元素,或由第三方工具和脚本创建的元素。

MotaWord Active: Translation That Never Sleeps

动态内容的自动翻译

无需配置。 此功能默认开启。

  • 无论触发因素是什么(用户点击、计时器、滚动事件或 API 响应),添加到页面的任何内容都会在几毫秒内被获取。
  • 动态变化的文本(计数器、状态消息、实时更新)会被捕获并重新翻译。
  • 图片描述、表单占位符和辅助功能标签的更改也会得到处理。
  • 来自第三方脚本(聊天工具、营销弹窗、分析小部件)的内容会在页面加载时进行翻译。
  • 可与所有框架和库配合使用——React、Vue、Angular、Svelte、jQuery 或纯 JavaScript
Automated translation for dynamic content

结账流程、新用户引导流程、注册表单、预订向导——这些都是您网站最重要的部分,而且它们几乎总是动态的。 每一步都会加载新内容,而无需重新加载整个页面,这意味着大多数翻译工具都会完全错过它们。

MotaWord Active 会实时翻译每个步骤。 无论向导使用路径更改、显示和隐藏部分,还是动态交换内容,每个步骤的文本、标签、按钮和验证消息都会在渲染时立即进行翻译。

从购物车到付款确认的每一个步骤都已完全翻译。

以访客的语言显示欢迎界面、设置步骤和入门指南。

字段标签、占位符、验证错误和成功消息——所有这些都会在每个步骤加载时进行翻译。

日期选择器、时间段、确认屏幕——所有细节都考虑到了。

多步骤产品配置器、报价生成器和偏好流程。

您的访客可以使用自己的语言完成整个流程,不会出现任何中断或未翻译步骤,从而确保良好的用户体验。

Multi-Step Wizards and Flows

先翻译可见内容

对于内容较多的页面,MotaWord Active 会优先显示访客实际可以看到的内容。 首先翻译首屏内容,然后随着访客向下滚动,翻译下方的所有内容。

  • 可见内容优先显示——您的访客无需等待屏幕外的内容翻译完成。
  • 延迟加载的内容(图片、产品卡片、博客文章)会在加载时进行翻译。
  • 无限滚动功能流畅无阻——新项目一出现就会立即翻译。
  • 不会在访客可能永远不会滚动浏览的内容上浪费精力。
Most Translation Tools Only Translate the First Load

涵盖所有类型的动态内容

以下是 MotaWord Active 开箱即用的功能——无需额外配置。

内容类型 例子
模态框和对话框 登录表单、确认信息、产品快速预览
弹出窗口 Cookie 横幅广告、新闻简报订阅、退出意图优惠
多步骤向导 结账流程、注册流程、注册表单、预订向导
下拉菜单 导航菜单、筛选下拉菜单、选择选项
Toast 通知 成功消息、错误警报、状态更新
制表符和手风琴 常见问题解答、产品规格、标签页内容
聊天窗口小部件 在线聊天、聊天机器人、支持小部件
旋转木马和滑梯 产品轮播图、用户评价轮播图
单页应用程序 React、Vue、Angular、Next.js 应用中的路由更改
无限滚动 产品列表、博客动态、社交媒体动态
表单验证 错误信息、字段提示、帮助文本
通过 AJAX 加载的内容 产品详情、评价、评论

现代前端技术以几年前还不存在的方式创造内容。 组件的安装和拆卸。 页面加载完成后,内容会在客户端渲染。 元素被注入到与它们定义位置完全不同的页面部分。 MotaWord Active 可以处理所有这些。

React、Vue、Angular、Next.js、Nuxt、SvelteKit — 应用内导航会自动检测,新视图无需重新加载页面即可转换。

以访客的语言显示欢迎界面、设置步骤和入门指南。

在页面初始加载后,浏览器中呈现的内容(在现代框架中很常见)会被立即获取并翻译。

在父组件之外渲染的 UI 元素(例如模态框、工具提示和附加到文档主体的覆盖层)无论最终出现在页面的哪个位置,都会被捕获并转换。

支持带有封装内容的自定义元素。

外部工具(分析小部件、聊天提供商、营销弹窗)注入的内容会在到达页面时进行翻译。

每次导航和视图更改都会保留语言偏好设置。

Built for Modern Web Apps

搜索功能也有效。

搜索是任何网站中最具动态性的部分之一——自动完成建议、筛选结果和即时搜索都是动态加载内容的。 MotaWord Active 会将所有内容按原样翻译,让您的访客获得使用他们语言的原生搜索体验。

Search Works Too

常见问题解答

不,动态内容翻译默认是开启的。 MotaWord Active 会自动监视更改并翻译新出现的内容。 无需任何设置。

可以。 多步骤流程中的每一步都会在渲染时进行翻译——字段标签、按钮、验证消息、确认屏幕,所有内容。 向导的构建方式(路由更改、条件渲染、DOM 更新)并不重要——只要出现新内容,就会进行翻译。

可以。 MotaWord Active 与框架无关——它可以检测页面级别的更改,因此无论您使用哪个框架或库,它都能正常工作。 React、Vue、Angular、Svelte、jQuery 或纯 JavaScript。

不。MotaWord Active 使用专为提升性能而设计的浏览器原生功能,并批量更新,以避免干扰页面渲染。 影响微乎其微。

这正是动态翻译的用途所在。 无论内容是通过点击、悬停、滚动、计时器还是任何其他触发方式出现,它都会自动翻译。

可以。 您可以标记要跳过的特定元素或部分——即使页面的其余部分被翻译,它们仍将保留原始语言。

像 Optimizely 或 VWO 这类能够动态注入内容的工具,其生成的各种变体都会自动翻译。 您的 A/B 测试无需任何额外设置即可跨语言运行。

need-more

需要更多帮助?

我们将非常乐意回答您的任何问题。 我们很高兴让我们的一位同事为您的企业进行现场演示。 您需要做的就是联系我们。