チャット ウィジェット

SmartAssist のチャット ウィジェットでは、チャット ウィジェットの外観、アイコン、色を変更することができます。また、SmartAssist をお客様の Web サイト内に組み込むために必要なコードや手順についてサポートします。

チャット ウィジェットを設定

チャット ウィジェットを設定するには、以下の手順に従います: 

  1. 左側のペインで [設定] をクリックします。
  2. [設定] ページでは、デフォルトで [着信設定] タブが選択されています。[チャット ウィジェット] をクリックします。
  3. [チャット ウィジェット] セクションで、[チャット ウィジェットのパーソナライズ] をクリックします。
  4. [チャット ウィジェットのパーソナライズ] ウィンドウでは、ユーザーに表示される SmartAssist のウィジェットをパーソナライズすることができます。次のセクションの表は、カスタマイズ可能なウィジェットの要素のリストです。
  5. [保存] をクリックします。

変更した内容は、既存のテーマに対して保存されるか、新しいテーマとして保存されます。

チャット ウィジェットの要素

カテゴリ 要素  説明 有効な値
一般設定 テーマ ウィジェット全体のテーマを定義 既存のテーマから選択できます。デフォルトでは [ライト] と [ダーク] のテーマが用意されています
フォント 表示されるテキストに適用されるフォント 利用可能なオプションは以下のとおりです:

  • Arial
  • Inter
  • Lato
  • Sans
ヘッダー セクション アシスタント名 ウィジェットの上部に表示するアシスタントの名前 SmartAssist のデフォルトに設定されていますが、変更できます。
説明 アシスタントの目的について記述したユーザーへの簡単なメッセージ
ロゴ アシスタント名の前に表示される画像 PNG/SVG 形式のロゴ ファイルをアップロードすることができます。
背景色 ヘッダーの背景色 用意されたカラー ピッカーから選択します。
テキストの色 ヘッダー エリアのテキストの色 用意されたカラー ピッカーから選択します。
テンプレート ヘッダーのテンプレート ロゴ、タイトル、説明文の組み合わせを選択できます。
本文のデザイン 背景色 本文の背景色 用意されたカラー ピッカーから選択します
配信時刻 メッセージが配信された日時を表示 [はい] または [いいえ] に設定、デフォルトでは [はい]
ユーザーメッセージ 背景色 ユーザー メッセージの吹き出しの背景色 用意されたカラー ピッカーから選択します
テキストの色 ユーザー メッセージの吹き出しのテキストの色 用意されたカラー ピッカーから選択します
ユーザー アイコン表示 ユーザー メッセージの吹き出しにアイコンを表示するかどうか [はい] または [いいえ] に設定、デフォルトでは [いいえ]
ユーザー アイコン 設定されている場合、ユーザー メッセージの吹き出しに表示されるアイコン アイコン ファイルをアップロード可能
ボットメッセージ 背景色 ボット メッセージの吹き出しの背景色 用意されたカラー ピッカーから選択します
テキストの色 ボット メッセージの吹き出しのテキストの色 用意されたカラー ピッカーから選択します
ボタンの色 ボット メッセージの吹き出しのボタンの色 用意されたカラー ピッカーから選択します
ボタンのテキストの色 ボット メッセージの吹き出しのボタンのテキストの色 用意されたカラー ピッカーから選択します
ボット アイコン表示 ボット メッセージの吹き出しにアイコンを表示するかどうか [はい] または [いいえ] に設定、デフォルトでは [いいえ]
ボットアイコン 設定されている場合、ボット メッセージの吹き出しに表示されるアイコン アイコン ファイルをアップロード可能

デプロイメント コード

デプロイメント コードは、Web サイトにチャット ウィジェットを表示するのに役立ちます。また、選択した Web ページにチャット ウィジェットを表示するオプションもあります。たとえば、複数の Web ページで較正された Web サイトについて考えてみましょう。Web サイトのランディング ページにのみチャット ウィジェットを表示させたいと考えています。このシナリオでは、デプロイメント コードがこの拡張設定を実現するのに役立ちます。お客様の Web サイトのチャット ウィジェットをデプロイするには、以下の手順に従います:

  1. 左側のペインで [設定] をクリックします。
  2. [設定] ページでは、デフォルトで [着信設定] タブが選択されています。[チャット ウィジェット] をクリックします。
  3. [チャット ウィジェット] セクションで、[デプロイメント コード] をクリックします。
  4. [デプロイメント コード] ウィンドウの [Web サイトにチャット ウィジェットをデプロイ ] セクションで、[コピー] をクリックしてコードをコピーし、チャット ウィジェットを表示するすべてのページの HEAD タグの最後に貼り付けます。
  5. [許可されているドメイン] フィールドにドメイン名を入力します。チャット ウィジェットは、許可されたドメインにのみ表示されます。
  6. [保存] をクリックします。