SquarespaceサイトにAIチャットボットを追加する

利用できるSquarespaceのプラン

Squarespaceによると、コードインジェクションはCore、Plus、Advancedの各プランと、一部の旧料金プランで利用できます。対応していないプランや試用期間中のサイトでは、Code Injectionパネルは使えません。わからない場合は、請求の画面でプランを確認してください。

コードを取得する

メールアドレスで登録し、サイトのアドレスを入力します。公開ページを一分ほどで読み込みます。設定ページでアシスタントを試してから、コードをコピーしてください。

Squarespaceでの追加手順

1. ログインして、Squarespaceでサイトを開きます。
2. Code Injection パネルを開きます。現在のレイアウトでは Pages パネルの下の方、リンクされていないページの下にある Custom code（以前のレイアウトでは Website Tools）の中にあります。古いサイトでは Settings → Advanced → Code Injection にありました。Squarespace自身のヘルプ記事にパネルへの直接リンクがあります。このページ末尾の出典をご覧ください。
3. Footer 欄にコードを貼り付けます。ここに入れたコードは、全ページの閉じタグ </body> の前に入ります。
4. Save を押します。
5. 公開中のサイトを（ログアウトした状態か、プライベートウィンドウで）開きます。右下にチャットボタンが表示され、ダッシュボードに接続済みと表示されます。

Squarespaceはこの設定の場所を何度か変えています。メニューが上の手順と違って見える場合は、サイトのパネルで Code Injection を検索してください。名前は変わっていません。

Squarespaceでできること

アシスタントは、訪問者に見えるのと同じ形でサイトの公開ページを読み込み、毎日読み込み直します。提供しているもの、料金、営業時間、予約のポリシー、配送、返品についての質問に、ページの情報だけをもとに訪問者の言語で答えます。ページに書かれていない質問には正直に「わかりません」と答えてあなたへの連絡方法を伝え、その質問はあなたが答えるべき質問の一覧に入ります。

Squarespace Commerceのストアでは、商品ページやポリシーページをもとに商品とポリシーについての質問に答えます。一つの商品を紹介しているページでは、マスコットが小さな吹き出しで商品を紹介することもできます。Squarespaceの注文には接続しないため、注文を調べることもキャンセル・変更することもできません。注文についての質問は、メール、またはSlack、Discord、Telegramであなたに引き継がれます。

Squarespaceでよりよい回答を得るコツ

• Squarespaceのサイトは画像中心になりがちです。アシスタントが読むのは文字なので、大事な情報（サイズ、価格、お届け日数）は画像の中だけでなく、文字で書いてください。
• FAQは独立したページにまとめます。アコーディオンブロックでも問題ありません。そのテキストはページ上にあるからです。
• パスワードで保護されたページや会員エリアは読み込みません。

人の対応が必要な時

予約の変更、破損した荷物、苦情、あるいは単に「誰かと話せますか？」など、あなたに届くべき質問があります。アシスタントはそうした会話を、それまでのやり取りとともに、初期設定ではメールで、ダッシュボードで接続していればSlack、Discord、Telegramであなたに引き継ぎます。チャットアプリから返信すると、訪問者のチャット画面が開いている間はそこに表示されます。閉じられていればメールで返信してください。

ダッシュボードではすべての会話を確認でき、間違った回答に「間違い」と印を付けたり、よく出る質問に定型回答を書いたりできます。次回からアシスタントはその回答をそのまま使います。