Utilisez cet article pour créer un script qui charge un Web Widget différent en fonction du moment où un utilisateur ouvre votre site Web ou thème, ainsi que son fuseau horaire.

Cette approche est intéressante pour les entreprises actives dans plusieurs pays et qui utilisent la messagerie. Vous pouvez empêcher l’envoi de tickets hors des heures ouvrées sans configurer plusieurs marques, widgets, workflows et emplois du temps. Le workflow inclut les étapes suivantes :

  • Étape 1 : Créer deux marques
  • Étape 2 : Créer deux Web Widgets
  • Étape 3 : (Facultatif) Créer des bots liés à vos Web Widgets
  • Étape 4 : Implémentez le script
  • Étape 5 : Personnaliser votre script
Exonération : Cet article est fourni à titre informatif uniquement. Zendesk ne prend pas en charge ni ne garantit le code personnalisé. Si vous rencontrez des problèmes, publiez-en la description dans la section des commentaires ou essayez une solution en ligne.

Étape 1 : Créer deux marques

Créez deux marques :

  • Une marque pour les heures hors ligne
  • Une autre marque pour les heures en ligne

Étape 2 : Créer deux Web Widgets

Créez deux Web Widgets, un pour chaque marque que vous avez créée.
Add channel.png

Étape 3 : (Facultatif) Créer des bots liés à vos Web Widgets

Pour chaque Web Widget, suivez ces détails :

  • Web Widget hors ligne : Si vous créez un bot lié à votre Web Widget, vérifiez que le workflow ne se termine pas à l’étape Transférer à un agent et utilisez les fonctionnalités de self-service et IA.
  • Web Widget en ligne : Si vous créez un assistant lié à votre deuxième Web Widget, ce workflow peut se terminer à l’étape Transférer à un agent et utiliser les fonctionnalités de self-service et IA.

Étape 4 : Implémentez le script

Ajoutez ce script au code source de votre thème ou site Web. Placez-le dans le fichier d’en-tête, avant la balise </header> de fermeture.

<script>
// Get the user's time zone
const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;

// Get the current date and time in the user's time zone
const currentDateTime = new Date();
const currentHour = currentDateTime.getHours();
const currentDay = currentDateTime.getDay(); // 0 = Sunday, 1 = Monday, ..., 6 = Saturday

// Save the script of the widget to load
let widgetScript;

// Set the times when your agents start and finish their shift
const startShift = 9;
const finishShift = 17;

// Check if the current day is a weekday and if the current hour is within business hours
if (currentDay >= 1 && currentDay <= 5 && currentHour >= startShift && currentHour < finishShift) {
  widgetScript = 'YOUR_OWN_WIDGET_SCRIPT'; // Online widget script
} else {
  widgetScript = 'YOUR_OFFLINE_WIDGET_SCRIPT'; // Offline widget script
}

document.write(widgetScript);
</script>

Étape 5 : Personnaliser votre script

  1. Dans le script, remplacez YOUR_OWN_WIDGET_SCRIPT par le code source de vos widgets à partir de l’onglet Installation

    Remarque : Placez le script entre guillemets simples ' et échapez la balise de fin de script. Par exemple :
     

    '<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
  2. Ajuster les horaires d’ouverture en mettant à jour const startShift et const finishShift dans le script pour correspondre à vos heures

Traduction - exonération : cet article a été traduit par un logiciel de traduction automatisée pour permettre une compréhension élémentaire de son contenu. Des efforts raisonnables ont été faits pour fournir une traduction correcte, mais Zendesk ne garantit pas l’exactitude de la traduction.

Si vous avez des questions quant à l’exactitude des informations contenues dans l’article traduit, consultez la version anglaise de l’article, qui représente la version officielle.

Réalisé par Zendesk