Utilice este artículo para crear un script que cargue un Web Widget diferente en función de cuándo un usuario abre el sitio web o el tema, y su zona horaria.

Este enfoque es beneficioso para los negocios que operan en varios países y usan la mensajería. Puede evitar el envío de tickets fuera del horario comercial sin necesidad de configurar varias marcas, widgets, flujos y horarios. El flujo de trabajo incluye estos pasos:

  • Paso 1: Crear dos marcas
  • Paso 2: Crear dos Web Widgets
  • Paso 3: Opcional, cree bots vinculados a sus Web Widgets
  • Paso 4: Implementar el script
  • Paso 5: Personalizar su script
Descargo de responsabilidad: Este artículo se ofrece con fines de instrucción únicamente. Zendesk no garantiza ni da soporte para la programación personalizada. Publique cualquier problema en la sección de comentarios o intente buscar una solución en línea.

Paso 1: Crear dos marcas

Cree dos marcas:

  • Una marca para el horario sin conexión
  • Otra marca para el horario en línea

Paso 2: Crear dos Web Widgets

Cree dos Web Widgets, uno para cada marca que haya creado.
Agregar canal.png

Paso 3: Opcional, cree bots vinculados a sus Web Widgets

Para cada Web Widget, siga estos detalles:

  • Web Widget desconectado: Si crea un bot vinculado a su Web Widget, asegúrese de que el flujo no finalice en el paso Transferir a agente y use las funciones de autoservicio y IA
  • Online Web Widget: Si crea un bot vinculado a su segundo Web Widget, ese flujo puede finalizar en el paso Transferir a agente y usar las funciones de autoservicio e IA

Paso 4: Implementar el script

Agregue este script al código fuente de su tema o sitio web. Colóquelo en el archivo de encabezado, antes de la etiqueta </header>.

<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>

Paso 5: Personalizar su script

  1. En el script, reemplace YOUR_OWN_WIDGET_SCRIPT con el código fuente de los widgets en la pestaña Instalación

    Nota: Coloque el script dentro de ' de comillas únicas y escape de la etiqueta de script final. Por ejemplo:
     

    '<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
  2. Ajuste el horario comercial actualizando los const startShift y const finishShift en el script para que coincidan con su horario

Descargo de responsabilidad de la traducción: Este artículo ha sido traducido usando software de traducción automática para proporcionar una idea básica del contenido. Se han realizado esfuerzos razonables para proporcionar una traducción exacta, sin embargo, Zendesk no garantiza la exactitud de la traducción.

Si surge alguna pregunta relacionada con la exactitud de la información incluida en el artículo traducido, consulte la versión en inglés del artículo, que es la versión oficial.

Tecnología de Zendesk