웹챗/챗봇 버튼 달기
셀러게이트에서 독자적으로 개발한 웹챗과 챗봇을 사용하여 좀 더 다양한 서비스 운영을 구현하실 수 있습니다.
- 위치
-
웹챗 또는 챗봇 버튼을 추가하기 위한 코드 소스는 셀러게이트의
설정/관리>톡 채널 설정>상담 버튼 설치>웹챗,챗봇에서 확인하실 수 있습니다
- 1. 웹챗 버튼 달기
웹챗 버튼은 세가지 타입 중 원하시는 방법을 선택하여 사용하실 수 있습니다.
사용 시 각 코드에 있는 파라미터를 변경하여 사용하실 수 있습니다.
(파라미터의 자세한 설명은 하단 설명을 확인하세요)
- 1-1. 셀러게이트에서 제공하는 버튼을 사용하는 경우 (Script 방식)
해당 코드를 HTML의 <body> 태그 안에 삽입하기만 하시면 해당 페이지에서 웹챗 버튼이 생성되고 레이어 형태의 웹챗을 사용하실 수 있습니다.
버튼 설치 시 아래와 같은 버튼이 해당 페이지에 보여지게 됩니다.
- 1-2. 버튼을 직접 생성하여 사용하는 경우 (Script 방식)
원하시는 버튼에 스크립트를 적용하여 웹챗을 실행시킬 수 있습니다.
해당 코드를 복사 후 HTML의 <body> 태그 안에 삽입 후, <a> 태그 안에 원하시는 버튼의 URL을 입력하시면 해당 페이지에서 레이어 형태의 웹챗을 사용하실 수 있습니다.
- 1-3. 링크에 URL를 입력하여 사용하는 경우 (URL 방식)
별도의 페이지에서 웹챗을 실행되기 원하시는 경우 URL을 통해 웹챗을 별도 창에서 실행하실 수 있습니다. 원하시는 위치에 URL을 복사하여 웹챗을 실행시키실 수 있습니다.
- 2. 챗봇 버튼 달기
챗봇 버튼은 세가지 타입 중 원하시는 방법을 선택하여 사용하실 수 있습니다.
사용 시 각 코드에 있는 파라미터를 변경하여 사용하실 수 있습니다.
(파라미터의 자세한 설명은 하단 설명을 확인하세요)
- 2-1. 챗봇명
챗봇은 여러개를 생성하여 필요에 따라 원하는 챗봇을 설치하실 수 있습니다.
챗봇 시나리오 기능을 통해 설정한 시나리오 목록을 확인하실 수 있습니다.
- 2-2. 셀러게이트에서 제공하는 버튼을 사용하는 경우 (Script 방식)
해당 코드를 HTML의 <body> 태그 안에 삽입하기만 하시면 해당 페이지에서 챗봇 버튼이 생성되고 레이어 형태의 챗봇을 사용하실 수 있습니다.
버튼 설치 시 아래와 같은 버튼이 해당 페이지에 보여지게 됩니다.
- 2-3. 버튼을 직접 생성하여 사용하는 경우 (Script 방식)
원하시는 버튼에 스크립트를 적용하여 챗봇을 실행시킬 수 있습니다.
해당 코드를 복사 후 HTML의 <body> 태그 안에 삽입 후, <a> 태그 안에 원하시는 버튼의 URL을 입력하시면 해당 페이지에서 레이어 형태의 챗봇을 사용하실 수 있습니다.
- 2-4. 링크에 URL를 입력하여 사용하는 경우 (URL 방식)
별도의 페이지에서 챗봇을 실행되기 원하시는 경우 URL을 통해 챗봇을 별도 창에서 실행하실 수 있습니다.
원하시는 위치에 URL을 복사하여 챗봇을 실행시키실 수 있습니다.
- 3. 파라미터 설명
각각의 코드에는 미리 설정된 파라미터 값을 확인하실 수 있습니다.
사용 시 파라미터를 변경하여 사용하실 수 있습니다.
- brandKey : 발급받은 브랜드키
- channelType : chat / scenario : 호출할 채널 타입
- showLauncher : 웹챗 버튼 노출 여부. 클게에서 제공하는 버튼 외에 다른 버튼을 사용시 false
- zIndex : 아이콘 및 팝업 노출 z-index 값
App 내 웹챗 / 챗봇 적용 시 필요 정보 (TWC에 전달 필요)
- App 에이전트
- App 내 통신 가능한 웹뷰 창닫기 함수 코드
- 더 알아보기
상세한 개발 가이드는 개발자 문서에서 확인하실 수 있습니다.
웹챗/챗봇 SDK Javascript
자바스크립트를 통해 셀러게이트 제공 버튼 또는 원하시는 다른 버튼 이미지에 웹챗/챗봇을 사용할 수 있습니다. 1. 웹페이지 내에 JavaScript SDK 붙이기 셀러게이트에서 제공하는 웹챗/챗봇 스크립트를
