채팅 부가 옵션

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

옵션

key	type	condition	Reference
theme	'default' | 'simple' | 'banner' | 'dark'	optional	테마
title	string	optional	제목
subTitle	string	optional	부제
titleAlign	'left' | 'center' | 'right'	optional	제목 / 부제목 정렬
backgroundColor	string	optional	배경 색상 (채팅 버튼, 채팅창 색상, 메세지 버블 색상) ex) 1. '#cccccc', 2. 'red', 3. 'rgba(0, 0, 0, 0.05)'
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,
    }
});

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