2018年1月16日(火)よりサポートサイトはhttps://support2.karte.ioへ移行しました。

ウェブチャット-チャットの接客サービスを作成する

接客サービスを設定する


新規接客サービスの作成
チャットの設定は接客サービス一覧から作成できます。接客サービスから「新規作成<自分で作る」を選択し、「接客のデザインテンプレートから選んで追加する」を選択してください。

__________2017-05-18_13.01.45.png

テンプレートの選択
デザインテンプレートの「TALK」内の「KARTEチャットテンプレート(アイコン)」を選択します。
__________2017-05-18_13.04.56.png

 

アクションの編集

アクションの編集を行い、通常の接客サービスの流れと同様にその後の設定を進めてください。

__________2017-05-18_13.07.52.png

アクション 概要説明
表示までの秒数 チャットを表示するまでの秒数
オフラインの名前 アイコンクリック後に表示されるチャットのタイトルです。また、アカウントで設定していない場合はオンライン時のチャットタイトルとなります。
固定の挨拶

オンラインの時にチャットのアイコンから吹き出しで表示されるメッセージです。
オフラインの時は表示されません。

一度だけ配信される挨拶 ユーザーに対して一度だけ配信されるテキストです。オンライン時は吹き出しとして表示されます。テキストの内容を変更すると再度表示されます。固定の挨拶が先に表示されてしまう場合もあります。
オフライン時の説明文 オフライン時にチャットのアイコンをクリック後のチャットページ際に表示されるテキストです。お問い合わせ窓口のご案内を推奨いたします。
テーマカラー

テーマカラー :オンライン画像の画像が登録されていない場合のアイコン色、チャットページの「送信」ボタン、お客様からのメッセージの色が変更されます。
ヘッダーカラー:チャットページのヘッダーの色が変更になります。
ヘッダーフォント:チャットページのヘッダーのフォントが変更になります。

オフライン画像

アカウントで画像を設定していない場合、チャットのアイコンで表示される画像となります。オンライン/オフライン時ともに同じ画像となります。アカウントお客様に安心してチャットをいただけるように顔写真を推奨いたします。

 
その他、アイコンのカスタマイズ方法

1.アイコン位置の変更
チャットアイコンの位置を変更したい場合はアクション編集のカスタマイズのCSSに以下を追加してご利用ください。

・CSSの記述内容

#karte-container .karte-launcher {
margin-bottom: XXpx; margin-right: XXpx;
}

・カスタマイズ画面

Screenshot1.png


2.吹き出しの背景色を変更したい

吹き出しの背景色を変更した場合は以下をCSSに追加し、カスタマイズのvariablesで切り出すとビジュアルで背景色を変更することが可能になります。

・CSSでの記述内容

#karte-launcher .karte-launcher-preview-caret:after{
    border-left-color: {{message_bg_color}};
}
#karte-launcher .karte-launcher-preview{
    background-color: {{message_bg_color}};
}
#karte-launcher .karte-launcher-preview-body:before{
    background-image: linear-gradient(0deg, {{message_bg_color}}, {{message_bg_color}}, {{message_bg_color}});
}


・カスタマイズ画面


・variablesでの記述方法

 

公開設定

チャットの場合、対象ユーザーに対しては常に窓口を開いておく「アクセス毎に配信」を推奨しております。


設定時の注意

チャットと通常の接客サービスを同じ対象ユーザー、配信ページに設定し表示箇所が同じだった場合、重複して表示されます。表示位置をチャットと分けるかチャットの配信ページが重複しないように変更をお願いします。