ボットビルダーで回答にリッチコンテンツを追加する方法（旧バージョン）

現在のプランを確認

Suite

すべてのプラン

この記事では、2025年2月2日時点でAIエージェントを試用または公開していたお客様のみが利用できる機能について説明します。AIエージェント（Advanced）の同等の機能については、「AIエージェント（Advanced）の対話の構築」を参照してください。

ボットビルダーでは、AIエージェントの回答の一部のステップにリッチコンテンツ要素を追加できます。カスタマーは、Web Widget、モバイルアプリ、ソーシャルアプリ、およびサードパーティアプリでリッチコンテンツ要素を見ることができます。

リッチコンテンツ要素は、新しい回答を作成するとき、既存の回答に新しいステップを追加するとき、または既存のステップに変更を加えるときに追加することができます。

この記事では、以下のリッチコンテンツの機能を説明します。

• 画像とGIFの追加
• 絵文字の追加
• ボタンリンクの追加

画像とGIFの追加

回答フローに画像やアニメーションGIFを追加することで人目を惹き付けたり、回答を説明するためにスクリーンショットやその他の視覚表現を追加したり、製品やサービスをブランドを優れた表現で紹介することができます。

画像やGIFは、以下のステップタイプに追加できます。

• メッセージを送信
• カルーセルを追加

回答ステップに含める画像やgifには、以下の制限があります。

• カスタマーがアクセスできるWebアドレスを提供すること。回答に表示されないため、制限付きヘルプセンターの画像URLは追加しないでください。
• サイズが10MBを超えないこと。
• 画像フォーマットが以下のいずれかであること。
  • bmp
  • gif
  • heic
  • heif
  • jfif
  • jpg
  • jpeg
  • png
  • svg+xml
  • tiff
  • tif
  • webp

  ステップに画像やgifを追加するには

  1. ボットビルダーで新規または既存の回答を開いた状態で、画像またはgifを追加したいステップタイプをクリックするか、ステップ追加アイコン（）をクリックしてステップタイプを選択し、新規ステップを作成します。
  2. 画像を「メッセージを送信」ステップに追加する場合は、画像の挿入アイコン（）をクリックします。
  3. 画像のWebアドレス（必須）と説明（任意）を入力し、「完了」をクリックします。
  4. ステップの設定を完了し、ボットビルダーの上部にある「完了」をクリックします。

     追加した画像またはgifをステップのプレビューで確認できます。

     画像は、他の変更と同様、回答を公開するまでエンドユーザーには表示されません。

絵文字の追加

回答フローに絵文字を追加するときは、絵文字ピッカーを使用します。

絵文字は、以下のタイプの回答ステップに追加することができます。

• メッセージを送信
• オプションを提示
• ヘルプセンター記事を表示
• エージェントに転送

ステップに絵文字を追加するには

1. ボットビルダーで新規または既存の回答を開いた状態で、絵文字を追加したいメッセージステップをクリックします。または、ステップを追加アイコン（）をクリックして、作成するステップのタイプを選びます。
2. AIエージェントのメッセージボックスで、必要に応じてテキストを入力または更新し、絵文字アイコン（）をクリックしてピッカーを開きます。
3. スクロールまたは検索して必要な絵文字を見付けたら、それをクリックしてAIエージェントメッセージに追加します。
4. ステップの設定を完了し、ボットビルダーの上部にある「完了」をクリックします。

追加した絵文字はステップのプレビューで確認できます。

絵文字は、他の変更と同様、回答を公開するまでエンドユーザーには表示されません。

ボタンリンクの追加

回答フローのステップにボタンを追加することができます。エンドユーザーがボタンをクリックすると、現在のWebサイト内の別のナレッジベースや別のページなどの外部リンクが開かれます。

ボタンのリンクは、以下のタイプのステップに追加することができます。

• メッセージを送信
• カルーセルを追加

「メッセージを送信」ステップにボタンリンクを追加するには

1. ボットビルダーで新しい回答を開くか作成し、既存の「メッセージを送信」ステップをクリックするか、新しいステップを作成します。
2. 「ボタンを追加」をクリックします。
3. ボタンのWebアドレスとテキストを入力し、「追加」をクリックします。
4. ステップの設定を完了し、ボットビルダーの上部にある「完了」をクリックします。

各「メッセージを送信」ステップには、最大10個のボタンリンクを追加できます。

オプションアイコン（）をクリックすると、ボタンを編集することができます。

ボタンは、他の変更と同様、AIエージェントを公開するまでエンドユーザーには表示されません。

「カルーセルを追加」ステップにボタンリンクを追加するには

1. ボットビルダーで新しい回答を開くか作成し、既存の「カルーセルを追加」ステップをクリックするか、新しいステップを作成します。
2. カルーセルパネルをクリックします。
3. 「ボタンを追加」をクリックし、アクションドロップダウンメニューから「リンクを開く」を選択します。
4. プロンプトが表示された場合、ボタンのWebアドレスとテキストを入力し、「完了」をクリックします。
5. ステップの設定を完了し、ボットビルダーの上部にある「完了」をクリックします。

カルーセルパネルのオプションアイコン（）をクリックすると、ボタンを編集することができます。

ボタンは、他の変更と同様、AIエージェントを公開するまでエンドユーザーには表示されません。

回答を保存する

カスタマーがカルーセルパネルのボタンをクリックしたときに、変数とその値を保存するボタンを追加できます。変数と値は、ボットビルダーの下流で使用できます。

カルーセルパネルには、最大3つのボタンを含めることができます。これらのボタンは回答を保存するボタンとリンクを開くボタンを組み合わせることが可能ですが、回答を保存するボタンは1つのみ設置可能です。

回答を保存するボタンを追加するには

1. ボットビルダーで新しい回答を開くか作成し、既存の「カルーセルを追加」ステップをクリックするか、新しいステップを作成します。
2. カルーセルパネルをクリックします。
3. 「ボタンを追加」をクリックし、アクションドロップダウンメニューから「回答を保存」を選択します。
4. カスタマーが見て分かりやすいボタンのラベルを入力します。
5. 保存する変数名と値を入力します。動的カルーセルを使用している場合は、プラスボタンをクリックして「APIコールを実行」から値を選択することができます。

たとえば、カルーセルの後に「メッセージを送信」ステップを作成した場合、「AIエージェントのメッセージ」のプラスボタンをクリックすることで変数を参照できます。