チャットボット

チャットボットをカスタマイズする

チャットボットの見た目、表示位置、使用する言語、受け付けるメッセージ数を変更します。

設定を変更するには、Chatbots からチャットボットを開きます。ダイアログの上部に基本セクション、その下に詳細セクションがあります。Update Chatbot で保存します。変更は、すでにチャットボットを埋め込んでいるページに反映されます。

基本設定#

  • Chatbot Name と Chatbot Description。
  • Chatbot enabled: チャットボットをオンまたはオフにします。
  • Show title & description: 新しい会話の上部、最初のメッセージの上にタイトルと説明を表示します。
  • Used Agent: 回答するエージェントです。後からチャットボットを別のエージェントに割り当てることができます。
  • Chatbot Style: Chat button、Embedded、Full page、Commerce search。詳しくは作成と埋め込みを参照してください。
  • Show close button: 埋め込みスタイルでのみ使用できます。
  • Show session messages history: 訪問者のブラウザに Cookie を設定し、ページ間を移動してもチャットが開いたままになるようにします。

ウィンドウとレイアウト#

URL & Window の下:

  • Chatbot window width: デフォルトは 540px です。500px のような CSS サイズを使用します。
  • Chatbot window height: デフォルトでは空です。80vh のような CSS サイズを使用します。

Window & Layout の下:

  • Chatbot theme: Auto、Light、Dark。
  • Chatbot position: Bottom right、Bottom left、Top left、Top right。これはチャットボタンのスタイルに適用されます。
  • Text direction: Auto-detect、Left to Right (LTR)、Right to Left (RTL)。
  • Chatbot language: English、Slovak、Dutch、Persian、Danish。どの言語で回答するかを決めるのは、この設定ではなくエージェントの指示です。

色、バブル、入力#

  • Primary color: 訪問者のチャットバブルと回答内のボタンの色です。
  • Sent message text color: 訪問者のバブル内のテキストの色です。
  • Chatbot bubble background color と Chatbot bubble icon color: チャットボタンです。
  • Chatbot bubble size in px と Chatbot bubble custom image URL: ボタンのサイズを変更するか、アイコンを自分の画像に置き換えます。有効な画像 URL を使用してください。
  • Message placeholder text: 空の入力欄に表示されるヒントです。デフォルトは「Ask me any question…」です。
  • Max input characters: 訪問者が入力できるメッセージの最大長です。制限なしにする場合は空のままにします。

ブランディングとパーソナライズ#

  • Chatbot header text と Chatbot header logo URL: チャットウィンドウのヘッダーに表示される名前とロゴです。
  • Chat header logo URL: Show title & description がオンのとき、タイトルの上にあるデフォルト画像を置き換えます。
  • Assistant avatar image URL: エージェントの返信の横に表示されるアバターです。
  • Remove FlowHunt branding は FlowHunt のラベルを非表示にします。このスイッチは、ご利用のプランで許可されている場合にのみ使用できます。ブランディングの削除には Pro プランと有料の月額アドオンが必要で、ダイアログに価格と購入ボタンが表示されます。

ポップアップメッセージ#

Popup Messages の下で、チャットボタンの横に表示して訪問を促す短いメッセージを追加します。メッセージを入力して Insert message をクリックします。Messages display delay は待機時間をミリ秒で設定します。ポップアップをクリックするとチャットが開きます。

レート制限#

Rate Limiting の下で、過度な使用からクレジットを保護します:

  • Rate limit messages: チャットボット全体が 1 時間に受け付けるメッセージの最大数です。
  • Rate limit messages from the same IP: 1 人の訪問者アドレスからの 1 時間あたりのメッセージの最大数です。
  • Custom message for Rate limit messages: 制限に達したときに訪問者に表示される内容です。設定しない場合、一般的なエラーが表示されます。

0 の値は制限なしを意味します。

コマース検索オプション#

Commerce search スタイルでは、追加の設定が表示されます: AI Mode button text、Search bar placeholder、AI Mode button inside the search bar、検索バーとボタンの色、Square から Pill までの角の丸み、そして AI Mode を開いたときに買い物客が選択できる最大 4 つの AI Mode sample queries です。サンプルクエリを空のままにすると、デフォルトが使用されます。

保存前にテストする#

Test your chatbot パネルでは、色やテキストを変更すると、選択したエージェントを使用してライブプレビューが表示されます。まずエージェントを選択してください。選択しない場合、パネルが選択を求めます。

Widgets on the page

これらの設定はチャットウィンドウに適用されます。エージェントの発言や知識を変更するには、エージェントとそのナレッジソースを編集してください。