您是否拥有一个使用 Bubble.io 搭建的网站,并希望将其翻译成多种语言,以便外部客户能够访问? Bubble.io 是一个强大且灵活的无代码平台,为构建和管理 Web 应用程序提供了强大的环境。将自动翻译集成到您的 Bubble.io 应用中,可以让您简化多语言内容的创建和维护,节省时间和资源,同时确保跨多种语言的一致、高质量用户体验。
因此,在本文中,我们将讨论如何使用自动翻译服务,在 Bubble.io 网站上轻松实现自动翻译。.
在 Bubble.io 上实现自动翻译的好处

在 Bubble.io 网站上实施自动翻译可以带来多项好处,包括以下几点。.
- 全球市场准入: 自动翻译使您的 Bubble.io 应用能够触达全球用户。例如,一款原本使用英语的食谱分享应用可以立即面向日本、巴西和法国的美食爱好者开放,让他们能够用母语探索和贡献食谱。
- 提升用户满意度: 以用户偏好的语言呈现内容,能带来更愉悦、更具沉浸感的体验。例如:一款旅行规划应用若能自动将行程、评价和本地推荐翻译成用户的语言,就能显著提升他们的行程规划体验。
- 更高的转化潜力: 当信息以用户的母语呈现时,用户更有可能进行购买或注册服务。例如,一个在线课程平台在实施自动翻译后,可能会看到来自西班牙语国家的报名人数激增,因为潜在学员现在能够完全理解课程描述和优势。
- 提升搜索可见性: 多语言内容 可提高您的应用在不同地区和语言的搜索结果中出现的几率。例如,一个提供自动翻译的职位列表和简历技巧的求职应用,可能会开始出现在多个国家的本地语言搜索中,从而吸引那些以前找不到该平台的求职者。
使用 Bubble.io 构建的多语言网站示例
根据 trends.builtwith.com 的数据,超过 5.5 万个网站使用 Bubble.io。因此,这次我们将讨论一些示例,让您了解是否正在考虑使用 Bubble.io 创建多语言网站。
Fanova.io

Fanova 是使用 Bubble.io 构建的网站的优秀示例。它将粉丝与他们喜爱的内容创作者连接起来,并允许他们订阅独家内容。该网站展示了 Bubble.io 创建复杂、用户友好型应用程序的能力,并具备多语言支持等高级功能。.
左下角的语言切换器提供英语、西班牙语和巴西葡萄牙语选项。这种多语言方式使 Fanova 能够面向北美、拉丁美洲和巴西的多元化国际受众。借助 Bubble.io 的功能,Fanova 可以管理和呈现多种语言的内容,同时保持一致的设计,从而提升不同语言背景访客的用户体验。.
IC-academy.io

Impact Creative Academy (ICA) 是平台创建专业且功能完善的 Web 应用的能力。该网站提供 AI 驱动的职业资源,包括免费课程、资助竞赛和求职申请机会。其简洁的设计包含醒目的标题、简明的价值主张,以及引人入胜的“Dive in”行动号召按钮。.
ICA 网站的一个显著特点是位于右上角的语言切换器,用户可以在英语和阿拉伯语之间进行选择。这种多语言支持展示了 Bubble.io 如何有效地创建全球可访问的平台。通过提供英语和阿拉伯语内容,ICA 可以服务于英语国家和阿拉伯世界的多元化用户群体。.
如何在 Bubble.io 上实现自动翻译
在考察了使用 Bubble.io 创建的多语言网站示例后,我们将探讨如何使用自动翻译服务实现自动翻译。许多服务只需几个配置步骤即可快速轻松地翻译网站。 Linguise就是其中一项服务。.
Linguise 可与多种 CMS 平台和网站构建器集成,包括 与 Bubble.io 集成。 以下是在 Linguise 上安装 Bubble.io 自动翻译的步骤。
#1 注册您的域名网站
首先, 创建一个免费的 Linguise 账户 并添加您的网站域名。在决定订阅方案之前,您可以先使用 30 天免费试用。
接下来,系统会提示您注册域名以授权翻译。为此,请复制您的域名(包括“https://”),并将平台选择为“其他”。.

接下来,选择源语言和目标语言。.

#2 使用 entri 自动添加域名 DNS
在 Linguise 仪表板上成功注册您的网站后,您有两种选择来进行安装。.
如果您希望自动添加 DNS 记录,可以点击 “自动连接您的 DNS。” 这项名为 Entri 的功能将为您处理 DNS 记录,使安装过程更加轻松。或者,您也可以手动将 DNS 记录复制到您的域名提供商处。

点击按钮后,Entri 将分析您注册的网站 URL 并检查您的公共 DNS 记录。基于此分析,它将确定所需的提供商和 DNS 记录。.

接下来,点击 “使用[您的域名提供商]授权” (例如 Cloudflare)。此操作会将您重定向到域名提供商的登录页面,您可以在那里登录并继续。

登录您的域名提供商后,Entri 将处理其余事项,自动添加相应的 DNS 记录——每种语言一条 DNS 记录,以及一条用于验证密钥的 TXT DNS 记录。您应该会看到 DNS 记录已添加到您的域名中,例如:

授权后,Entri 会通知您所有 DNS 设置已成功配置。当所有 DNS 记录在您的域名上完成传播后,您就可以使用翻译功能了,这通常需要大约 20 到 30 分钟。.

如果您更倾向于 手动安装,也可以按照我们下面提供的步骤手动完成。
#3 复制 DNS 记录
如果您更倾向于手动安装,系统会将您重定向到一个页面,其中包含设置多语言页面所需的 DNS 记录,例如 fr.domain.com 或 es.domain.com。.
将这些关键元素复制到您的 Bubble.io DNS 配置中。.

接下来,连接到您的域名管理器并访问 DNS 设置区域。然后,按照说明进行复制。.
- 一条用于域名验证的 TXT 记录
- 一个或多个用于各语言的 CNAME 记录
以下是每种记录类型(TXT 和 CNAME)的示例

添加所有记录后,您的配置应与此类似。.

#4 验证 DNS
将全部记录添加到域名 DNS 后,您可以点击“检查 DNS 配置”按钮来验证 DNS 传播。.
DNS 验证通常需要大约 30 分钟到 1 小时。在此之后,您应该会在 Linguise 仪表板的 DNS 列表右侧看到绿色指示器。您几乎已经准备好翻译您的 Bubble 网站了;只差带有国家旗帜的语言切换器链接。.

#5 启用动态翻译
从技术角度来看, Bubble 将 JavaScript 编码的模块、CSS 和 HTML 集成到一个功能完整的 Node.js 应用程序中。 Bubble的编程语言基于 JSON 构建。.
借助我们的“动态翻译”功能,您可以轻松翻译 Bubble.io 网站上的内容,包括在初始页面加载后异步(动态)加载的内容。这一改进为您的访客提供了更流畅的多语言体验!
要使用此功能,请点击“设置”页面底部的“是”。.

#6 启用和自定义语言切换器设计
语言切换器是一个旗帜弹窗,允许您选择所需的语言。要实施它,请将提供的代码复制到您的 Bubble.io 网站页面的页眉中。旗帜语言切换器随后将自动出现在您的公开网站上。.
要复制的链接位于域名注册流程的末尾,或在域名设置中。请务必将该链接复制到剪贴板。.

接下来,导航到您的 Bubble 网站面板。在左侧边栏菜单中,点击“设置”,然后选择“SEO / 元标签”。

在设置菜单中,向下滚动一点,直到在 “高级设置” 下找到 “头部中的脚本/元标签”。
粘贴您之前复制的 Linguise 脚本,然后点击 “保存” 并发布您的网站。

您可以从 Linguise 仪表板自定义语言切换器,方法是导航到 设置 > 语言旗帜显示。 在此处所做的任何更改都将反映在网站上。

屏幕右侧会显示语言切换器的预览。以下是您可以配置的元素。.
- 三种布局:并排、下拉菜单或弹出式
- 语言切换器的位置
- 语言切换器的内容
- 语言名称以英文或其母语显示
- 旗帜的形状和尺寸
- 颜色和框阴影
#7 自动翻译您的网站 Bubble
以下演示了 Bubble.io 在使用 Linguise的自动翻译服务进行自动翻译后的显示效果。.

使用 Linguise自动翻译您的 Bubble网站
Linguise 翻译服务 为您的 Bubble.io 网站提供流畅的自动翻译集成。作为领先的翻译服务,它支持超过 80 种语言,并与超过 40 个 CMS 平台兼容,包括 Bubble.io。此集成让创建多语言网站变得简单,从而提升整体用户体验。
前端实时编辑器翻译
Linguise 还提供 前端实时编辑器 ,可根据需要快速调整翻译。该工具确保翻译保持准确,并支持快速修改。此外,您还可以与专业译员合作,以确保文化和语境上的精准性。
多语言 SEO 支持

通过其 多语言 SEO 功能 Linguise, Linguise 可以通过优化 SEO 来提升您网站的搜索引擎可见性。它会生成多语言站点地图、创建 hreflang 代码和标签、设置规范 URL,并翻译 URL 和元描述。这些功能有助于提升您网站的搜索引擎排名,并让使用各种语言的用户更容易访问。
全球翻译排除规则

为了解决翻译难题, Linguise 包含排除规则,允许您保留或排除可能无法很好翻译的特定术语。您可以建立规则来 排除页面、内联内容或特定页面,确保翻译的清晰度和准确性。
可以添加专业译员进行协作

此外, Linguise 允许您邀请专业译员加入您的仪表板,促进协作,以保持内容的文化和语境精准度。.
Conclusion

在您的 Bubble.io 网站上实施自动翻译可以极大地扩大您的覆盖面、提高用户参与度并提升转化率。借助 Linguise,您可以轻松管理多语言内容,为使用各种语言的用户提供无缝体验,同时优化您的 SEO 策略。.
Linguise 提供强大的功能,如前端实时编辑、动态内容翻译、特定术语的排除规则以及全面的 SEO 支持。这些能力使其成为将自动翻译与 Bubble.io 集成的理想选择。那么,你还在等什么? 注册一个 Linguise 自动翻译网站 ,将你的 Bubble.io 网站转变为多语言网站。





