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

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

시작하기 전에

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

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

주:

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

필요한 역할: virtual_agent_admin 또는 admin

프로시저

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

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

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

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

   

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

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

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

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

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

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

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

   주:

   브랜딩 페이지의 다른 설정과 달리, 아이콘 변경 내용은 적용을 선택하는 즉시 웹 클라이언트에 적용됩니다. 다른 변경 사항은 페이지 상단에서 저장 을 선택할 때까지 적용되지 않습니다.

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

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

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

   주:

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

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

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

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

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

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

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

   1. 글꼴 본문 크기 드롭다운에서 보통, 크게 또는 아주 크게 글꼴 크기를 선택합니다.
   2. 글꼴 헤더 크기 드롭다운에서 보통, 크게 또는 아주 크게 글꼴 크기를 선택합니다.
      주:

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

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

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

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

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

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

    • 대상 페이지에 브랜딩 구성을 적용합니다. 웹 클라이언트 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://<your-instance-name>service-now.com/$sn-va-web-client-app_embed.do?sysparm_branding_key=acme

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

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

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

      

      주:

      포털의 에이전트 채팅 버튼 사용자 지정 과 같이 구성할 수 있는 다른 서비스 포털 에이전트 채팅 기능이 있습니다. 서비스 포털의 에이전트 채팅 위젯 사용자 지정에 대한 자세한 내용은 서비스 포털에서 에이전트 채팅 구성을 참조하십시오.
11. 옵션: 브랜드 봇에서 대화 Autopilot 을 사용하는 경우 다음과 같이 시스템 속성을 변경하여 Autopilot 세션 중에 채팅 창에 표시되는 브랜드 봇 이름을 지정합니다.
    1. 다음으로 이동 모두 > 대화형 인터페이스 > 설정.
    2. System actions(시스템 작업) 섹션에서 System messages(시스템 메시지) 옆에 있는 View All(모두 보기)을 선택합니다.
    3. 시스템 속성의 com.glide.cs.autopilot.client_initiated_header값 필드를 변경하여 채팅 창의 헤더에 표시되는 봇 이름 대신 가상 에이전트 브랜드 봇 이름을 지정합니다.

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

       

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

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