이 문서를 사용하여 사용자가 웹사이트나테마를여는 시간과 해당 시간대에 따라 다른 웹 위젯 로드하는 스크립트를 만듭니다.

이 접근 방식은 여러 국가에서 운영되며 메시징을 사용하는 비즈니스에 유용합니다. 여러 브랜드, 위젯, 플로우 및 일정을 설정하지 않고도 업무 시간 외에 티켓이 제출되지 않도록 할 수 있습니다. 워크플로우에는 다음 단계가 포함됩니다.

  • 1단계: 두 개의 브랜드 만들기
  • 2단계: 두 개의 웹 위젯 만들기
  • 3단계: 선택 사항, 웹 위젯에 연결된 봇 만들기
  • 4단계: 스크립트 구현
  • 5단계: 스크립트 사용자 지정
고지 사항: 이 문서는 안내 목적으로만 제공되고 있습니다. Zendesk는 사용자 지정 코드를 지원하거나 보장하지 않습니다. 문제가 있으면 댓글 섹션에 게시하거나 온라인에서 해결 방법을 검색해 보세요.

1단계: 두 개의 브랜드 만들기

두 개의브랜드만들기 :

  • 오프라인 시간을 위한 하나의 브랜드
  • 온라인 시간을 위한 또 다른 브랜드

2단계: 두 개의 웹 위젯 만들기

만든 각 브랜드에 대해 하나씩 두 개의웹 위젯을만듭니다.
채널 추가.png

3단계: 선택 사항, 웹 위젯에 연결된 봇 만들기

각 웹 위젯 에 대해 다음 세부 정보를 따르세요.

  • 오프라인 웹 위젯: 웹 위젯 에 연결된봇을 만드는경우에는 플로우가상담사에게 연결단계에서 종료되지 않도록 하고 셀프 서비스 기능 및 AI 사용합니다.
  • 온라인 웹 위젯: 두 번째 웹 위젯 에 연결된봇을 만드는경우에는상담사에게 연결단계에서 해당 플로우가 종료되고 셀프 서비스 기능 및 AI 사용할 수 있습니다.

4단계: 스크립트 구현

테마나 웹사이트의 소스 코드에 이 스크립트를 추가합니다. 헤더 파일에서 </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>

5단계: 스크립트 사용자 지정

  1. 스크립트에서 다음을 바꿉니다. YOUR_OWN_WIDGET_SCRIPT 설치탭에서 위젯의 소스 코드로

    참고: 스크립트를 작은따옴표 안에 넣으세요. '종료 스크립트 태그를 이스케이프합니다. 예:
     

    '<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=WIDGET_KEY"><\/script>'
  2. 업데이트하여 업무 시간 조정 const startShift및 const finishShift시간과 일치하도록 스크립트에서

번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.

번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.

Zendesk 제공