웹 메신저

웹 메신저는 홈페이지 방문자의 문의를 라이브CS 상담함으로 가져옵니다. 전화 제품 없이도 사용할 수 있고, 지식을 함께 사용하면 AI가 먼저 답변합니다.

웹 채널 만들기

설정 > 웹 메신저에서 다음을 입력합니다.

채널을 구분할 이름
설치할 홈페이지 주소
상담 버튼의 모양과 이름
처음 열었을 때의 인사와 빠른 질문
고객 알림 설정과 발신자 연락처(사용하는 경우)

설치할 홈페이지 주소는 보안상 허용된 출처로 사용되므로 실제 운영 주소를 정확히 입력하세요.

상담 버튼은 기본으로 둥근 아이콘만 표시됩니다. 필요하면 PC에서만 아이콘 옆에 문구를 보이게 바꿀 수 있습니다. 모바일은 화면을 가리지 않도록 어떤 설정에서도 아이콘만 표시합니다. 버튼 이름은 문구를 숨긴 경우에도 화면 읽기 기능이 버튼의 용도를 안내하는 데 사용됩니다.

아이콘은 말풍선, 반짝임, 대화 중에서 고를 수 있습니다. 브랜드 로고나 캐릭터를 쓰려면 PNG, JPG, WebP 이미지를 올리세요. 이미지는 자동으로 웹용 크기로 줄어들며, 버튼을 이미지로 꽉 채우거나 로고 둘레에 여백을 둘 수 있습니다. 정사각형에 가깝고 이미지 자체의 바깥 여백이 적은 파일이 가장 또렷합니다.

설치 코드 적용

화면에서 제공하는 설치 코드를 홈페이지의 공통 레이아웃에 한 번 넣습니다. 여러 페이지에 각각 다른 코드를 중복해서 넣지 마세요.

고객 브라우저 알림을 사용할 때는 별도의 라이브CS 서비스워커 파일도 홈페이지 최상위 경로에 배치합니다. 이 파일이 없어도 실시간 채팅은 가능하지만, 고객이 페이지를 떠난 뒤 받는 브라우저 알림은 동작하지 않습니다.

홈페이지 제작자가 따로 있다면 다음 3가지를 전달하면 됩니다.

라이브CS 웹 메신저 설치 코드
허용할 운영 홈페이지 주소
고객 알림을 사용할 경우 서비스워커 파일과 배치 경로

홈페이지가 Content-Security-Policy를 사용한다면 script-src와 connect-src, img-src에 https://api.livecs.app을 허용해야 직접 올린 상담 버튼 이미지까지 표시됩니다.

활성화 조건

웹 상담 버튼이 고객에게 열리려면 웹 메신저가 사용 상태이고 새 문의를 받을 준비가 된 팀원이 한 명 이상 있어야 합니다.

준비된 팀원이 없으면 방문객에게 버튼을 열어 놓고 아무도 알림을 받지 못하는 상황을 막기 위해 채널이 비활성 상태로 보일 수 있습니다. 팀원과 알림을 먼저 확인하세요.

설치 후 테스트

로그아웃 또는 시크릿 창에서 홈페이지를 엽니다.
상담 버튼이 다른 고정 버튼을 가리지 않는지 확인합니다.
빠른 질문과 직접 입력을 각각 보내 봅니다.
라이브CS 상담함에 웹 문의가 즉시 나타나는지 확인합니다.
팀원에게 새 문의 알림이 오는지 확인합니다.
팀원이 답변했을 때 고객 화면에 표시되는지 확인합니다.
모바일 화면에서도 버튼, 입력창과 키보드가 겹치지 않는지 확인합니다.