使い方ガイド

< 使い方ガイド トップへ戻る

チャットボットの見た目を変更する

チャットボットでは見た目に関する下記の項目を変更することができます。 変更した設定は、右側のプレビューに反映されます。

チャットウィンドウのタイトルを設定する

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目ををクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. タイトルを入力します。
  4. [適用]をクリックします。

アイコンを設定する

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. アイコンを選択します。※オリジナルのアイコンを設定したい場合は、アイコンの右端にある写真マークをクリックします。
  4. [保存する]をクリックします。

[Note]

利用可能な画像の拡張子は".png"、ファイルサイズは16KB以下です。 オリジナルの画像は1つのみ設定可能です。

チャット画面の色を設定する

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. カラーから色を選択します。
  4. [適用]をクリックします。

チャットボタンの種類を設定する

チャットボタンの種類をPC、モバイル端末それぞれで変更することが可能です。 この設定を変更することで、Webサイトに利用者が訪れた際のチャットボタンの種類を設定できます。

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. チャットボタンの種類を選択します。 ※オリジナルのチャットボタンを設定したい場合は、右端にある写真マークをクリックします。
  4. [適用]をクリックします。

[Note]

利用可能な画像の拡張子は".pngまたは.gif"、ファイルサイズは200KB以下です。 オリジナルの画像は1つのみ設定可能です。

チャットボタンのメッセージを設定する

チャットボタンに表示させるメッセージをPC、モバイル端末それぞれで変更することが可能です。 この設定を変更することで、Webサイトに利用者が訪れた際のチャットボットの動作を設定できます。

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. チャットボタンのメッセージを選択します。
  4. 表示させたいメッセージを入力します。
  5. [適用]をクリックします。

チャットボタンの動作を設定する

埋め込みチャットボットの動作をPC、モバイル端末それぞれで変更することが可能です。 この設定を変更することで、Webサイトに利用者が訪れた際のチャットボットの動作を設定できます。

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. チャットボタンの動作を選択します。 チャットウィンドウを自動で開くか、アイコンが振動する(アピールする)かを選択することができます。
  4. 動作までの時間を設定します。
  5. [適用]をクリックします。

チャットボタンの表示位置を設定する

PC、モバイル端末それぞれのチャットボタンの表示位置を変更することが可能です。 この設定を変更することで、Webサイトに利用者が訪れた際のチャットボタンの表示位置を設定できます。

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. チャットボタンの表示位置を設定します。
  4. チャットボタンの表示位置を細かく調整したい場合は、px単位で調整します。
    ※チャットボタンの表示位置は表示イメージで確認することができます。

[Note]

0px以上、1000px以下で設定してください。

チャットボタンの表示位置を設定後、実際のWebサイトで意図した位置に表示されることを確認してください。

  1. [適用]をクリックします。

チャットウィンドウのサイズを設定する

PCのチャットウィンドウの大きさを変更することが可能です。 この設定を変更することで、Webサイトに利用者が訪れた際のチャットウィンドウのサイズを設定できます。

※モバイルでは全画面表示となるので、この項目は設定できません。

  1. 管理サイトの左側メニューの[チャットボットの設定]の項目をクリックします。
  2. 上部タブの[見た目設定]を選択します。
  3. チャットウインドウのサイズを設定します。

[Note]

200px以上、10000px以下で設定してください。

指定したウィンドウサイズより利用者端末の解像度が小さい場合は、利用者端末の解像度に合うように自動で調整されます。

  1. [適用]をクリックします。