Add Clara to your site in under a minute.
On WordPress? Zero code, zero copy-paste — our free plugin handles everything. On anything else? One snippet, one paste into your site's footer, done.
On WordPress? Install our free plugin.
Skip the snippet entirely. Install the plugin, click Connect to Clara Cloud, pick a plan — Clara goes live on every page within seconds of checkout. No theme edits, no API keys.
Get the plugin on WordPress.org → Or in your WP admin: Plugins → Add New → search ClaraConverts.
Pick a plan
Subscribe at /pricing. We instantly email you a ready-to-paste snippet with your tenant key baked in.
Paste into your shared footer
Paste it into your site's shared footer / base template — the one every page uses. Not just the homepage HTML, or Clara only shows up there.
Save your site
Clara appears as a floating bubble on every page. Visitors chat — and hear her — straight away. Leads land in your inbox.
Where the "shared footer" lives, by platform
Every modern site builder has a Custom Code / Footer setting that applies to every page. Here's where to find it.
Webflow
Project Settings → Custom Code → Footer Code. Applies site-wide. Paste, save, publish.
Squarespace
Settings → Advanced → Code Injection. Paste in the Footer box (NOT per-page). Save.
Shopify
Install our free Clara app from the Shopify App Store — no code edit needed. Free to install, free to preview, only pay when you go live on your storefront.
Wix
Settings → Custom Code → Add Custom Code. Set "Add to pages" = All pages, "Place code in" = Body — end. Apply.
Ghost
Settings → Code Injection → Site Footer (applies site-wide automatically). Paste and save.
Plain HTML / custom site
Put the snippet in your shared base template / footer include — not in one page's HTML. If you only paste it on index.html, Clara only appears there.
Install with an AI coding agent
On a custom or framework site — Next.js, Astro, Nuxt, SvelteKit, or plain HTML? Hand the job to your AI coding agent (Cursor, Claude Code, or similar). Grab your snippet first (it carries your account's key), then give your agent a prompt like this:
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.
Your snippet is unique to your account. Copy it from your ClaraConverts dashboard or signup email — there's no generic snippet, so tell your agent to use yours, never a placeholder.
Next.js (App Router)
Add the snippet inside the <body> of app/layout.tsx, or load it with next/script using strategy="afterInteractive".
Next.js (Pages Router)
Add it to pages/_document.tsx just before </body>, so every route includes it.
Astro · Nuxt · SvelteKit
Drop it into the root layout that wraps every page (e.g. Layout.astro, app.vue, +layout.svelte).
Plain HTML / custom site
Put it in your shared base template / footer include — not one page's HTML — so it loads everywhere.
Install FAQ
What's the fastest way to add voice and text AI to a WordPress or Webflow site?
About a minute. On WordPress, install Clara's free plugin — zero code, nothing to paste. On Webflow (or Squarespace, Wix, Shopify, Ghost, or a custom site), paste one line of code into your shared footer. Either way Clara runs both text chat and, on the Pro plan, spoken voice replies, 24/7 from the moment she's live.
Does Clara reply in voice as well as text?
Yes. Every plan includes text chat in the widget; the Pro plan adds voice, so Clara speaks her answers out loud in real time. Both run in the same widget on the same one-line install — there's nothing extra to wire up for voice.
Do I need a developer to install Clara?
No. WordPress sites use the free plugin — install, connect, pick a plan, done. Every other platform is a single snippet pasted once into the site-wide footer, which every major site builder exposes under a Custom Code or Code Injection setting.
Ready to put Clara on your site?
Pick the easiest path for your stack.