메뉴별 가이드
상담관리
채팅
고객관리
메시지
AI
데이터
설정
목차
채팅 버튼 v2란?
웹사이트에 설치하는 통합채팅 버튼의 화면 구성, 디자인, 상담 현황 정보 표시 등을 설정하는 메뉴예요.
1. 이 메뉴에서 할 수 있는 일
•
채팅 화면 종류 선택 (기본 화면 / 채팅 홈)
•
상담 현황 정보 설정 (인사 메시지, 응답 상태, 근무시간, 대기 정보, 상담사 수 표시)
•
채팅 홈 옵션 설정 (공지사항, FAQ, 최근 상담 표시 등)
•
디자인 설정 (색상, 버튼 모양, 위치)
•
설치 소스 확인 및 복사
활용 Tip
통합채팅 버튼은 해피톡 웹채팅과 카카오톡 등 여러 채널을 하나의 버튼으로 통합하여 고객에게 제공해요.
채팅 홈 화면을 사용하면 상담 시작 전에 공지사항, FAQ 등을 먼저 안내할 수 있어 반복 문의를 줄일 수 있어요.
브랜드 색상에 맞게 디자인을 설정하면 웹사이트와 자연스럽게 어울리는 채팅 버튼을 구성할 수 있어요.
2. 언제 사용하나요?
상황 | 설명 | 비고 |
웹채팅 최초 설치 | 웹사이트에 해피톡 채팅 버튼을 처음 설치할 때 | 설치 소스 복사 필요 |
채팅창 화면 변경 | 기본 화면에서 채팅 홈으로 변경하거나 구성을 수정할 때 | - |
디자인 변경 | 채팅 버튼 색상, 위치, 모양 등을 브랜드에 맞게 변경할 때 | - |
공지사항/FAQ 노출 설정 | 고객 대상 공지사항이나 FAQ를 채팅 홈에 노출하거나 비노출로 변경할 때 | 채팅 홈 화면 선택 시 |
상담 현황 정보 변경 | 인사 메시지, 대기 정보, 근무시간 표시 등을 변경할 때 | - |
3. 어떻게 사용하나요?
3.1 채팅 화면 종류 선택
채팅창의 기본 화면 구성을 선택해요.
•
설정 위치: 설정 > 기본 설정 > 채팅 버튼 v2 > 기본 설정 > 채팅 화면 종류
•
설정 값: 홈 화면 / 채널별 화면
•
반영 시점: 저장 후 즉시
•
주의사항: 홈 화면(추천)은 공지사항, 헬프데스크, 이전 대화 기록 등 부가 기능을 포함한 채팅 홈 화면이에요. 채널별 화면은 채널 선택만 제공하는 심플한 화면이에요.
3.2 상담 현황 정보 설정
채팅창에 표시되는 상담 관련 정보를 설정해요.
•
설정 위치: 설정 > 기본 설정 > 채팅 버튼 v2 > 기본 설정 > 상담 현황 정보 설정
•
설정 값: 인사/안내 메시지(텍스트 입력), 상담 응답 노출 설정(빠름/보통/지연/비노출), 근무시간 표시(ON/OFF), 대기 정보 노출(대기인원/대기예상소요시간 각각 ON/OFF), 상담사 수 표시(ON/OFF)
◦
빠름: 빠르게 상담이 가능한 상태
◦
보통: 상담 연결까지 시간이 조금 걸릴 수 있는 상태
◦
지연: 상담 연결이 지연되고 있는 상태
•
반영 시점: 저장 후 즉시
•
주의사항: 근무시간은 설정 > 기본 설정 > 기본 조건 설정에서 설정한 시간이 표시돼요. 상담 가능한 상담사가 없거나 근무시간이 아닌 경우 상담사 수는 표시되지 않아요.
대기 정보 설정 경로: 설정 > 고급 설정 > 자동 메시지 관리(상담 대기)
3.3 부가 기능 설정
채팅 홈 화면에 표시할 항목을 설정해요.
•
설정 위치: 설정 > 기본 설정 > 채팅 버튼 v2 > 기본 설정
•
설정 값: 채팅 시스템 언어(한국어/영어/일본어), 전송 가능 파일 형식(이미지/파일(동영상·기타)), 이전 대화 기록(노출/비노출), 공지사항(노출/비노출), 헬프데스크(노출/비노출)
•
반영 시점: 저장 후 즉시
•
주의사항:
◦
채팅 시스템 언어 변경 시 챗봇 언어는 별도 설정이 필요해요.
◦
다국어 설정 시 프로필봇은 자동으로 '사용안함' 상태로 전환돼요.
◦
공지사항: 등록된 고객공지가 없으면 노출 설정해도 비노출돼요.
◦
헬프데스크: 등록된 항목이 없으면 노출 설정해도 비노출돼요.
◦
이전 대화 기록, 공지사항, 헬프데스크는 채팅 화면 종류를 '홈 화면'으로 설정해야 채팅창에 표시돼요.
3.4 디자인 설정
채팅 버튼 및 채팅창의 디자인을 설정해요.
•
설정 위치: 설정 > 기본 설정 > 채팅 버튼 v2 > 디자인 설정
•
설정 값: 타이틀 유형(기본형/단순형/배너형/다크모드), 제목 및 소제목 텍스트, 텍스트 정렬, 대표 색상(테마 색상/고객 말풍선/텍스트), 서체 크기(작게/중간/크게), 채팅창 크기(가로 300~600px/세로 440~1200px), 버튼 모양·위치(좌/우)·크기(PC/모바일 각각)
•
반영 시점: 저장 후 즉시
•
주의사항: 변경 후 실제 웹사이트에서 미리보기를 통해 확인하는 것이 좋아요.
3.5 설치 소스 확인
웹사이트에 삽입할 채팅 버튼 설치 코드를 확인해요.
•
설정 위치: 설정 > 기본 설정 > 채팅 버튼 v2 > 설치 소스
•
설정 값: HTML 스크립트 코드 복사
•
반영 시점: 웹사이트에 코드 삽입 후 즉시
•
주의사항: 설치 소스를 변경할 필요 없이, 해피톡 관리자 화면에서 설정을 변경하면 자동으로 반영돼요.
4. 알아두면 좋은 점
•
접근 권한: 관리자만 사용할 수 있어요.
•
통합채팅 버튼은 해피톡 웹채팅뿐 아니라 카카오톡, 네이버톡톡 등 여러 채널을 하나의 버튼에서 선택할 수 있도록 지원해요.
•
채팅 홈 화면의 공지사항은 설정 > 상담 운영 > 공지사항 관리에서 등록한 고객공지가 노출돼요. 최신 1건만 표시돼요.
•
모바일 환경에서는 채팅 버튼 위치와 크기가 자동으로 조정될 수 있어요.
•
디자인 설정 변경 시 기존에 설치한 소스 코드를 다시 삽입할 필요 없이 자동으로 반영돼요.