Guide 인터페이스 구성

Guide는 웹 사이트의 Guide 위젯 모양을 결정하기 위해 정의한 기본 브랜딩 및 채널 버튼을 사용합니다.

모범 사례

  • 마케팅 부서와 협력하여 웹사이트를 보완하는 채널 버튼 이미지와 브랜딩 색상을 선택하세요.

  • 웹사이트 전반에 걸쳐 일관된 채널 버튼과 브랜딩을 사용하세요.

  • 웹사이트가 여러 개 있는 경우 각 웹사이트에 고유한 브랜딩을 정의해야 하는지 결정합니다.

  • 기본 브랜딩 색상을 사용하려면 버튼이나 템플릿을 정의할 때 Theme color을(를) 설정하지 마세요.

  • 기본 브랜딩 색상을 재정의하려면 특정 버튼이나 템플릿에 다른 색상을 설정할 수 있습니다. 아래 내용에 유의하세요.

    • 템플릿에 Theme color을(를) 설정하면 그 색상이 브랜드 색상 설정보다 우선 적용됩니다.

    • 템플릿의 Theme color와(과) 버튼의 Theme color 을(를) 설정하면 버튼 색상이 템플릿 및 브랜드 색상 설정보다 우선 적용됩니다.

  • 고급 사용자 정의 스타일의 경우 Guide APIs를 사용하거나 해당 CXone 계정 담당자와 협력하여 사용자 정의 모양을 생성할 수 있습니다.

브랜딩 생성

브랜딩을 통해 템플릿과 버튼에 기본적으로 사용할 색상을 설정합니다. Guide는 필요에 따라 사용자 정의할 수 있는 기본 브랜딩을 제공합니다.

필요한 경우 여러 개의 브랜딩을 만들 수 있습니다. 예를 들어 여러 웹사이트에 가이드 템플릿을 제공하려는 경우 각 웹사이트마다 고유한 브랜딩을 사용할 수 있습니다. 템플릿을 표시하는 규칙을 정의할 때 Guide Set Branding 작업을 사용하여 템플릿에 사용할 브랜딩을 결정합니다.

Watch a short video on setting up branding.

  1. 앱 선택기 를 클릭하고 선택합니다.ACD.

  2. 디지털 > Points of Contact Digital(으)로 이동합니다.

  3. General channel features에서 Guide을(를) 클릭합니다

  4. Brandings을(를) 클릭합니다.

    브랜딩 페이지. 테넌트에 대해 생성된 브랜딩과 기본값이 나열됩니다.

  5. Edit 을(를) 클릭하여 Default 브랜드 설정을 변경합니다. 또는 Add Branding을(를) 클릭하여 새 브랜드를 생성합니다.

  6. 브랜드 이름과 색상을 입력합니다. 템플릿과 버튼에 브랜딩을 사용하려면 기본 확인란을 선택합니다.

    영역 세부사항
    Name 브랜드를 식별하는 고유 이름입니다.

    Theme Primary color

    헤더, 최소화 버튼, 채널 버튼 배경에 사용할 색상입니다. 채널 버튼이나 템플릿에 대한 브랜딩 색상을 재정의하는 테마 색상을 설정하지 않는 한 이 색상은 모든 Guide 템플릿에 사용됩니다.
    Font primary color 머리글에 표시되는 텍스트와 최소화 및 뒤로 버튼에 표시되는 화살표에 사용할 색상입니다. 16진수 값을 입력하세요. 예를 들어 검정색을 사용하려면 #000000을 지정합니다.
    Is default

    사용할 기본 브랜딩으로 지정하려면 선택합니다.

    브랜딩을 기본값으로 설정하면 이것이 모든 기존 템플릿과 새 템플릿에 적용됩니다.

  7. 저장을 클릭합니다.

채널 버튼 생성

Guide에서 제공하려는 각 채널닫힘 컨택이 상담원이나 Bot과 인터랙션하는 방법입니다. 채널은 음성, 이메일, 채팅, 소셜 미디어 등이 될 수 있습니다.에 대한 버튼을 생성합니다. 버튼이 생성되면 이를 진입점과 연결합니다. 진입점에 대해 다른 버튼을 설정하여 템플릿을 정의할 때 버튼을 재정의할 수 있습니다.

View a short video on creating channel buttons.

  1. 앱 선택기 를 클릭하고 선택합니다.ACD.

  2. 디지털 > Points of Contact Digital(으)로 이동합니다.

  3. General channel features에서 Guide을(를) 클릭합니다

  4. 아래의 Buttons 섹션으로 스크롤하여 Add button을(를) 클릭합니다.

    버튼 페이지. 생성된 모든 버튼과 해당 버튼을 사용하는 템플릿 및 진입점이 나열됩니다.

  5. 버튼의 Name을(를) 입력합니다.

  6. Choose File 을(를) 클릭하여 버튼의 Icon을(를) 업로드합니다.

    아이콘 이미지는 50KB보다 작아야 하며 .SVG 파일을 권장합니다.

  7. 필요 시 Theme color 필드에서 채널 버튼의 배경색을 설정합니다.

    브랜드에 설정된 기본 채널 버튼 배경색을 사용하려면 이 필드를 비워 두세요.

    버튼에 투명한 배경을 사용하려면 Transparent background을(를) 선택합니다.

  8. Save을(를) 클릭합니다.

번역에 다른 형태의 언어 추가

Guide에서 사용할 사용자 정의 언어 변형을 생성할 수 있습니다. 또한 Guide 사용자 인터페이스 요소의 레이블을 편집할 수 있습니다.

기본 언어의 번역은 향후 릴리스에서 제공될 예정입니다.

사용자 정의 언어 추가

  1. 앱 선택기 를 클릭하고 선택합니다.ACD.

  2. 디지털 > Points of Contact Digital(으)로 이동합니다.

  3. General channel features에서 Guide을(를) 클릭합니다

  4. Translations을(를) 클릭합니다.

  5. 새 언어를 추가하려면 Add Language을(를) 클릭합니다.

    영역 세부사항
    Name 언어를 식별할 이름을 입력합니다.

    Language

    드롭다운 목록에서 Language 을(를) 선택합니다.
    Country 드롭다운 목록에서 Country 을(를) 선택합니다.
    Fallback 특정 레이블에 대한 번역이 없는 경우 사용할 Fallback 언어를 선택합니다.
  6. Save을(를) 클릭합니다. Guide와 함께 제공되는 기본 레이블이 나타납니다.
  7. 각 Translation Key에 대해 Translation Value을(를) 입력합니다. Guide위젯에서 방문자에게 표시되는 문자열입니다. Guide와 함께 제공되는 기본 레이블의 Translation Key는 변경할 수 없습니다.
  8. 필요 시 페이지 하단의 추가를 클릭하여 새 번역 키를 생성합니다. Translation Key 및 Translation Value을(를) 설정합니다. 생성하는 새 레이블에 대한 Translation Key를 변경할 수 있습니다. 새 번역 키를 추가하는 경우 방문자에게 제공하는 모든 언어로 번역된 값을 제공해야 합니다.

  9. 저장을 클릭합니다.

언어 레이블 편집

  1. 앱 선택기 를 클릭하고 선택합니다.ACD.

  2. > Points of Contact Digital(으)로 이동합니다.

  3. General channel features에서 Guide을(를) 클릭합니다

  4. Translations을(를) 클릭합니다.

  5. 편집할 언어 옆의 Edit을(를) 클릭합니다.

  6. 편집할 레이블로 스크롤하여 Translation Value을(를) 업데이트합니다. 예를 들어 채팅 시작 버튼 레이블을 Begin Chat에서 Start Chat(으)로 변경할 수 있습니다.

  7. Save을(를) 클릭합니다.

Guide 위젯과 상호작용

방문자는 마우스나 키보드를 사용하여 버튼 사이를 이동함으로써 Guide 위젯과 상호 작용할 수 있습니다. 브라우저에서 활성화하지 않는 한 Safari 또는 Firefox 브라우저가 설치된 Mac을 사용하는 방문자의 경우 키보드 탐색이 제한됩니다. Chrome 브라우저를 사용할 경우 키가 예상대로 기본적으로 작동합니다.