Use este artigo para criar um script que carrega um Web Widget diferente com base no momento em que um usuário abre seu site ou tema e seu fuso horário.
Essa abordagem é útil para empresas que operam em vários países e usam mensagens. Você pode impedir o envio de tickets fora do horário de operação sem configurar várias marcas, widgets, fluxos e programações. O fluxo de trabalho inclui as etapas a seguir:
- Etapa 1: Criar duas marcas
- Etapa 2: Criar dois Web Widgets
- Etapa 3: Opcionalmente, crie bots vinculados aos seus Web Widgets
- Etapa 4: Implemente o script
- Etapa 5: Personalize seu script
Etapa 1: Criar duas marcas
Crie duas marcas:
- Uma marca para horário de inatividade
- Outra marca para o horário de atendimento on-line
Etapa 2: Criar dois Web Widgets
Crie dois Web Widgets, um para cada marca que você criou.
Etapa 3: Opcionalmente, crie bots vinculados aos seus Web Widgets
Para cada Web Widget, siga estes detalhes:
- Web Widget offline: Se você criar um bot vinculado ao seu Web Widget, verifique se o fluxo não termina na etapa Transferir para o agente e use recursos de autoatendimento e IA
- Web Widget online: Se você criar um bot vinculado ao seu segundo Web Widget, esse fluxo pode terminar na etapa Transferir para o agente e usar recursos de autoatendimento e IA
Etapa 4: Implemente o script
Adicione este script ao código-fonte do seu tema ou website. Coloque-o no arquivo de cabeçalho, antes da tag </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>
Etapa 5: Personalize seu script
-
No script, substitua
YOUR_OWN_WIDGET_SCRIPTpelo código-fonte de seus widgets na aba InstalaçãoObservação: Coloque o script dentro do
'de aspas únicas e escape da tag de script final. Por exemplo:
'<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
- Ajuste o horário de operação atualizando
const startShifteconst finishShiftno script para corresponder ao seu horário
Aviso sobre a tradução: este artigo foi traduzido por um software de tradução automática para oferecer a você uma compreensão básica do conteúdo. Medidas razoáveis foram tomadas para fornecer uma tradução precisa, no entanto, a Zendesk não garante a precisão da tradução.
Em caso de dúvidas relacionadas à precisão das informações contidas no artigo traduzido, consulte a versão oficial do artigo em inglês.