Qチャットデザインを設定する方法

A

チャットのテーマやデザインを設定することができます。      
 

 

基本設定(テンプレート)

サイト閲覧者に表示される、チャットのデザインを変更する手順です。         
ChatPlusでは、チャットのテーマや色を自由に設定できます。          

(1)管理画面右上の設定ボタンをクリックします。

設定ボタンクリック

 

(2) 画面左「デザイン」>「デザインテンプレート」をクリックします。

「デザイン」>「デザインテンプレート」クリック

(3) テーマの選択

「テーマ」のプルダウンから、使用するテーマをクリックして選択します。          
※ベーシック、アプリ、ミニ、モダンの中から選択します。

テーマ選択

 

■テーマ一覧         
・ベーシック

ベーシック

・アプリ

アプリ

・ミニ

ミニ

 

・モダン

モダン

 

(4) 担当者画像サイズの選択         
「デザイン」>「デザインテンプレート」>「担当者画像サイズ」のプルダウンから、使用したいサイズをクリックします。         
※アプリ・モダンテーマの場合のみ有効です。

「デザイン」>「デザインテンプレート」>「担当者画像サイズ」からサイズクリック

 

(5) 色の選択         
「デザイン」>「デザインテンプレート」>色部分をクリックし、各項目の色をカラーチャートから選択します。

各項目の色を選択

 

(6) 高さの指定         
「デザイン」>「デザインテンプレート」>「高さ」のプルダウンから、「px」「%」いずれかをクリックして選択し、枠内に0~100の間の値を入力します。

「px」「%」いずれかをクリックして選択

 

(7) モバイル版表示設定         
モバイル版でチャットを小さく表示したい場合は「デザイン」>「デザインテンプレート」>「縮小表示を有効にする」左横のチェックボックスにチェックを付けます。         
※「縮小表示の高さ□%」の指定は、ビジネスライトプラン以上でご利用いただけます。

モバイル版チャットを小さく表示

 

(8) 位置の設定         
プルダウンから、チャットの表示位置をクリックします。         
チャットウインドウを浮かせて表示させたい場合は「デザイン」>「デザインテンプレート」>「ウインドウを浮かせる」左横のチェックボックスにチェックを付けます。

チャットの表示位置をクリック

 

■ウインドウを浮かせない場合   

ウインドウを浮かせない場合

 

■ウインドウを浮かせる場合

ウインドウを浮かせる場合

 

(9) 選択肢の文字サイズ設定         
チャットボットなどで設定した選択肢の文字サイズを設定できます。         
「デザイン」>「デザインテンプレート」>「選択肢文字サイズ」プルダウンから、使用したい文字サイズをクリックします。         
太字にしたい場合は「太字にする」左横のチェックボックスにチェックを付けます。

文字サイズクリック

「太字にする」チェック

 

(10)「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

デザインのエクスポート・インポート

①デザインのエクスポート

サイトを複数運営していて同じデザインを流用したい場合などに、ルールをエクスポートして保存することができます。      
ビジネスライトプラン以上でご利用いただけます。

 

(1)「デザイン」>「デザインテンプレート」>「デザインのエクスポート」ボタンをクリックします。

「デザイン」>「デザインテンプレート」>「デザインのエクスポート」ボタンクリック

 

(2) ダウンロードが開始するので、任意の場所に保存します。

 

 

②デザインのインポート         
サイトを複数運営していて同じデザインを流用したい場合などに、ルールをインポートしてデザインを呼び出すと便利です。         
ビジネスライトプラン以上でご利用いただけます。

 

(1)「デザイン」>「デザインテンプレート」>「デザインのインポート」ボタンをクリックします。

「デザインのインポート」ボタンをクリック

 

(2)「ファイルを選択」ボタンをクリックするか、枠内にファイルをドロップして、csvファイルを選択します。

csvファイルを選択

 

(3)「送信」ボタンをクリックします。

「送信」ボタンをクリック

 

 

詳細設定

詳細設定を行うことで、よりお客様の要求に合ったチャットをつくることができます。         
ビジネスライトプラン以上でご利用可能な機能です。         
「デザイン」>「デザインテンプレート」>「詳細設定を表示」をクリックすることで、各項目の詳細な設定ができます。

詳細設定


 

カラーの詳細設定

(1) 色部分をクリックし、各項目の色をカラーチャートから選択します。         
※「デザイン」>「デザインテンプレート」>「詳細設定を表示」>「オフライン時に枠色を変更」にチェックを入れると、オフライン時の枠色も変更可能です。

カラーの詳細設定

 

(2)「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

背景画像の詳細設定

詳しくは、こちらのページ「背景画像を指定する方法」をご覧ください。 


 

チャットウインドウの詳細設定

(1) 「デザイン」>「デザインテンプレート」>「詳細設定を表示」から必要箇所にチェック、入力します。         
※文字フォントの変更はプレミアムプラン以上でご利用可能な機能です。


チャットウインドウの詳細設定

文字フォントの変更

 

「デザイン」>「デザインテンプレート」>「詳細設定を表示」>「オプションを表示する」にチェックすると、訪問者のチャットウインドウにオプションが表示されます。         
訪問者がオプションをクリックすると、通知音の設定ができます。   

 

チャットウインドウオプションが表示

 

 

(3)「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

各種設定(メニュー)

サイト閲覧者に表示される、チャットの文言を変更する手順です。         
チャットプラスでは、チャットの文言やアイキャッチャーを自由に設定できます。         
※メニューの「待機」「オンライン」「オフライン」「順番待ち」「チャット中」「終了」で表示される「詳細設定を表示」は、ビジネスライトプラン以上でご利用いただけます。より詳細に設定を行うことができます。

 

待機

■アイキャッチャーとは         
アイキャッチャーは営業時間中にサイトの右下に表示されます。         
サイトを訪れた閲覧者が気軽にチャットをサポート窓口に送ることができます。  

 

アイキャッチャー

 

アイキャッチャーの変更方法

アイキャッチャーは変更することができます。         
お客様がご用意された画像もお使い頂けます。         
詳しくは、「アイコンを変える方法」をご覧ください。

 

アイキャッチャーの表示方法、位置、サイズ設定

アイキャッチャーの表示方法等変更する場合は、「アイキャッチャーの表示位置、表示タイミングを調整する」をご覧ください。

 

スマートフォンでチャットを非表示にする設定

(1) 管理画面右上の設定ボタンをクリックします。

設定ボタンクリック

 

(2) 画面左「デザイン」>「アイキャッチャー」をクリックします。

「デザイン」>「アイキャッチャー」クリック

 

(3)「モバイル」タブをクリックします。

「モバイル」タブクリック

 

(4)「アイキャッチャーを使用する」左横のチェックボックスのチェックを外します。

チェックボックス外す

 

(5)「更新」ボタンをクリックします。

「更新」ボタンをクリック

 

 

オンライン

訪問者に表示される、チャットオンライン時の表示内容を設定できます。


(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「オンライン」タブをクリックします。

「オンライン」タブクリック

 

(4) 必要箇所へチェック、入力します。         
1:チェックを入れると、非表示の設定ができます。         
2:訪問者がチャット開始したときに自動送信されるメッセージを入力します。         
3:チェックを入れると、初回メッセージに選択肢を追加できます。         
4:チェックを入れると、メッセージの表示タイミングや、表示位置を設定できます。

必要箇所へチェック入力

必要箇所へチェック入力

 

(5) 必要箇所に入力します。

必要箇所へチェック入力

必要箇所へチェック入力

 

(6) 必要箇所にチェックし「更新」ボタンをクリックします。

必要箇所にチェック

「更新」ボタンクリック

 

 

詳細設定

詳細設定を行うことで、よりお客様の要求に合ったチャットをつくることができます。         
ビジネスライトプラン以上でご利用可能な機能です。


 

チャット再開時のメッセージ設定方法

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

チャットボット」>「ステータス別設定」クリック

 

(3)「オンライン」タブをクリックします。

オンライン」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」をクリック

 

(5)「再開時にも初回メッセージを出す」、「再開時の初回メッセージを使用する」にチェックを入れます。

「再開時にも初回メッセージを出す」、「再開時の初回メッセージを使用する」にチェック

 

(6)「再開時の初回メッセージ」欄に、チャット再開時に表示するメッセージを入力します。         
※「選択肢を追加」にチェックを入れ、選択肢を入力すると初回メッセージとは異なる選択肢を表示させることもできます。

チャット再開時に表示するメッセージを入力

 

 

オフライン時の初回メッセージ設定方法

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンをクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「オンライン」タブをクリックします。

「オンライン」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」をクリック

 

(5)「オフライン時にも初回メッセージを出す」、「オフライン初回メッセージを使用する」にチェックを入れます。

「オフライン時にも初回メッセージを出す」、「オフライン初回メッセージを使用する」にチェックを入れる

 

(3)「オフライン初回メッセージ」欄に、オフライン時に表示させるメッセージを入力します。         
※「選択肢を追加」にチェックを入れ、選択肢を入力すると、初回メッセージとは異なる選択肢を表示させることもできます。

オフライン時に表示させるメッセージを入力

 

初回メッセージの設定は、チャット>機能>初回メッセージからでも行えます。         
詳しくは、こちらのページ「初回メッセージの設定方法」をご覧ください。

 

 

オフライン

訪問者に表示される、チャットオフライン時の表示内容を設定できます。


(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「オフライン」タブをクリックします。

「オフライン」タブクリック

 

(4) 必要箇所に入力します。

必要箇所に入力

 

(5) 入力項目を設定し、「更新」ボタンをクリックします。         
1:名前・メールアドレスはデフォルトで必須項目のため、削除できません。         
2:クリックすると、不要な項目を削除できます。         
3:入力項目にしたい項目名を入力します。         
4:チェックすると、該当の項目を必須入力の項目にできます。         
5:プルダウンから質問タイプを選択します。         
  ※タイトル、テキスト、テキストエリア、ラジオボタン、チェックボックス、セレクトボックスの中から選択します。         
6:クリックすると、入力項目を追加できます。

入力項目追加

 

(6)「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

詳細設定

詳細設定を行うことで、よりお客様の要求に合ったチャットをつくることができます。          
ビジネスライトプラン以上でご利用可能な機能です。

 

 

オフラインフォーム設定

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「オフライン」タブをクリックします。

「オフライン」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」クリック

 

(5) 各枠内に、任意の文字列を入力します。         
※必須項目未入力時のメッセージは、「%title%を入力してください」と入力すると、変数部分に必須項目として設定した内容が表示されます。

任意の文字列入力

 

(6)「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

オフラインフォームでメッセージを受け付けない設定

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「オフライン」タブをクリックします。

オフライン」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」クリック

 

(5)「メッセージを受け付けない」左横のチェックボックスにチェックを入れ、「更新」ボタンをクリックします。

「更新」ボタンクリック

 

 

順番待ち

訪問者に表示される、順番待ち時の表示内容を設定できます。

 

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」

 

(3)「順番待ち」タブをクリックします。

「順番待ち」タブクリック

 

(4) 必要箇所にチェック、入力し「更新」ボタンをクリックします。         
1:チェックを入れると、ページ読み込み時に順番待ちだった場合、チャット枠が表示されなくなります。         
※順番待ちになる前にチャットウインドウが開いており、訪問者がチャットを開始するまでの間に順番待ちとなったときは表示されます。         
2:タイトルを入力します。         
3:説明文を入力します。

「更新」ボタンをクリック

 

 

詳細設定

詳細設定を行うことで、よりお客様の要求に合ったチャットをつくることができます。         
ビジネスライトプラン以上でご利用可能な機能です。

 

 

順番待ちの人数制限設定

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「順番待ち」タブをクリックします。

「順番待ち」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」をクリック

 

(5)「順番待ちの人数制限を設定する」にチェックを入れ、枠内に任意の数値・文字列を入力します。

枠内に任意の数値・文字列を入力

 

(6)「更新」ボタンをクリックします。

「更新」ボタンをクリック


 

チャットの順番処理を「選択方式」にしている場合の表示内容設定 

■選択方式:順番に並んでいるお客様を、オペレーターが選択し、チャットを開始する方式

 

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「順番待ち」タブをクリックします。

「順番待ち」タブクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」クリック

 

(5)「選択方式の表示内容を設定する」にチェックを入れ、枠内に任意の文字列を入力します。

枠内に任意の文字列を入力

 

(6)「更新」ボタンをクリックします。

「更新」ボタンクリック

※チャットの順番処理の変更方法については、「チャットの順番処理設定」をご覧ください。

 

 

チャット中

訪問者に表示される、チャット中の表示内容を設定できます。

 

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「チャット中」タブをクリックします。

「チャット中」クリック

 

(4) 必要箇所にチェック、入力します。

必要箇所にチェック、入力


※「デザイン」>「デザインテンプレート」でベーシックテーマを選択している場合、(4)の画面でロゴ登録の項目が表示されます。         
「ロゴを表示する」にチェックを入れ、「ロゴを登録」ボタンから、用意した画像を登録できます。

「ロゴを表示する」にチェック

「ロゴを登録」ボタン

 

(5)「更新」ボタンをクリックします。

「更新」ボタンをクリック

 

 

詳細設定

詳細設定を行うことで、よりお客様の要求に合ったチャットをつくることができます。          
ビジネスライトプラン以上でご利用可能な機能です。

 

 

入力案内文と送信ボタンのテキスト設定

(1) 管理画面右上の設定ボタンをクリックします。 

設定ボタンをクリック

 

(2) 画面左「チャットボット」>「ステータス別設定」をクリックします。

「チャットボット」>「ステータス別設定」クリック

 

(3)「チャット中」タブをクリックします。

「チャット中」タブをクリック

 

(4)「詳細設定を表示」をクリックします。

「詳細設定を表示」クリック

 

(5) 枠内に、入力案内文と送信ボタンのテキストを入力します。

 

このQ&Aは役に立ちましたか