{"id":4714,"date":"2023-07-25T11:17:38","date_gmt":"2023-07-25T09:17:38","guid":{"rendered":"https:\/\/botnation.ai\/set-launch-times-for-my-web-chatbot\/"},"modified":"2026-01-02T16:34:28","modified_gmt":"2026-01-02T15:34:28","slug":"set-launch-times-for-my-web-chatbot","status":"publish","type":"support","link":"https:\/\/botnation.ai\/en\/support\/set-launch-times-for-my-web-chatbot\/","title":{"rendered":"Set launch times for my web chatbot"},"content":{"rendered":"

Configurer son chatbot-web en fonction des jours et horaires <\/p>\n\n

Commencez par r\u00e9cup\u00e9rer sur la plateforme le code permettant d\u2019afficher le Chatbot. Vous trouverez la d\u00e9marche dans la documentation suivante :\u00a0Comment installer mon chatbot sur mon site web<\/a><\/p>\n\n

Veuillez remplacer les lignes suivantes :<\/p>\n\n

(function (d, s, id) {
\u00a0 \u00a0var js, fjs = d.getElementsByTagName(s)[0];
\u00a0 \u00a0if (d.getElementById(id)) {
\u00a0 \u00a0 \u00a0return;
\u00a0 \u00a0}
\u00a0 \u00a0js = d.createElement(s);
\u00a0 \u00a0js.id = id;
\u00a0 \u00a0js.src = 'https:\/\/cbassets-stage.botnation.ai\/js\/widget.js';
\u00a0 \u00a0js.async = true;
\u00a0 \u00a0fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'chatbox-jssdk'));<\/pre>\n\n
Par les lignes ci dessous :<\/p>\n\n
\u00a0 \u00a0 \u00a0 \u00a0 var now = new Date();
\u00a0 \u00a0 \u00a0 \u00a0 var isOpened = false;
\u00a0 \u00a0 \u00a0 \u00a0 var daysOpeningHours=[{
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 dayOfWeek: 1,
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 openingHours: [['8:00','12:00'],['13:00','19:00']]
\u00a0 \u00a0 \u00a0 \u00a0 }, {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 dayOfWeek: 2,
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 openingHours: [['8:00','12:00'],['13:00','19:00']]
\u00a0 \u00a0 \u00a0 \u00a0 }, {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 dayOfWeek: 3,
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 openingHours: [['8:00','12:00'],['13:00','19:00']]
\u00a0 \u00a0 \u00a0 \u00a0 }, {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 dayOfWeek: 4,
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 openingHours: [['8:00','12:00'],['13:00','19:00']]
\u00a0 \u00a0 \u00a0 \u00a0 }, {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 dayOfWeek: 5,
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 openingHours: [['8:00','12:00'],['13:00','19:00']]
\u00a0 \u00a0 \u00a0 \u00a0 }];
\u00a0 \u00a0 \u00a0 \u00a0 var dayOpeningHoursIndex = daysOpeningHours.findIndex(d => d.dayOfWeek == now.getDay());
\u00a0 \u00a0 \u00a0 \u00a0 if (dayOpeningHoursIndex > -1) {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0var openingHours = daysOpeningHours[dayOpeningHoursIndex].openingHours;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0for (var i=0; i < openingHours.length; i++) {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var start = openingHours[i][0].split(':').map(n => parseInt(n));
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var end = openingHours[i][1].split(':').map(n => parseInt(n));
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if ((start[0] < now.getHours() || (start[0] == now.getHours() && start[1] < now.getMinutes()))
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&& (end[0] > now.getHours() || (end[0] == now.getHours() && end[1] > now.getMinutes()))
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ) {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0isOpened = true;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0break;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0}
\u00a0 \u00a0 \u00a0 \u00a0 }
\u00a0 \u00a0 \u00a0 \u00a0 setTimeout(() => {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0if (!isOpened) return;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0(function (d, s, id) {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var js, fjs = d.getElementsByTagName(s)[0];
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (d.getElementById(id)) {
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0return;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 js = d.createElement(s);
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 js.id = id;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 js.src = 'https:\/\/cbassets-stage.botnation.ai\/js\/widget.js';
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 js.async = true;
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 fjs.parentNode.insertBefore(js, fjs);
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }(document, 'script', 'chatbox-jssdk'));
\u00a0 \u00a0 \u00a0 \u00a0}, 0);<\/pre>\n\n
Ensuite vous pouvez r\u00e9gler vos horaires d\u2019ouverture en modifiant le tableaux nomm\u00e9 daysOpeningHours<\/em><\/p>\n\n
Vous pouvez ajouter autant de plages horaires que vous souhaitez \u00e0 chaque jour en respectant le format :<\/p>\n\n
[[\u2018hh:mm\u2019, \u2018hh:mm\u2019], [\u2018hh:mm\u2019, \u2018hh:mm\u2019], \u2026, [\u2018hh:mm\u2019, \u2018hh:mm\u2019]]<\/p>\n\n
dayOfWeek <\/em>vaut : 0 pour dimanche, 1 pour lundi, \u2026, 6 pour samedi.<\/p>\n\n
En plus :<\/strong>
\u2013\u00a0Comment installer mon chatbot sur mon site web<\/a><\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[198,222,221],"class_list":["post-4714","support","type-support","status-publish","hentry","categorie-support-tutorials","categorie-support-variables-en","categorie-support-web-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support\/4714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=4714"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categorie-support?post=4714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}