스캐너 A/S 버튼
오른쪽의 둥근 '문의하기'·'TOP' 은 홈페이지(floating-actions.css)와 같은 위치·크기로 그린 흉내이고, 그 바로 위의 빨간 스캐너 A/S 버튼이
<script src="/widget.js" defer></script> 한 줄로 붙은 챗봇입니다. 위젯은 홈페이지 Worker 가 넣는 것과 똑같이 data-channel="bizone-web" data-bottom="16" 을 받지만,
이 모드에서는 위치값을 쓰지 않고 '문의하기'(.inquiry-float) 위치를 직접 읽어 바로 위에 붙습니다.
버튼을 누르면 화면 가운데에 상담창이 열립니다 (700px 이하는 전체 화면). X·ESC·바깥 어두운 곳을 누르면 닫힙니다. 접수는 회신받을 이메일로 받습니다 (시험할 때는 test@example.com).
예전 방식은 data-mode="compact"(미니 카드) / data-mode="button"(플로팅 버튼) 으로만 씁니다.
상품 상세 딥링크
서비스 › 바코드스캐너 상세 페이지에 넣을 버튼입니다. 누르면 해당 모델이 선택된 채로 열립니다.
고객센터 › 장비 셀프해결
support.html 은 버튼 대신 페이지 본문에 챗봇을 크게 넣는 방식(data-inline)입니다.