Configurer son chatbot-web en fonction des jours et horaires
Commencez par récupérer sur la plateforme le code permettant d’afficher le Chatbot. Vous trouverez la démarche dans la documentation suivante : Comment installer mon chatbot sur mon site web
Veuillez remplacer les lignes suivantes :
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = 'https://cbassets-stage.botnation.ai/js/widget.js';
js.async = true;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'chatbox-jssdk'));
Par les lignes ci dessous :
var now = new Date();
var isOpened = false;
var daysOpeningHours=[{
dayOfWeek: 1,
openingHours: [['8:00','12:00'],['13:00','19:00']]
}, {
dayOfWeek: 2,
openingHours: [['8:00','12:00'],['13:00','19:00']]
}, {
dayOfWeek: 3,
openingHours: [['8:00','12:00'],['13:00','19:00']]
}, {
dayOfWeek: 4,
openingHours: [['8:00','12:00'],['13:00','19:00']]
}, {
dayOfWeek: 5,
openingHours: [['8:00','12:00'],['13:00','19:00']]
}];
var dayOpeningHoursIndex = daysOpeningHours.findIndex(d => d.dayOfWeek == now.getDay());
if (dayOpeningHoursIndex > -1) {
var openingHours = daysOpeningHours[dayOpeningHoursIndex].openingHours;
for (var i=0; i < openingHours.length; i++) {
var start = openingHours[i][0].split(':').map(n => parseInt(n));
var end = openingHours[i][1].split(':').map(n => parseInt(n));
if ((start[0] < now.getHours() || (start[0] == now.getHours() && start[1] < now.getMinutes()))
&& (end[0] > now.getHours() || (end[0] == now.getHours() && end[1] > now.getMinutes()))
) {
isOpened = true;
break;
}
}
}
setTimeout(() => {
if (!isOpened) return;
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = 'https://cbassets-stage.botnation.ai/js/widget.js';
js.async = true;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'chatbox-jssdk'));
}, 0);
Ensuite vous pouvez régler vos horaires d’ouverture en modifiant le tableaux nommé daysOpeningHours
Vous pouvez ajouter autant de plages horaires que vous souhaitez à chaque jour en respectant le format :
[[‘hh:mm’, ‘hh:mm’], [‘hh:mm’, ‘hh:mm’], …, [‘hh:mm’, ‘hh:mm’]]
dayOfWeek vaut : 0 pour dimanche, 1 pour lundi, …, 6 pour samedi.