위젯 커스터마이징
위젯 설정 들어가기
채팅 설정 > 연동 / 개발 > 연동 설정 > 웹사이트 연동
웹사이트 연동 화면 하단에서 프로필 토글과 위젯 토글 중 조정하고 싶은 항목을 선택합니다.
1. 위젯 토글
위젯의 아이콘, 런처의 크기, 화면 모드 설정, 위젯 숨기기, 위치 조정, 채팅 테마 색상을 설정할 수 있습니다.
1. 위젯 아이콘 변경
웹사이트 우측 하단에 노출되는 플로팅 버튼 이미지를 직접 업로드한 파일로 교체할 수 있습니다.
- 지원 형식: PNG, JPG, WebP
- 권장 크기: 64×64px
- 최대 용량: 5MB
- 기본 아이콘을 그대로 사용하려면 업로드한 이미지를 삭제합니다.
2. 런처 크기 설정
플로팅 버튼의 표시 크기를 조정할 수 있습니다.
- 옵션: 기본 / 작게 / 보통 / 크게
- '기본' 은 위젯 기본값(73px)을 사용합니다.
- 옆 입력란에 px 값을 직접 입력해 변경할 수도 있습니다.
3. 테마 설정
채팅창의 화면 모드를 설정할 수 있습니다.
- 옵션: 라이트 / 다크 / 시스템
- '시스템' 을 선택하면 방문자의 OS·브라우저 설정에 맞춰 자동 전환됩니다.
4. 위젯 숨김 페이지 설정
특정 페이지 경로에서 위젯이 노출되지 않도록 제어할 수 있습니다.
- 최대 등록 개수: 50개
- 경로 패턴 입력 (예:
/checkout,/admin/*) - 와일드카드(
*)로 하위 경로를 한 번에 지정할 수 있습니다.
5. 데스크탑과 모바일 설정
Desktop / 모바일 웹 탭으로 디바이스별 노출 옵션을 따로 설정할 수 있습니다.
- 위젯 숨기기: 해당 디바이스에서만 위젯을 전체 숨김
- 위치: 왼쪽 / 오른쪽 정렬
- 위치 조정 가로·세로: 슬라이더로 화면 가장자리로부터의 여백을 px 단위로 조정
- 버블 위치 (모바일 웹 전용): 인사 말풍선을 위젯 상단 / 하단 중 어느 쪽에 띄울지 선택
6. 채팅창 테두리 변경
채팅창(프로필) 외곽 테두리의 두께·색상·스타일을 지정할 수 있습니다.
- 두께: 0~10px 범위에서 슬라이더로 조절
- 색상: 12개 프리셋·색상 피커·HEX 코드(
#RRGGBB) 직접 입력 - 스타일: 기본 / 실선 / 점선 / 도트 중 선택
- 두께가 0px 이거나 스타일이 '기본' 일 때는 위젯 기본 디자인이 적용됩니다.
7. 런처(위젯) 테두리 색상 변경
플로팅 런처 버튼 테두리의 두께·색상·스타일을 지정할 수 있습니다.
- 두께: 0~10px 범위에서 슬라이더로 조절
- 색상: 12개 프리셋·색상 피커·HEX 코드 직접 입력
- 스타일: 기본 / 실선 / 점선 / 도트 중 선택
- 두께가 0px 이거나 스타일이 '기본' 일 때는 위젯 기본 디자인이 적용됩니다.
2. 프로필 토글
프로필 로고, 커버 이미지, 채널명, 인사말, 그리고 봇의 프로필, 테마 색상 등을 설정할 수 있습니다.
1. 로고 변경
채팅창 상단·홈 화면에 표시되는 워크스페이스 로고를 변경할 수 있습니다.
- 지원 형식: PNG, JPG, WebP
- 권장 크기: 128×128px
- 최대 용량: 5MB
- 워크스페이스 기본 로고를 사용하려면 업로드한 이미지를 삭제합니다.
2. 커버 이미지 설정
홈 화면 상단에 배경처럼 깔리는 커버 이미지를 설정할 수 있습니다.
- 지원 형식: PNG, JPG, WebP
- 권장 크기: 820×312px
- 최대 용량: 5MB
3. 채널명 변경
채팅창 상단에 노출되는 워크스페이스(브랜드) 이름을 변경 할 수 있습니다.
- 비워두면 워크스페이스 기본 이름이 사용됩니다.
4. 인사말 작성
홈 화면 첫 화면에 노출되는 환영 메시지를 변경할 수 있습니다.
- 예시: "안녕하세요 👋 무엇을 도와드릴까요?"
- 이모지·줄바꿈 사용 가능
5. 인사말 설명 작성
인사말 아래에 표시되는 부연 설명을 변경할 수 있습니다.
- 예시: "질문을 남겨주시면 상담팀이 빠르게 도와드릴게요."
- 응답 시간·문의 안내 등 보조 정보를 한 줄로 노출
6. 봇 프로필 설정
자동 응답을 보내는 봇의 프로필 이미지를 설정할 수 있습니다.
- 지원 형식: PNG, JPG, WebP
- 권장 크기: 128×128px
- 최대 용량: 5MB
7. 웹챗에서 AI 표시 숨기기
AI 표시 숨기기를 하면 AI 봇 응답을 일반 상담원이 보낸 것처럼 보이게 합니다.
- 활성화 시 응답 메시지에서 AI 라벨이 노출되지 않습니다.
- 상담 톤을 사람 응대처럼 유지하고 싶을 때 사용합니다.
8. 테마 색상 변경
채팅창의 말풍선·채팅 시작 버튼 등 주요 요소에 적용되는 메인 색상을 지정합니다.
- 12개 프리셋 색상 중 선택
- 색상 피커로 직접 선택
- HEX 코드(
#RRGGBB) 직접 입력
9. 팀 멤버 프로필 노출
상담에 참여한 팀 멤버의 프로필 정보를 채팅창에 노출할지 결정할 수 있습니다.
- 활성화 시 응답 메시지에 담당 멤버의 이름·아이콘이 함께 표시됩니다.
- 비활성화하면 워크스페이스 단위로만 노출됩니다.
10. 중복 문의 막기
동일 방문자가 이미 진행 중인 문의가 있을 때 새 문의 생성을 차단합니다.
- 활성화 시 같은 사용자의 중복 상담 생성을 자동 차단
- 불필요한 중복 응대를 줄이고 한 스레드에서 이어 대화하도록 유도
