가상 에이전트 봇의 브랜딩 설정

인스턴스를 사용하는 다양한 조직에 대해 서로 다른 가상 에이전트 브랜딩 구성을 만듭니다. 이러한 구성은 웹 기반 채팅 및 모바일 클라이언트에만 적용됩니다.

시작하기 전에

를 가상 에이전트 사용하는 ServiceNow® 모바일경우 모바일 채팅을 설정해야 합니다. 자세한 내용은 모바일 애플리케이션용 구성 가상 에이전트ServiceNow 문서를 참조하십시오.

에서 ServiceNow Store옴니 경험 표준 기능 세트 애플리케이션의 업데이트 및 개선 사항을 확인합니다.

주:

에서 Microsoft Teams와의 대화 통합 봇에 대한 브랜딩은 앱 커스터마이제이션 기능을 통해 사용할 수 Microsoft Teams 있습니다. 자세한 내용은 Now 커뮤니티의 대화 통합을 위한 MS Teams 브랜딩 을 참조하십시오. 의 Slack 봇에 대한 브랜딩도 가능합니다. 자세한 내용은 에서 봇에 대한 가상 에이전트 브랜딩 구성 Slack 문서를 참조하십시오.

필요한 역할: virtual_agent_admin 또는 admin

프로시저

1. 다음으로 이동 모두 > 대화형 인터페이스 > 설정.
2. Display Options(표시 옵션) 섹션에서 Branding(브랜딩) 옆에 있는 View All(모두 보기)을 선택합니다.
3. 새로 만들기를 선택하여 브랜딩 구성을 만들거나 업데이트할 브랜딩 구성 기록을 선택합니다.
4. 양식에서 필드를 채웁니다.

   레이블	설명
   브랜딩 이름	브랜딩 구성의 이름입니다. 새 브랜딩 구성을 만들거나 사용 가능한 선택 사항 중 하나를 선택합니다. 릴리스의 Zurich 경우 선택 항목은 다음과 같습니다. 폴라리스 다크 폴라리스 라이트
   채팅 헤더	채팅 창 헤더에서 회사 또는 조직을 식별하는 텍스트 문자열입니다. 예: Acme 지원
   봇 메시지 사이의 최소 지연 시간(ms)	봇 응답 간에 발생하는 최소 지연 시간(밀리초)입니다. 기본 지연은 500ms입니다.
   입력 애니메이션을 표시하기 전의 최소 지연(ms)	봇이 사용자 입력을 처리하고 있음을 나타내는 애니메이션 줄임표를 표시하기 전에 발생하는 최소 지연 시간(밀리초)입니다.
   메뉴 제목	지원 메뉴의 이름입니다. 기본 제목은 지원 서비스에 문의입니다.
   브랜딩 키	입력한 브랜딩 이름을 반영하는 구성의 읽기 전용 sys_id입니다. 키는 소문자이며 공백은 밑줄 문자로 대체됩니다.
   단추 선택 텍스트	위의 새 메시지 또는 아래 새 메시지 단추의 글꼴 색입니다.
   봇 프로파일	봇 사진(아바타)이 포함된 새 봇 사용자 프로파일을 선택하거나 만들 수 있는 라이브 프로파일 양식을 여는 목록입니다. 이 봇 사진은 채팅 메시지에 나타납니다. 가상 에이전트 또는 Now Assist 봇 프로파일을 검토하고 편집하려면 정보 아이콘을 선택합니다. 봇 사진 또는 설명을 변경하려면 페이지 상단의 메시지에서 기록 편집을 선택합니다. 라이브 프로필 양식에서 필드를 수정하고 업데이트를 선택합니다. 구성에 대한 봇을 선택하거나 변경하려면 검색 아이콘을 선택하고 봇 프로파일 필드를 선택합니다. 이전 단계에서 생성한 봇 프로필을 선택합니다.
   채팅 헤더 로고	채팅 헤더에 표시되는 로고 이미지입니다. 라이브 채팅이 브라우저 창에서 실행되면 로고도 브라우저 탭에 표시됩니다. 채팅 헤더 로고는 42x42픽셀로 설정되고, 채팅 메시지 로고는 24x24픽셀로 설정됩니다. 업로드된 이미지가 이 크기보다 작으면 늘어난 상태로 표시됩니다. 더 큰 이미지는 축소됩니다. 로고를 추가하려면 이미지 첨부 를 선택하고 파일 검색기를 사용하여 이미지를 선택합니다. 로고를 변경하려면 이미지 보기를 선택합니다. 파일 검색기에서 새 로고 파일을 선택하고 확인을 선택합니다. 업데이트된 로고는 이 필드 아래에 표시됩니다. 로고를 제거하려면 휴지통 아이콘을 선택합니다. 파일이 즉시 삭제됩니다.
   "아래 새 메시지" 또는 "위에 새 메시지" 알림 표시 사용	이 옵션을 선택하면 채팅의 현재 뷰 아래 또는 위에 새 메시지에 대한 알림을 표시합니다.

5. 저장을 선택합니다.
   여기에서 채팅 클라이언트의 색상, 아이콘, 글꼴 유형 및 크기를 브랜드에 맞게 조정할 수 있습니다. 예를 들어, 다음과 같은 작업을 할 수 있습니다.

   • 항목 색상 변경
   • 아이콘 사용자 지정
   • 채팅에 사용되는 글꼴 사용자 지정
6. 채팅 창에서 항목의 색상을 변경하려면 색상 탭을 선택합니다.

   

   항목을 선택하고 해당 항목에 사용할 16진수 또는 빨강 청록색 알파(RGBA) 색상을 지정합니다. 이렇게 하면 예제 채팅 창에 변경 내용의 미리 보기가 표시됩니다.

   표 1. 각 항목의 색상 사용자 지정

   레이블	설명
   채팅 창
   채팅 헤더 배경	채팅 헤더의 배경색입니다.
   채팅 배경	채팅 창의 배경색입니다.
   메뉴 아이콘	대화를 종료하거나 고객 지원에 문의할 수 있는 사용자 옵션을 제공하는 메뉴 아이콘의 색상입니다.
   채팅 헤더 글꼴	채팅 헤더의 텍스트 글꼴 색입니다.
   입력 배경	사용자 입력 표시줄의 배경색입니다.
   채팅 메시지
   사용자 거품형 배경	사용자 채팅 버블의 배경색입니다.
   에이전트 bubble 배경	라이브 에이전트 채팅 거품의 배경색입니다.
   봇 bubble 배경	봇 채팅 거품의 배경색입니다.
   링크	대화에 표시되는 링크의 색상입니다.
   단추 배경	대화에 사용된 버튼의 배경색입니다.
   알림 배경	웹 채팅 클라이언트에서 전달되는 알림의 가상 에이전트 배경색입니다.
   사용자 거품형 글꼴	사용자 채팅 버블에 있는 텍스트의 글꼴 색입니다.
   에이전트 bubble 글꼴	라이브 에이전트 채팅 거품형 텍스트의 글꼴 색입니다.
   봇 bubble 글꼴	봇 채팅 버블에 있는 텍스트의 글꼴 색입니다.
   링크 해제됨	대화에서 해제된 링크의 색상입니다.
   알림 텍스트	웹 채팅 클라이언트에서 전달되는 알림의 가상 에이전트 글꼴 색입니다.
   기타
   시스템 메시지	대화에 표시되는 일반 시스템 메시지의 색상입니다.
   범주 배경	주제 목록 위에 있는 제목의 배경색입니다.
   구분 기호	미리 보기 창에서 각 대화를 구분하는 파선의 색입니다.
   타임스탬프	기록 생성과 같이 대화 중에 중요한 활동이 발생할 때 표시되는 타임스탬프 색상입니다.
   범주 글꼴	범주 제목에 있는 텍스트의 글꼴 색입니다.
   애니메이션 로드 중	시스템이 정보를 처리하고 있음을 나타내는 애니메이션 점의 색상입니다.

7. 채팅 창에서 채팅 아이콘을 사용자 지정하려면 아이콘 탭을 선택합니다.
   
   4개의 서로 다른 채팅 화면(기본 채팅 화면, 모든 주제 화면, 지원 메뉴, 최종 대화 화면)에서 아이콘을 사용자 지정할 수 있습니다. 이 탭을 사용하여 다음을 수행합니다.

   • 사용자 지정 아이콘 추가: 아이콘에 대해 추가를 선택한 다음, 이미지 첨부를 선택합니다. 이미지 파일을 선택한 후 적용을 선택합니다.
   • 사용자 지정 아이콘 바꾸기: 아이콘에 대해 바꾸기 를 선택합니다. 휴지통 아이콘을 선택하여 현재 이미지를 삭제한 다음 새 이미지를 업로드합니다.
   • 시스템 기본 아이콘으로 되돌리기: 아이콘에 대해 제거 를 선택합니다.
     주:

     시스템 기본 아이콘은 제거할 수 없습니다.

   구성 중에 아이콘을 지정하면 예제 채팅 창에 변경 내용의 미리 보기가 표시됩니다.

   주:

   브랜딩 페이지의 다른 설정과 달리 아이콘 변경 사항은 적용을 선택하는 즉시 채팅 위젯에 적용됩니다. 다른 변경 내용은 페이지 위쪽에서 저장을 선택할 때까지 적용되지 않습니다.

   유효한 파일 형식은 .jpg, .png, .bmp, .gif, .jpeg, .ico 및 .svg입니다.

8. 옵션: 글꼴 유형과 글꼴 크기를 사용자 지정합니다.

   사용 가능한 브랜딩 구성(예: Polaris-Light 또는 Polaris-Dark)은 여기에 있습니다.

   주:

   이 기능은 를 ServiceNow® Store통해 옴니 경험 표준 기능 세트를 설치하고 최신 버전으로 업데이트한 후에만 사용할 수 있습니다.

   채팅에 표시되는 글꼴을 사용자 지정하려면 글꼴 탭을 선택합니다.

   글꼴 유형을 변경하려면 다음 방법 중 하나를 선택합니다.

   1. 사용할 글꼴을 선택합니다.
      채팅 헤더 텍스트 드롭다운 목록에서 헤더에 사용할 글꼴을 선택합니다.

      채팅 본문 텍스트에 대해서도 동일한 작업을 수행합니다.

      새 글꼴의 예가 표시됩니다.
   2. URL에서 글꼴을 다운로드합니다.
      사용자 지정 글꼴 추가 드롭다운 목록에서 URL에서를 선택하고 URL을 지정한 다음 변경 내용을 적용합니다.
   3. 첨부된 파일에서 추가할 글꼴을 업로드합니다.
      사용자 지정 글꼴 추가 드롭다운 목록에서 글꼴 업로드를 선택하고 첨부할 파일의 경로를 지정한 다음 변경 내용을 적용합니다.

   채팅 헤더와 채팅 본문의 글꼴 크기를 변경하려면 다음을 수행합니다.

   1. Font body size(글꼴 본문 크기) 드롭다운에서 Regular(보통), Large(크게) 또는 Extra Large(아주 크게) 글꼴 크기를 선택합니다.
   2. 글꼴 헤더 크기 드롭다운에서 일반, 크게 또는 아주 크게 글꼴 크기를 선택합니다.
      주:

      이러한 변경 사항은 채팅 위젯에 추가한 사용자 지정 컨트롤에는 적용되지 않습니다. 사용자 지정 통제는 별도로 업데이트해야 합니다.
   3. 포털 또는 웹 사이트의 채팅 창에서 변경 내용을 미리 봅니다.
9. 지원 서비스에 문의 메뉴를 업데이트하려면 메뉴 항목 섹션까지 아래로 스크롤합니다.
   

   이메일, 채팅 및 전화 메뉴 항목의 아이콘, 레이블, 가시성 및 표시 순서를 변경할 수 있습니다. 메뉴에 사용자 지정 옵션을 추가할 수도 있습니다.

   1. 메뉴 항목 섹션에서 다음 중 하나를 수행합니다.
      • 메뉴 항목을 편집하려면 기록 아이콘을 선택합니다.
      • 새 메뉴 항목을 추가하려면 새로 만들기를 선택합니다.
      • 메뉴 항목을 삭제하려면 기록 아이콘을 선택합니다. 기록에서 추가 작업 아이콘 을 클릭한 다음 삭제를 선택합니다.

      각 메뉴 항목의 필드에 내용을 입력합니다.

      필드	설명
      레이블	메뉴 유형을 설명하는 텍스트 문자열입니다. 전역 애플리케이션 범위의 기본 메뉴 유형에 대한 레이블은 다음과 같습니다. 이메일 - 기본 이메일을 여는 옵션입니다. 기본 레이블: 고객 지원 센터에 이메일 보내기 채팅 – 라이브 에이전트와 채팅하기 위한 옵션입니다. 기본 레이블: 채팅 유형에 대해 라이브 에이전트에 문의 전화 - 전화 지원을 사용할 수 있는 시기를 나타내는 옵션입니다. 기본 레이블: 통화 지원—(매일 오전 5시 - 오후 11시) 레이블 텍스트의 길이는 최대 75자입니다.
      유형	메뉴 항목의 유형입니다. 예를 들어 도움말 페이지와 같은 특정 정보에 대한 링크인 메뉴 항목을 추가하는 경우 링크 유형을 선택합니다. 메뉴 항목 유형은 다음과 같습니다. 이메일: 이메일을 통해 지원에 문의하는 옵션입니다. 링크: 웹 페이지에 대한 링크 옵션 채팅: 채팅을 통해 라이브 에이전트에게 연락하는 옵션입니다. Text: 텍스트 문자열을 설정하는 옵션 전화: 전화로 지원 센터에 문의하는 옵션
      값	메뉴 유형 값입니다. 예를 들어 이메일의 값은 지원 그룹의 이메일 주소입니다. 기본 메뉴 유형의 값은 다음과 같습니다. 이메일: 지원 그룹의 이메일 주소입니다. 예: [e-mail]. 전화: 통화 지원 조직의 전화 번호입니다. 이메일: 지원 조직의 이메일 주소입니다. 주: 채팅 메뉴 유형에 값이 없습니다.
      표시	문의 지원 메뉴에 항목을 표시하는 옵션입니다. 메뉴 항목을 숨기려면 이 옵션의 선택을 취소합니다.
      기본 아이콘 표시	항목의 기본 아이콘이 메뉴에 표시됨을 나타내는 옵션입니다. 메뉴 아이콘을 추가, 변경 또는 삭제하려면 이 옵션의 선택을 취소합니다. 새 메뉴 항목에 대한 아이콘을 추가하려면 이미지 보기를 선택합니다. 파일 검색기에서 아이콘 파일을 선택하고 확인을 선택합니다. 업로드된 아이콘은 아이콘 필드 아래에 표시됩니다. 아이콘을 변경하려면 아이콘 필드에서 업데이트를 선택합니다. 파일 검색기에서 새 로고 파일을 선택하고 확인을 선택합니다. 업데이트된 아이콘이 이 필드 아래에 표시됩니다. 아이콘을 제거하려면 휴지통 아이콘을 선택합니다. 파일이 즉시 삭제됩니다.
      순서	지원 서비스에 문의 메뉴에 항목이 나타나는 순서를 식별하는 번호입니다. 숫자 1은 항목이 메뉴에 나열된 첫 번째 옵션임을 나타냅니다.
      애플리케이션	글로벌.

   2. 메뉴 유형에 대한 메뉴 항목 섹션을 완료하면 저장을 선택합니다.
10. 다음 중 하나를 수행하여 브랜딩 구성을 적용합니다.

    • 구성에 브랜딩 구성을 서비스 포털 에이전트 채팅 적용합니다. 페이지 및 위젯 데이터를 (가상 에이전트 또는 라이브 에이전트) 대화에 에이전트 채팅 전달하는 서버 스크립트에서 사용할 브랜딩 키를 지정합니다. 이 스크립트에 전달된 항목은 포털의 모든 페이지에서 사용할 수 있습니다. 설정에 서비스 포털 에이전트 채팅대한 자세한 내용은 포털에 봇 추가를 참조하십시오.

      예를 들어, 기술 포털에 대한 다음 서비스 포털 에이전트 채팅 구성은 채팅 브랜딩 키인 custom_1를 사용합니다.

      

      주:

      포털에서 에이전트 채팅 단추 사용자 지정 과 같이 구성할 수 있는 다른 서비스 포털 에이전트 채팅 기능이 있습니다. 서비스 포털에서 에이전트 채팅 위젯을 사용자 지정하는 방법에 대한 자세한 내용은 서비스 포털에서 에이전트 채팅 구성을 참조하십시오.

    • 대상 페이지에 브랜딩 구성을 적용합니다. 채팅 위젯 URL에 브랜딩 키와 함께 시스템 매개변수 sysparm_branding_key 입력합니다. 예:

      https://<your-instance-name>service-now.com/$sn-va-web-client-app.do?sysparm_branding_key=acme

      이 예에서 acme 는 사용할 브랜딩 구성의 키입니다.

    • 포함된 채팅 위젯에 브랜딩 구성을 적용합니다. 포함된 채팅 위젯의 URL에 브랜딩 키와 함께 시스템 매개변수 sysparm_branding_key 입력합니다. 예:

      https://<사용자 인스턴스-이름>service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme

      이 예에서 acme 는 사용할 브랜딩 구성의 키입니다.

11. 옵션: 브랜드 봇과 함께 대화 자동 조종 을 사용하는 경우 다음과 같이 시스템 속성을 변경하여 자동 파일럿 세션 중에 채팅 창에 표시되는 브랜드 봇 이름을 지정합니다.
    1. 다음으로 이동 모두 > 대화형 인터페이스 > 설정.
    2. 시스템 작업 섹션에서 시스템 메시지 옆에 있는 모두 보기를 선택합니다.
    3. 시스템 속성의 값 필드를 com.glide.cs.autopilot.client_initiated_header 변경하여 채팅 창의 헤더에 표시되는 봇 이름 대신 가상 에이전트 브랜드 봇 이름을 지정합니다.

       그림 1. 채팅 창의 자동 파일럿 헤더

       

    4. com.glide.cs.autopilot.client_initiated_message 시스템 속성을 업데이트하여 대화 중에 요청자에게 표시되는 브랜드 봇 이름을 지정합니다.

       그림 2. 대화 중 자동 파일럿 메시지