不到一分钟,把 Clara 添加到你的网站。
用的是 WordPress?零代码、零复制粘贴——我们的免费插件全部搞定。用的是其他平台?一段代码片段、往你网站的页脚里粘贴一次,就完成了。
用的是 WordPress?安装我们的免费插件即可。
完全跳过代码片段。安装插件,点击 Connect to Clara Cloud,选一个套餐——结账后几秒钟内,Clara 就会在每个页面上线。无需改主题,也不用 API 密钥。
在 WordPress.org 获取插件 → 或在你的 WP 后台中:Plugins → Add New → 搜索 ClaraConverts。
粘贴到你的共享页脚中
把它粘贴到你网站的共享页脚 / 基础模板中——也就是每个页面都用的那个。不要只放在首页的 HTML 里,否则 Clara 只会出现在那一个页面。
保存你的网站
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.astro、app.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 放到你的网站上了吗?
为你的技术栈挑选最简单的方式。