ホーム > よくあるご質問 > ライブチャットに営業時間を設定することはできますか?

ライブチャットに営業時間を設定することはできますか?

営業時間を設定してチャットボタンの表示を自動で制御する方法をご案内します。

チャットボタンを設置しているWebページにJavaScriptのコードを追加することで、チャットボタンの表示を自動で制御することができます。

通常、オンライン/オフラインを切り替えるにはエージェントパネル右上のアイコンから手動で設定しますが、この営業時間設定をするとウェブサイト上のチャットボタンの表示を自動で制御するため、オフラインにし忘れて時間外の着信を受け付けてしまうことを防げます。

下記の例は、月曜~金曜の10:00~18:00(JST)、土日には10:00~15:00(JST)にあなたのウェブサイト上でチャットボタンを表示し、時間外には問い合わせボタンに自動的に切り替える方法を示しています。

 

1. 「設定」>「チャット」>「チャットボタン」でチャットボタンを作成、「設定」>「問い合わせフォーム」>「問い合わせボタン」で問い合わせボタンを作成、「連携」で表示されるボタンのIDをコピーします。

 

 

2. あなたのウェブサイト上で次のスクリプトを使用します。

 

<script type="text/javascript">
// week days and times definitions
var workingDays1 = [1,2,3,4,5];
var startHour1 = 10;
var endHour1 = 18;

// weekend days and times definitions
var workingDays2 = [6,7];
var startHour2 = 10;
var endHour2 = 15;

var currentTime = new Date();
var currentHour = currentTime.getUTCHours()+9;
var currentDay = currentTime.getUTCDay();

if ((workingDays1.indexOf(currentDay) != -1 && (currentHour >= startHour1 && currentHour < endHour1)) || (workingDays2.indexOf(currentDay) != -1 && (currentHour >= startHour2 && currentHour < endHour2))) {
    // CHAT BUTTON CODE
    (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
    'https://貴社のドメイン.liveagent.jp/scripts/track.js',
    function(e){ LiveAgent.createButton('チャットボタン_ID', e); });
} else {
    // CONTACT FORM CODE
    (function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
    'https://貴社のドメイン.liveagent.jp/scripts/track.js',
    function(e){ LiveAgent.createButton('問い合わせボタン_ID', e); });
}
</script>

 

※コードで日時の間隔を2つ定義することができます。
※曜日は月曜日が「1」、木曜日が「4」といった数値表現を使用する必要があります。
※時間は24時間形式を使用します。
※コードの "else"部分全体を省略すると、時間外にはボタンが非表示になります。