
Wixウェブサイト用に、拡張性、汎用性、信頼性の高いAIチャットボットの構築をお考えですか?大規模な言語モデルLLMs搭載したチャットボットは、サイトのクエリに答え、ディスカッションに参加し、予約を入れ、データを管理することができます。
適切なツールを使えば、Wixチャットボットの作成は、見た目ほど複雑ではありません。このガイドでは、5つの簡単なステップでこのようなチャットボットを作成し、展開する方法を紹介します。
Wixチャットボットの用途
チャットボットは、Eコマースストアの運営、サービスの提供、個人ブログのホスティングなど、ウェブサイトを次のレベルに引き上げることができます。
チャットボットは繰り返し作業を効率化し、時間を解放し、ユーザーが必要なものを滞りなく得られるようにします。単なる効率化にとどまらず、チャットボットはパーソナライゼーションをもたらします。個々のユーザーに合わせた対話が可能になり、より魅力的で記憶に残る体験を生み出します。
カスタマーサポート
チャットボットは、日常的な顧客からの問い合わせに対応し、応答時間を短縮し、24時間365日のサポートを提供することができます。単純なFAQにとどまらず、顧客の感情を追跡し、フィードバックを収集し、CRMシステムと統合して高度にパーソナライズされたサポートを提供することができます。
例FAQの解決、チケットのエスカレーション、ライブチャットの応答。
リード・ジェネレーション
会話型フローを使用することで、チャットボットはユーザー情報を収集し、リードを限定し、潜在顧客を育成することができます。これにより、適切なタイミングで適切な情報を提供することで、何気なく訪れたユーザーを簡単に見込み客に変えることができます。
例連絡先情報の取得、リードの認定、パーソナライズされたエンゲージメント。
Eコマース支援
チャットボットは、ユーザーが商品を探したり、注文を追跡したり、返品を管理したりするのを支援することで、オンラインショッピングを簡素化します。また、チェックアウトプロセスを通じて顧客を誘導し、シームレスでフラストレーションのない体験を保証します。
例商品の推奨、注文の追跡、返品サポートなど。
予約サービス
チャットボットでアポイントメントのスケジューリングや予約を自動化。空き状況の確認、確認、リマインダーまで対応でき、手作業の必要性がなくなります。
例コンサルテーションの予約、サービスの予約、リマインダーの送信など。
インタラクティブな体験
チャットボットは、クイズ、アンケート、ゲームなどのインタラクティブなワークフローを通じて、訪問者を楽しませ、引き込むことができます。このような機能により、ユーザーを飽きさせず、何度も来訪させることができ、長期的な印象を残すことができます。
例アンケートの実施、クイズの実施、入社時のワークフローの促進。
Wixチャットボットの作り方
チャットボットを作成する準備はできましたか?ステップごとに説明しましょう。ただし、先に進む前に、以下の前提条件が揃っていることを確認してください:
- カスタムスクリプトを追加するには、Wixウェブサイトがプレミアムプラン(またはそれ以上)である必要があります。
- アカウント作成 Botpressアカウント作成
チュートリアルでは、NGOのウェブサイトのチャットボットを作成します。このチャットボットは、ウェブサイトに関する問い合わせに答え、非常に自然でダイナミックな方法でユーザーから情報を収集することができます。
ステップ1:プロジェクトの設定
最初のステップでは、チャットボットプロジェクトとチャットボットの一般的な動作条件を設定します。その方法は以下の通りです:
1.Botpress 新しいプロジェクトを作成し、完全なカスタマイズと柔軟性のために「ゼロから始める」テンプレートを選択することから始めます。

2.チャットボットの目的とトーン・オブ・ボイスを定義し、ウェブサイトとの整合性を確認します。
.webp)
この最初のステップは、チャットボットの今後の行動を把握し、指示するのに役立ちます。
ボットがユーザーに話しかけたり返信したりする方法の選択から、会話の方向性や結論まで、すべてはボットが従うべき指示に簡単に分解することができます。
ステップ2:ナレッジベースの追加
プロジェクトをセットアップした後、チャットボットがユーザーからの問い合わせに回答する際に使用する外部ナレッジをインポートします。この情報は、ドキュメント、ウェブページ、テーブルなど、複数の形式で取り込むことができます。ここではその方法を説明します:
1.画面左のメニューから「Knowledge Base」セクションに移動します。
2.ウェブサイトのリンクをアップロードして、チャットボットのクエリ用に特定のページをインデックス化する。
3.インデックスさせたい特定のページを選択し、さらにユーザーのクエリに答えるために使用する。

ステップ 3: テーブルの追加
ユーザーからデータを収集したい場合、テーブルに分類して格納することで可能です。私たちのウェブサイトでは、ボランティア情報を収集したいので、"volunteerTable "というテーブルを作成します。その方法は以下の通りです:
a.テーブル "に向かう
b.ユーザーが収集した変数や情報を保持するための新しいテーブルを作成する。
c.ユーザーから収集する必要があるデータに従って列を追加する。
.webp)
ステップ4:ワークフローの作成
ワークフローはチャットボットの機能の中心です。主な構成要素をご紹介します:
- 標準ノード:ワークフローの基本単位である標準ノードは、事前に定義されたアクションを実行し、設定されたトランジションに基づいて会話の流れをガイドします。
- 自律ノード:LLMs を活用することで、これらのノードはコンテキストベースの決定を行い、会話の流れを管理し、手動による介入なしに適切なアクションを決定する。
- AIトランジション:テキストをあらかじめ定義されたカテゴリに分類するAIタスクカードで、膨大な学習データがなくても意図の認識やトピックの抽出が可能。
チャットボットの実際のワークフローに移り、左側のメニューから "ワークフロー "に向かい、中に入ったら以下の手順に従ってください:
.webp)
- 初期メッセージの設定
ユーザーにチャットボットのオープニングメッセージを表示する「テキスト」タイルを持つ標準ノードを作成します。
例:
"ご近所のNGO、私たちのウェブサイトへようこそ。今日はどのようなお手伝いができますか?" - 選択肢のあるメニューを作る
追加 シングル・チョイス・タイル テキストタイルの下にあるこのメニューで、ユーザーは次のようなオプションを選ぶことができる:- プログラムについて
- ボランティアの機会
- 自律ノードへのリンクの選択
各メニューのオプションについて、対応する選択肢を 自律ノード:- プログラム情報ノード:NGOが提供する様々なプログラムの詳細を提供します。
- ボランティアノード:ボランティア関連の問い合わせを処理し、関連するユーザー情報を収集します。
- ボランティアノードの設定
- ボットにウェブサイト情報を参照するよう指示する命令セットを追加する。
- ボランティアの詳細を保存するために、先ほど作成した "volunteerTable "への書き込みアクセス権をボットに付与します。
- AIトランジションを追加する
ボランティアメニューを終了するユーザーの意図を検出するAIトランジションを実装する。ユーザーが停止する意図を表明した場合、メインメニューにリダイレクトし、インタラクションループを再開する。
このワークフローにより、スムーズなナビゲーション、カスタマイズされた応答、シームレスなユーザーエクスペリエンスが保証されます。
ステップ5:チャットボットのデプロイ
最後に、このチャットボットをWixウェブサイト上に展開します(プレミアムWixウェブサイトが必要です)。以下がその方法です:
- 右上の「Publish」をクリックします。
.webp)
- webchat埋め込みコードを取得するには、"Webchatカスタマイズ"、"共有 "の順にクリックします。
- Wixのダッシュボードにログインし、左サイドバーの "設定 "から "カスタムコード "を検索します。

- 本文にコードを追加 - 開始」をクリックし、前のステップでコピーした埋め込みスクリプトを貼り付けます。
.webp)
- すべてのページ」にコードを適用することを確認し、「Body - end」タグでコードを読み込み、「適用」をクリックします。
Wixチャットボットを導入すると、訪問者とのエンゲージメント、タスクの自動化、ウェブサイトのインタラクティブ化と効率化が可能になります!ボランティアデータは、公開後すぐにテーブルに表示されるようになります。
.webp)
インテリジェントなチャットボットでWixウェブサイトを向上させましょう
基本を超えたチャットボットでWixサイトを強化しましょう。年中無休のカスタマーサポートから、シームレスな予約自動化、パーソナライズされた対話まで、チャットボットがすべて対応します。
Botpress では、自律ノード、会話フローに適応するAIトランジション、ユーザー・インタラクションを積極的に理解し強化するように設計されたワークフローを通じて、スマートな意図に基づく情報収集を活用する。
真にインテリジェントなチャットボットを構築しましょう。パーソナライズと自動化を簡単に。