1分かからず、Claraをあなたのサイトに追加できます。
WordPressをお使いですか？ コードもコピペも不要——無料プラグインがすべてをこなします。それ以外をお使いですか？ スニペット1つを、サイトのフッターに1回貼り付ければ完了です。
WordPressをお使いですか？ 無料プラグインをインストールするだけ。
スニペットは一切不要です。プラグインをインストールし、Connect to Clara Cloudをクリックし、プランを選ぶだけ——Claraはチェックアウトの数秒後にすべてのページで公開されます。テーマの編集も、APIキーも不要です。
WordPress.orgでプラグインを入手 → またはWordPress管理画面で：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／独自サイト
スニペットは、共有のベーステンプレート／フッターのインクルードに置いてください——1ページの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／独自サイト
共有のベーステンプレート／フッターのインクルードに置いてください——1ページのHTMLではなく——そうすればどこでも読み込まれます。
導入に関するよくある質問
WordPressやWebflowのサイトに音声・テキストAIを追加する最速の方法は？
約1分です。WordPressなら、Claraの無料プラグインをインストールするだけ——コード不要、貼り付けるものもありません。Webflow（またはSquarespace、Wix、Shopify、Ghost、独自サイト）なら、共有フッターに1行のコードを貼り付けます。いずれの場合も、Claraは公開された瞬間から24時間365日、テキストチャットを、そしてProプランでは音声応答も実行します。
Claraはテキストだけでなく音声でも応答しますか？
はい。どのプランもウィジェット内のテキストチャットを含みます。Proプランは音声を加えるので、Claraは答えをリアルタイムで声に出して話します。どちらも同じ1行の導入で、同じウィジェット内で動作します——音声のために追加で組み込むものはありません。
Claraを導入するのに開発者は必要ですか？
いいえ。WordPressサイトは無料プラグインを使います——インストールし、接続し、プランを選べば完了です。それ以外のプラットフォームは、サイト全体のフッターに一度貼り付けるだけの単一スニペットで、これは主要なサイトビルダーがどれもCustom CodeやCode Injectionの設定として用意しています。
Claraをあなたのサイトに導入する準備はできましたか？
あなたのツール構成に最も簡単な方法を選びましょう。