채팅 버튼 및 채팅창 부가 옵션을 제공합니다.
옵션
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) '#cccccc' / 'red' / 'rgba(0, 0, 0, 0.05)' |
textColor | string | Optional | 글자 색상 (채팅 버튼 아이콘 및 메세지 버블 텍스트 색) ex) '#cccccc' / 'red' / '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 | 채팅 버튼 호출 (모바일 디바이스에서만 사용 가능) |
pcHappytalkButtonChoice | 1, 2, 3 | Optional | 해피톡 pc 버튼 모양 선택 |
pcKakaotalkButtonChoice | 1, 2, 3 | Optional | 카카오톡 pc 버튼 모양 선택 |
pcNavertalkButtonChoice | 1, 2, 3 | Optional | 네이버톡톡 pc 버튼 모양 선택 |
pcButtonPosition | 'left', 'right' | 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 값 동일) |
mobileHappytalkButtonChoice | 1, 2, 3 | Optional | 해피톡 mobile 버튼 모양 선택 |
mobileKakaotalkButtonChoice | 1, 2, 3 | Optional | 카카오톡 mobile 버튼 모양 선택 |
mobileNavertalkButtonChoice | 1, 2, 3 | Optional | 네이버톡톡 mobile 버튼 모양 선택 |
mobileButtonPosition | 'left', 'right' | 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 | 채팅창 높이 |
basicPlaceholder | string | Optional | 채팅 입력창 상담원 연결 후 안내메시지 |
chatbotPlaceholder | string | 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 합니다.