모바일 SDK 채팅 맞춤설정 가이드

모바일 SDK는 브랜드 요구사항을 통합하고 고유한 맞춤 환경을 만들 수 있도록 설계된 광범위한 맞춤설정 기능을 제공합니다. 이 문서에서는 소비자 채팅 상호작용을 최적화하기 위해 모바일 SDK에서 사용할 수 있는 옵션을 포괄적으로 설명합니다.

비즈니스 요구사항에 맞게 맞춤설정을 원하는 만큼 포함할 수 있습니다. 다음은 기본 채팅과 고도로 맞춤설정된 채팅을 나란히 비교한 것입니다.

맞춤설정된 채팅 모양의 나란히 비교 예시가 표시됩니다.

  • 공개 상태

  • 아바타 아이콘

  • 텍스트

  • 글꼴 (크기, 스타일, 색상)

  • 구분선 색상

  • 구분선 너비

맞춤설정 가능한 헤더 섹션의 예가 표시됩니다.

인라인 버튼

  • 스타일

  • 정렬

  • 배경 색상

  • 텍스트 색상

  • 모서리 반지름

  • 글꼴 (크기, 스타일, 색상)

  • 테두리 색상

  • 테두리 너비

버튼의 맞춤설정 가능한 측면의 예가 표시됩니다.

뒤로 버튼

  • 공개 상태(텍스트만) 뒤로 화살표의 공개 상태는 맞춤설정할 수 없습니다.

  • 아이콘

  • 텍스트 색상

뒤로 버튼의 예가 표시됩니다.

종료 버튼

  • 공개 상태

  • 글꼴 (크기, 스타일, 색상)

채팅을 종료하는 버튼을 나타내는 예가 표시됩니다.

타임스탬프

  • 글꼴 (크기, 스타일, 색상)

타임스탬프를 나타내는 예시가 표시됩니다.

시스템 메시지 및 버튼

  • 배경 색상

  • 모서리 반지름

  • 글꼴 (크기, 스타일, 색상)

  • 테두리 색상

  • 테두리 두께

시스템 메시지와 버튼의 예가 표시됩니다.

소비자 및 상담사 메시지 대화창

  • 배경 색상

  • 모서리 반지름

  • 글꼴 (크기, 스타일, 색상)

  • 테두리 색상

  • 테두리 두께

  • 아바타

고객 및 상담사 메시지 풍선의 예가 표시됩니다.

사용자 입력창

  • 배경 색상

  • 테두리 색상

  • 테두리 두께

  • 카메라 아이콘

  • 공동 탐색 아이콘

  • 보내기 버튼 아이콘

사용자 입력 표시줄을 나타내는 예가 표시됩니다.

사용자 입력창 (텍스트 필드)

  • 모서리 반지름

  • 커서 색상

  • 자리표시자 텍스트

  • 글꼴 (크기, 스타일, 색상)

  • 테두리 색상

  • 테두리 두께

사용자 입력 표시줄 텍스트 필드를 나타내는 예가 표시됩니다.

로딩 스피너

  • 맞춤 애니메이션

맞춤설정 가능한 로드 스피너의 측면을 나타내는 예가 표시됩니다.