채팅 부가 옵션

채팅 부가 옵션이란?

 채팅 버튼 및 채팅창 부가 옵션을 제공합니다.

옵션

Key	Type	Condition	Reference
theme	'default' \| 'simple' \| 'banner' \| 'dark’	optional	테마
title	string	optional	제목
subTitle	string	optional	부제
titleAlign	'left' \| 'center' \| 'right’	optional	대분류 ID
backgroundColor	string	optional	제목 / 부제목 정렬
textColor	string	optional	배경 색상 (채팅 버튼, 채팅창 색상, 메세지 버블 색상) ex) 1. '#cccccc', 2. 'red', 3. 'rgba(0, 0, 0, 0.05)’
isWorktime	boolean	optional	근무시간 on / off
isConsultant	boolean	optional	상담가능 상담원 on / off
isResponseSpeed	'fast' \| 'normal' \| 'slow' \| 'hide’	optional	상담 응답 속도 설정(fast, normal, slow) 및 비노출(hide)
isNotice	boolean	optional	공지사항 on / off
isHelpdesk	boolean	optional	헬프데스크 on / off
isPreviousHistory	boolean	optional	이전 대화 기록 on / off
isChatButtonCall	'current' \| 'new’	optional	채팅 버튼 호출 (모바일 디바이스에서만 사용 가능)
pcButtonChoice	1 \| 2 \| 3 \| 4	optional	pc 버튼 모양 선택
pcButtonPosition	'right' \| 'left’	optional	pc 버튼 위치
pcButtonRight	number	optional	pc 버튼 css right 값
pcButtonLeft	number	optional	pc 버튼 css left 값
pcButtonBottom	number	optional	pc 버튼 css bottom 값
pcButtonSize	number	optional	pc 버튼 크기 (width, height 값 동일)
mobileButtonChoice	1 \| 2 \| 3 \| 4	optional	mobile 버튼 모양 선택
mobileButtonPosition	'right' \| 'left’	optional	mobile 버튼 위치
mobileButtonRight	number	optional	mobile 버튼 css right 값
mobileButtonLeft	number	optional	mobile 버튼 css left 값
mobileButtonBottom	number	optional	mobile 버튼 css bottom 값
mobileButtonSize	number	optional	mobile 버튼 크기 (width, height 값 동일)
chatWindowWidth	number	optional	채팅창 너비
chatWindowHeight	number	optional	채팅창 높이

// ex) 예제
var ht = new Happytalk({
siteId: SITE_ID,
siteName: SITE_NAME,
categoryId: CATEGORY_ID,
divisionId: DIVISION_ID,
options: {
theme: 'banner',
title: '제목입니다',
subtitle: '부제목입니다',
titleAlign: 'center',
chatWindowWidth: 600,
chatWindowHeight: 700,
}
});
JavaScript
복사

채팅 부가 옵션은 에디터에서 설정한 값들을 override 합니다.