채팅 버튼 설치하기
Last updated
Last updated
모든 설정을 마쳤다면 우리 홈페이지나 앱에 해피톡 채팅 상담 플로팅 버튼(이하 채팅 버튼)을 설치하실 수 있습니다.
해피톡 채팅 버튼은 직접 제작한 홈페이지(워드프레스 포함)는 물론, 카페24 등 호스팅사를 통해 만든 홈페이지에도 설치 가능합니다.
호스팅사를 이용하실 경우, 자체 스토어나 부가서비스를 통해 해피톡에 가입하면 더욱 간편하게 채팅 버튼을 설치하실 수 있습니다.
해피톡(웹채팅) v1: 고객이 채팅 버튼을 클릭하면 새 창이 열려 채팅상담을 진행할 수 있습니다.
단, v1 버전에서 버튼 이미지나 위치 등을 바꾸려면 매번 버튼 소스 코드를 수정해야 하는 번거로움이 있습니다. 다른 채널 노출이 어려워 해피톡 웹채팅밖에 사용할 수 없고요. 가급적 v2 버전을 활용하시는 것을 권해드립니다. 😉\
해피톡(웹채팅) v2: 고객이 채팅 버튼을 클릭하면 열려 있는 페이지에서 바로 채팅상담을 시작할 수 있습니다.
v2 버전은 해피톡 채팅 버튼을 설치할 사이트에 한 번만 소스 코드를 삽입해 두면 이후부터 해피톡에서 바로 디자인을 바꿀 수 있습니다. 버튼은 물론 채팅 화면 디자인도 우리 회사에 맞춰 꾸밀 수 있고, 제공되는 기능도 더욱 다양합니다.
지금부터 채팅 버튼 설정 v2 기준으로 버튼 설치 방법을 안내해 드릴게요. ❣️
홈페이지에 채널별 버튼을 노출할지 통합 버튼을 노출할지 선택해 주세요. ‘해피톡’ 탭에서 ‘통합채팅 버튼 노출’을 비활성화하면 채널별 버튼을, 활성화하면 통합 버튼을 노출할 수 있습니다.
채널별 버튼: 카카오톡, 네이버톡톡, 웹채팅 등 우리 회사에서 운영하는 채팅 상담 채널마다 각각의 채팅 버튼을 노출합니다. 각 탭에서 채널별 채팅 버튼 노출 여부를 설정하실 수 있고, 원하는 채팅 버튼과 채팅창 디자인을 설정 가능합니다.
통합 버튼: 하나의 채팅 버튼으로 다양한 채팅 채널을 연결합니다. ‘채팅 홈’을 활용해 헬프데스크(FAQ), 공지사항 등 다양한 기능을 추가할 수도 있고요😀
통합 버튼을 활용하려면 '해피톡' 탭에서 ‘통합채팅 버튼 노출'을 활성화하셔야 합니다. 그다음 원하는 노출 채널, 버튼 및 채팅창 디자인을 적용해 주세요.
모든 항목을 원하는 대로 설정하고 미리보기도 마치셨다면 오른쪽 상단의 '적용하기'를 클릭해 변경 내용을 저장해 주세요.
‘적용하기’ 옆 ‘소스보기’를 클릭한 다음 채팅 버튼 소스를 복사해 주세요.
복사한 소스를 홈페이지 html 소스 중 </body> 위쪽에 넣어주세요. 아래는 위사 호스팅사의 홈페이지에 해피톡 채팅 버튼을 설치한 소스 예시입니다.
약 1분 후, 실제 홈페이지에 접속해 채팅 버튼이 잘 들어갔는지 확인하면 끝! 😎 앞으로 해피톡 디자인은 소스를 수정할 필요 없이 해피톡 채팅 버튼 설정에서 바로 바꿀 수 있습니다.
gif 이미지로 해피톡 채팅 버튼 설정을 간단히 살펴보세요. 😊
카페24 가입 고객사 분들은 주문연동 설정을 할 때 자동으로 홈페이지에 채팅 버튼 스크립트가 삽입됩니다.
[서비스설정] > [확장 서비스 관리] - [쇼핑몰 주문정보 연동]에서 주문연동 설정 후 [설정 페이지로 이동]을 클릭하세요. 별도의 소스 작업 없이 바로 버튼 적용 가능합니다.
우리 회사 서비스 구조상 팝업 형태의 v1 버전 채팅상담을 달아야 한다면 이렇게 설치하세요.
해피톡에 한 다음, 를 클릭하세요. 새 창이 열립니다.
카카오톡과 네이버톡톡 버튼은 후 설치 가능합니다.
채팅 홈에 대한 자세한 소개는 에서 확인하실 수 있습니다.
‘</body> 위쪽...?’ 소스를 삽입하는 것이 어려우시다면? 회사 개발자분께 도움을 요청하시는 것을 권해드립니다. 에서 관련 내용을 문의하실 수 있습니다.
카페24, 고도몰, 위사 가입 고객사 분들은 채팅 버튼 대행설치 신청이 가능합니다. 버튼 설치가 어렵다면 여기서 를 작성해 주세요. 작업 완료까지 1~2일 정도 소요될 수 있습니다.\
에서 ‘해피톡’ 탭을 클릭하면 제공되는 채팅 버튼 소스를 사이트 내에 삽입해 이용 가능합니다.
