ClaraConverts

不到一分钟,把 Clara 添加到你的网站。

用的是 WordPress?零代码、零复制粘贴——我们的免费插件全部搞定。用的是其他平台?一段代码片段、往你网站的页脚里粘贴一次,就完成了。

1

选择套餐

/pricing 订阅。我们会立即给你发送一段可直接粘贴的代码片段,其中已嵌入你的租户密钥。

2

粘贴到你的共享页脚

把它粘贴到你网站的共享页脚 / 基础模板中——也就是每个页面都用的那个。不要只放在首页的 HTML 里,否则 Clara 只会出现在那一个页面。

3

保存你的网站

Clara 以浮动气泡的形式出现在每个页面上。访客可立即与她对话,并听到她的声音。潜在客户直接进入你的收件箱。

各平台“共享页脚”的位置

每个现代建站工具都有一个作用于所有页面的 Custom Code / Footer 设置。以下是它的位置。

Webflow

Project Settings → Custom Code → Footer Code。作用于全站。粘贴、保存、发布。

Squarespace

Settings → Advanced → Code Injection。粘贴到 Footer 框中(不要按页面单独添加)。保存。

Shopify

从 Shopify App Store 安装我们免费的 Clara 应用——无需改动任何代码。安装免费、预览免费,只有当你在店铺正式上线时才付费。

Wix

Settings → Custom Code → Add Custom Code。将“Add to pages”设为 All pages,“Place code in”设为 Body — end。然后应用。

Ghost

Settings → Code Injection → Site Footer(自动作用于全站)。粘贴并保存。

纯 HTML / 自定义网站

把代码片段放进你的共享基础模板 / 页脚引用中——而不是某一个页面的 HTML 里。如果你只把它粘贴在 index.html 上,Clara 就只会出现在那里。

用 AI 编程助手安装

用的是自定义或框架网站——Next.js、Astro、Nuxt、SvelteKit 或纯 HTML?把这活儿交给你的 AI 编程助手(Cursor、Claude Code 或类似工具)。先取好你的代码片段(其中带有你账户的密钥),然后给你的助手一段这样的提示词:

Add the ClaraConverts chat widget to my site. My embed snippet (from my ClaraConverts dashboard) is:

[paste your ClaraConverts snippet here]

Place it in the site-wide root layout so it loads on every page — for example app/layout.tsx in Next.js (App Router), pages/_document in the Pages Router, the root layout in Astro/Nuxt/SvelteKit, or the shared footer include of a static site. Then run the site and confirm the Clara chat bubble appears on every page.

你的代码片段是你账户专属的。请从你的 ClaraConverts 仪表盘或注册邮件中复制它——并不存在一段通用片段,所以请让你的助手使用你自己的那一段,绝不要用占位符。

Next.js (App Router)

把代码片段加到 app/layout.tsx<body> 内,或使用 next/script 并设 strategy="afterInteractive" 来加载它。

Next.js (Pages Router)

把它加到 pages/_document.tsx 中、紧挨在 </body> 之前,这样每个路由都会包含它。

Astro · Nuxt · SvelteKit

把它放进包裹每个页面的根布局(例如 Layout.astroapp.vue+layout.svelte)。

纯 HTML / 自定义网站

把它放进你的共享基础模板 / 页脚引用中——而不是某一个页面的 HTML 里——这样它才会在每个页面都加载。

安装常见问题

为 WordPress 或 Webflow 网站添加语音和文字 AI,最快的方式是什么?

大约一分钟。在 WordPress 上,安装 Clara 的免费插件——零代码,无需粘贴任何东西。在 Webflow(或 Squarespace、Wix、Shopify、Ghost,或自定义网站)上,把一行代码粘贴到你的共享页脚里。无论哪种方式,从 Clara 上线的那一刻起,她都全天候运行文字聊天,在 Pro 套餐上还会有语音回复。

Clara 除了文字,还能用语音回复吗?

可以。每个套餐都包含挂件内的文字聊天;Pro 套餐再加上语音,于是 Clara 会实时把答案念出来。两者都在同一个挂件、同一行安装代码上运行——开启语音无需额外配置任何东西。

安装 Clara 需要开发人员吗?

不需要。WordPress 网站使用免费插件——安装、连接、选套餐,搞定。其他所有平台都只需把一段代码片段粘贴一次到全站页脚里,而每个主流建站工具都会在 Custom Code 或 Code Injection 设置中提供这个入口。

准备好把 Clara 放到你的网站上了吗?

为你的技术栈挑选最简单的方式。

WordPress 插件(免费) 获取代码片段