카탈로그 브랜딩 설정

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 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 테마 탭에서 원하는 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. 구성 요소 스타일 탭에서 편집을 선택합니다.

      브랜딩 색상과 일치하도록 색상 테마 작성기 16진수 코드를 업데이트합니다.

    12. 8단계에서 찾은 브랜딩이 필요한 요소 중 하나를 선택합니다.
    13. 팔레트 사이드바에서 요소의 16진수 코드 색상을 브랜딩 기록의 색상과 일치하도록 설정합니다.
    14. 모든 요소를 업데이트할 때까지 12단계와 13단계를 반복합니다.

      가상 에이전트 에서 16진수 색상 코드를 테마 작성기변경한 후 업데이트된 강조 표시된 링크와 버튼이 있는 채팅 창입니다.

    결과

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