サイトに1行でAIチャットを設置する手順（主要CMS別）

結論

MOVIAの設置は、管理画面でサイトURLを登録し、発行された1行のコードをサイトに貼るだけです。サーバーの設定やプラグインのインストールは不要で、最短5分で公開できます。CMSごとに違うのは「1行を貼る場所の名前」だけで、やることは同じです。以下で主要CMSの貼り付け先と、事前に済ませておくこと、公開後の確認項目を示します。

事前に済ませること

作業を始める前に、次の3つを手元に用意してください。ここが揃っていれば、設置作業は本当に数分で終わります。

1. 設置するサイトのURL。 管理画面に登録します（サブドメインや別ドメインで複数サイトを運用している場合は、どこに出すかを決めておきます）
2. CMSの管理者権限。 カスタムコードやHTMLを編集できる権限が必要です
3. 答える情報。 営業時間、アクセス、料金、よくある質問など。何を用意するかは「AI導入前に用意する情報チェックリスト（メニュー・料金・FAQ）」にまとめています

3番目は設置後でも追加できますが、空のまま公開するとAIが答えられる範囲がほとんどありません。基本情報だけでも先に登録しておくことをおすすめします。

共通の流れ

どのCMSでも手順は同じです。

1. MOVIAの管理画面でサイトURLを登録する
2. 発行された1行のコードをコピーする
3. CMSのカスタムコード欄に貼り付けて保存する
4. サイトを開いて、チャットが表示されるか確認する

コードは全ページ共通で使えます。「トップページだけ」「特定のページを除く」といった出し方を変えたい場合も、貼る場所を変えるだけで対応できます。

CMS別の貼り付け先

WordPress

テーマの header.php または footer.php を直接編集する方法と、ヘッダー・フッターにコードを差し込めるプラグインの入力欄を使う方法があります。テーマ更新で消えないよう、子テーマまたはプラグインの入力欄を使うのが安全です。テーマファイルを直接編集する場合は、編集前にバックアップを取ってください。

Shopify

管理画面の「オンラインストア」→「テーマ」→「コードを編集」から theme.liquid を開き、</body> の直前に貼り付けます。テーマのカスタマイズ画面でカスタムLiquidのセクションを使う方法もありますが、全ページに出したい場合は theme.liquid に置くのが確実です。

Wix

管理画面の「設定」→「カスタムコード」から、新しいコードを追加します。適用範囲は「全ページ」、配置場所は「Body — end」を選びます。

STUDIO

プロジェクトの設定画面にある埋め込みコードの入力欄に貼り付けます。ページ単位で埋め込みブロックを使う方法もありますが、全ページ共通にする場合はサイト全体の設定側を使います。

BASE

管理画面のデザイン編集から、HTMLを編集できるパーツ（フリーパーツなど）に貼り付けます。プランや利用中のテーマによって編集できる範囲が変わるため、全ページに出したい場合は編集可能な箇所を先に確認してください。

ペライチ

ページ編集画面のHTMLブロック、またはサイト設定のカスタムコード欄に貼り付けます。ページ単位のブロックに貼った場合は、そのページにだけ表示されます。

その他のサイト（自作・静的サイトなど）

HTMLの </body> の直前に貼り付けます。共通のテンプレートやインクルードファイルを使っている場合は、そこに1か所書けば全ページに反映されます。

公開後に確認すること

貼り終えたら、必ず実際のサイトで確認してください。

• パソコンとスマートフォンの両方でチャットが表示される
• 出したいページに出ていて、出したくないページに出ていない
• 実際に質問してみて、登録した情報どおりに答える
• 登録していないことを聞いたとき、担当者へつなぐ案内になる
• 引き継ぎメールが、決めた担当者に届く

4番目と5番目が特に大切です。答えられない質問が来たときに行き止まりにならないかを、公開初日に自分で試しておいてください。MOVIAでは、AIが答えられない質問は担当者へメールで引き継ぎ、その回答をAIが学習して次回から答えられるようになります。この経路が通っているかを確認しておけば、あとは運用しながら答えられる範囲を広げていけます。

導入前後の確認項目をもう少し広く見たい場合は「WebサイトへAIチャットを導入する前のチェックリスト」をご覧ください。

気をつけたいこと

CMSは仕様変更があります。ここに挙げたメニュー名や設定項目の名称は、各サービスのアップデートで変わることがあるため、見つからない場合は「カスタムコード」「HTMLの埋め込み」「head/bodyへのコード追加」といった言葉で管理画面内を探してください。やることは「1行を全ページに出す」だけなので、名前が違っても目的の欄はすぐ見つかります。

もう一つ、テーマファイルを直接編集した場合は、テーマ更新でコードが消えることがあります。更新後にチャットが表示されているかを確認する習慣をつけてください。お客様から預かる情報の取り扱いについては「Web接客チャットの個人情報と安全な運用体制」をあわせてご確認ください。