Wix でAIチャットボットを作成・追加する方法（5分で完了）

Wix 用のチャットボットビルダーを探しているなら、方法は2つあります。Wix の中で設定するチャットツールか、別のサービスで作ったアシスタントを Custom Code でサイトに追加する方法です。Nexoply は後者です。実際には次のような意味になります。

• Nexoply のダッシュボードで、コードなしで作成します。 サービスと料金、よくある質問、ポリシー、営業時間、対応エリアを追加するか、Wix サイトの公開ページ（無料プランではスキャン1回あたり15ページ）から取り込みます。あなたが承認するまで、何も追加されません。
• その情報だけをもとに答えます。 推測せずにわからないと伝えるよう指示されており、すべての会話をダッシュボードで確認できます。
• デザインもダッシュボードで行います。 メッセージボタンかサイドタブ、色、フォント、ロゴ、既製のテンプレート、スマートフォン用の別デザイン、予約、電話、WhatsApp などのスタート画面ボタン。
• 12言語で回答します。 対応する別の言語で書いた訪問者には、その言語で回答します。
• できないこと。 人のスタッフが対応するライブチャットの受信箱ではなく、予約や支払い自体も受け付けません。ボタンで訪問者を予約ページ、電話、WhatsApp へ案内します。

Wix 側の条件は変わりません。カスタムコードには、独自ドメインを接続したプレミアムプランが必要です。Nexoply 側では無料プランに月50会話が含まれ、有料プランは月額$19からです（料金ページ参照）。オプションの一覧はチャットボットの機能をご覧ください。

まず次の3点を確認してください。

• Nexoply のアカウント。無料で登録できます。無料プランには月50会話が含まれ、カードは不要です。
• Nexoply に登録したビジネス情報：サービスと料金、よくある質問、ポリシー、営業時間、対応エリア。最も手早いのは、Wix サイトのアドレスを入力して Nexoply に公開ページを取り込ませる方法です（Wix が使っている JavaScript で作られたページも読み取れます）。提案を確認し、承認するまで何も追加されません。
• 独自ドメインを接続した Wix のプレミアムプラン（無料の username.wixsite.com ではなく、mysalon.com のようなアドレス）。Wix では、この両方を満たすサイトにしかカスタムコードを追加できません。

Nexoply のダッシュボードで チャットボット ページを開き（まだの場合は チャットボットを作成 をクリック）、設置コードをコピーします。コードは次のような形です。

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

YOUR-KEY の部分には、チャットボットページが自動で入れるあなたのチャットボット専用のキーが入ります。このキーは公開されるもので、パスワードではなく、アカウントへのアクセス権も与えません。Wix に触れる前にアシスタントを見てみたい場合は、チャットボット付きのテストページを開く をクリックすると、サンプルページで試せます。

1. 1

   サイトのダッシュボードを開く

   Wix にログインし、対象サイトのダッシュボードを開きます（エディターではありません）。

2. 2

   Custom Code を開く

   左のメニューで Settings をクリックし、（詳細設定のセクションにある）Custom Code を開きます。

3. 3

   コードを追加する

   + Add Custom Code をクリックし、Nexoply のコードをコード欄に貼り付けます。「Nexoply chatbot」など、わかりやすい名前を付けてください。

4. 4

   読み込む場所を選ぶ

   「Add Code to Pages」で All pages を、「Place Code in」で Body - end を選びます。

5. 5

   適用する

   Apply をクリックします。カスタムコードは公開中のサイトにすぐ反映されるので、エディターから再公開する必要はありません。

接続したドメインで公開中のサイトを、新しいプライベートウィンドウで開きます。エディターのプレビューではカスタムコードが実行されないため、実際のサイトで確認してください。画面の下隅にチャットボタンが表示されます。「キャンセルポリシーは？」や「バレイヤージュはいくらですか？」のような実際の質問をしてみてください（サロンの例はサロン向けAIチャットボットのガイドにあります）。数秒で、その会話が Nexoply のダッシュボードの 会話 に表示されます。以降、ダッシュボードで行った変更は、Wix に戻ることなく約1分でサイトに反映されます。

• プランまたはドメイン。 Custom Code が見つからない、グレーアウトしている、またはコードが実行されない場合は、サイトがプレミアムプランに加入し、独自ドメインを接続しているか確認してください。無料の wixsite.com のアドレスではカスタムコードは実行されません。
• 配置の間違い。 Custom Code でスニペットを開き、Head ではなく、また1ページだけでもなく、All pages と Body - end に設定されているか確認してください。
• エディターで見ている。 カスタムコードが実行されるのは公開中のサイトだけで、エディターやそのプレビューでは実行されません。
• Cookie バナーのカテゴリ。 Wix が Cookie バナー用にコードの種類を尋ねてきた場合、Essential 以外を選ぶと、訪問者が Cookie に同意するまでコードが読み込まれないことがあります。Nexoply のウィジェットは Cookie を使用しないので、Essential を選んで問題ありません。
• 許可するドメイン。 チャットボットページで 許可するウェブサイト を設定している場合は、接続したドメインが正確に登録されているか確認してください（例：mysalon.com、サブドメインなら *.mysalon.com）。
• チャットボットがオフ、または広告ブロッカー。 チャットボットを有効にする のスイッチがオンになっているか確認してください。まれに、ブラウザの拡張機能がチャットウィジェットをブロックすることがあります。別のブラウザで試してください。

デザインは Wix ではなく、Nexoply のダッシュボードで設定します。チャットボット → カスタマイズ では、メッセージボタンのアイコン（または独自の画像）、テキストラベル、形、サイズ、色、位置を選べるほか、代わりに画面の端に「ヘルプ」などのサイドタブを置くこともできます。スマートフォンでは別のデザインにしてボタンがモバイルのレイアウトに重ならないようにでき、ページルールで特定のページ（例：/services/*）の表示を変えられます。チャットウィンドウを Wix のフォントや色に合わせ、ロゴを追加し、既製のテンプレートから始めることもできます。スタート画面には、予約、電話、WhatsApp などの独自のボタンを表示できます。

その後は定期的に会話を確認しましょう。アシスタントが答えられなかった質問が一覧になり、ワンクリックでよくある質問にできます。全体像はNexoply の仕組みをご覧ください。WordPress サイトも運営している場合は、WordPress にAIチャットボットを追加する方法をご覧ください。