카탈로그 브랜딩 설정

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기2분
  • 비즈니스 브랜딩에 맞게 카탈로그 가상 에이전트 의 모양을 사용자 지정합니다.

    시작하기 전에

    필요한 역할: admin, virtual_agent_admin

    ServiceNow Store에서 다운로드하고 테마 작성기 플러그인(sn_theme_builder)을 활성화합니다. 자세한 내용은 Activate a plugin 문서를 참조하십시오.

    이 태스크 정보

    가상 에이전트 는 브랜딩 설정 [sys_cs_branding_setup] 테이블을 사용하여 브랜딩 색상을 정의하지만 카탈로그는 브랜딩 색상을 상속하지 않습니다. 대신 카탈로그는 인스턴스의 UX 테마 [sys_ux_theme] 기록에 정의된 CSS 스타일시트(CSS 스타일시트) 변수를 사용합니다.

    프로시저

    1. 다음으로 이동 모두 > 테마 > 테마 작성기.
    2. 기본 및 보조 색상을 제공하여 새 테마를 만듭니다.
      주:
      선택한 브랜딩 기록의 채팅 헤더 배경 및 채팅 배경 색상과 색상을 일치시킬 수 있습니다. 테마 만들기에 대한 자세한 내용은 을 참조하십시오 Create a theme with Theme Builder.
    3. 테마를 저장합니다.
    4. 포털 구성에 테마를 추가합니다.
      1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마.
      2. 임포트할 테마의 레코드를 선택합니다.
      3. 추가 작업 아이콘()에서 sys_id 복사를 선택합니다.
      4. 다음으로 이동 모두 > 서비스 포털 > 에이전트 채팅.
      5. 브랜딩 테마를 추가할 포털 구성을 선택하고 4c단계의 sys_id 포함하여 서버 스크립트에 다음 줄을 추가합니다.
      예를 들어 sys_id가 0be48eb1eba0011090fa99602a522843인 경우 다음을 추가합니다.
      macroponent_theme: '0be48eb1eba0011090fa99602a522843'
    5. 원하는 경우 포털 구성에 변형 테마를 추가합니다.
      1. 4a단계와 4b단계를 반복합니다.
      2. Compositional: App theme 탭에서 원하는 Variant를 엽니다 StyleType.
      3. 4c단계와 4d단계를 반복합니다.
      4. 브랜딩 테마를 추가한 포털 구성을 선택하고 5c단계의 sys_id 포함하여 서버 스크립트에 다음 줄을 추가합니다.
      예를 들어 변형 테마의 sys_id가 1df59fc2fcb1122101gb00713b633954인 경우 다음을 추가합니다.
      macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'
    6. 업데이트를 선택하여 구성을 저장합니다.
    7. 구성이 사용되는 포털로 이동합니다.
      예를 들어 포털 구성을 업데이트 ESC Chat 한 경우 직원 서비스 센터로 이동합니다.
    8. 포털 채팅에서 카탈로그 주제를 실행하여 구성을 로드하고 브랜딩이 필요한 요소를 표시합니다. 가상 에이전트 업데이트할 링크와 버튼이 강조 표시된 채팅 창입니다.
    9. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기.
    10. 드롭다운 메뉴에서 관리자를 선택한 다음, 만든 테마를 선택합니다.
    11. Component styles(구성 요소 스타일) 탭에서 Edit(편집)를 선택합니다.브랜딩 색상과 일치하도록 색상 16진수 코드를 업데이트 테마 작성기 합니다.
    12. 8단계에서 찾은 브랜딩이 필요한 요소 중 하나를 선택합니다.
    13. 팔레트 사이드바에서 요소의 16진수 코드 색상을 브랜딩 기록의 색상과 일치하도록 설정합니다.
    14. 모든 요소를 업데이트할 때까지 12단계와 13단계를 반복합니다. 가상 에이전트 에서 16진수 색상 코드를 변경한 후 업데이트된 강조 표시된 링크와 버튼이 있는 채팅 창입니다 테마 작성기.

    결과

    이제 카탈로그 색상 테마가 브랜딩과 일치합니다.