ウェブサイトのページに基づいてチャットボットのアクションをトリガーする | AIチュートリアル

ユーザーが訪れているウェブページに応じて、さまざまなチャットボットアクションをトリガーする方法を学びます。このAIチュートリアルでは、カスタムチャットボットフローの設定と、ウェブサイトへの完全な統合について説明します。

2024年10月6日

party-gif

ユーザーのウェブサイト上の位置に合わせて適応する動的なチャットボットフローを作成する方法を発見してください。これにより、パーソナライズされた魅力的な体験を提供できます。このチュートリアルでは、訪問者のウェブページに基づいて異なるチャットボットアクションを設定する手順を詳しく説明しています。これにより、チャットボットのパフォーマンスを最適化し、より良い顧客インタラクションを促進することができます。

ウェブページに基づいた異なるチャットボットフロー

価格ページに基づいて異なるチャットボットのフローをトリガーするには、以下の手順に従ってください:

  1. チャットボットビルダーで「価格ページのフローを追加」をクリックして、価格ページ用の新しいフローを作成します。
  2. 新しいフローに、「Cash Money」と書かれたGIFと4秒間のタイピングアニメーションを含む「こんにちは」メッセージを追加します。
  3. このメッセージに続いて、「価格についてご質問がありましたら、お気軽にお問い合わせください。」というテキストメッセージを追加します。
  4. 新しいフローを公開し、公開リンクをコピーします。
  5. ウェブサイトのコード(Webflowなど)で既存のウェブチャットコードを見つけ、公開リンクのrefパラメーターに置き換えます。
  6. 変更を保存し、ウェブサイトに公開します。

価格ページにユーザーがアクセスすると、「Cash Money」GIFと価格関連のメッセージを含む新しいチャットボットフローが表示されます。

価格設定ページのチャットボットフローの作成

価格ページ用のチャットボットフローを作成するには、以下の手順に従ってください:

  1. アカウントにログインし、「価格ページのフローを追加」をクリックします。
  2. 「Cash Money」と書かれたGIFと4秒間のタイピングアニメーションを含む簡単な「こんにちは」メッセージを作成します。
  3. 「価格についてご質問がありましたら、お気軽にお問い合わせください。」というテキストメッセージを追加します。
  4. フローを公開し、公開リンクをコピーします。
  5. ウェブサイトのコード(Webflowなど)でウェブチャットセクションを見つけ、公開フローのリファレンス番号に置き換えます。
  6. 変更を保存し、公開します。

価格ページにユーザーがアクセスすると、カスタマイズされたメッセージとGIFを含むチャットボットバブルが表示され、価格に関する質問を簡単に行えるようになります。

価格設定ページのチャットボットフローの統合

価格ページ用のチャットボットフローを統合するには、以下の手順に従ってください:

  1. アカウントにログインし、「価格ページのフローを追加」をクリックして、価格ページ用の新しいフローを作成します。
  2. フローに、「Cash Money」と書かれたGIFと4秒間のタイピングアニメーションを含む「こんにちは」メッセージを追加します。
  3. 「価格についてご質問がありましたら、お気軽にお問い合わせください。」というテキストメッセージを追加します。
  4. フローを公開し、公開リンクをコピーします。
  5. Webflowプロジェクトのウェブチャット設定に、価格ページのエントリーポイントとして公開リンクを貼り付けます。
  6. テキストアニメーションとメッセージを必要に応じて更新し、変更を保存して公開します。

価格ページにユーザーがアクセスすると、作成したチャットボットフローが表示され、価格に関する質問を簡単に行えるようになります。

結論

このチュートリアルでは、ユーザーが訪れているウェブページに基づいて異なるチャットボットフローをトリガーする方法を学びました。まず、価格ページ用の簡単なフローを作成し、GIFアニメーションとユーザーに価格についての質問をするメッセージを含めました。

その後、公開リンクをコピーし、Webflowのウェブチャットコードを更新することで、チャットボットフローを価格ページに統合しました。これにより、チャットボット機能を価格ページに自然に組み込み、ユーザーに個別化されたエンゲージメントの高い体験を提供することができました。

このチュートリアルの主なポイントは以下の通りです:

  1. 価格ページ用の特定のフローを作成し、ユーザーに合わせたカスタマイズされた体験を提供すること。
  2. GIFやアニメーションを使ってチャットボットをより魅力的で対話的なものにすること。
  3. Webflowのウェブチャットコードを更新することで、価格ページにチャットボットフローを統合すること。

これらの手順に従えば、自社のウェブサイトでも同様の機能を簡単に実装し、ユーザーにより個別化されたレスポンシブな体験を提供することができます。

よくある質問