가이드
홈페이지를 고치지 않고 붙입니다
스크립트 한 줄이면 오른쪽 아래에 버튼이 생깁니다. 페이지 구조를 바꾸거나 다시 만들 필요가 없습니다.
홈페이지에 붙이기
-
1
설치 코드를 복사합니다
챗봇 수정 화면에서 설치 코드를 복사합니다. 챗봇마다 고유한 값이 들어 있어 그대로 쓰면 됩니다.
-
2
페이지에 붙여 넣습니다
HTML의 닫는 body 태그 앞에 넣으면 됩니다. 워드프레스나 카페24처럼 관리 화면에서 스크립트를 넣는 자리가 있는 서비스라면 거기에 넣습니다.
-
3
보이는지 확인합니다
페이지를 새로 고치면 오른쪽 아래에 버튼이 나타납니다. 안 보이면 챗봇이 비공개거나 접속 허용 주소에 그 사이트가 빠져 있는 경우입니다.
버튼 모양 조정
설치 코드에 값을 더해 버튼 위치와 크기, 색을 맞출 수 있습니다.
| 설정 | 뜻 | 기본값 |
|---|---|---|
| data-offset-x | 오른쪽에서 떨어진 거리 | 20 |
| data-offset-y | 아래에서 떨어진 거리 | 20 |
| data-button-size | 버튼 지름 | 56 |
| data-color | 버튼 색 | #2563eb |
| data-max-content-width | 본문 최대 폭에 맞춰 정렬 | 0 (화면 기준) |
| data-lang | 상담창 언어 지정 | 페이지 언어를 따름 |
| data-button | 기본 버튼 사용 여부 | default |
단위는 픽셀입니다. 가운데 정렬된 페이지에서 버튼이 본문 밖으로 떠 보이면 본문 최대 폭 값을 넣어 안쪽으로 당길 수 있습니다.
직접 만든 버튼을 쓰려면
기본 버튼을 끄고 홈페이지의 원하는 위치에 직접 만든 버튼을 두어도 됩니다. 그 버튼을 눌렀을 때 상담창이 열리도록 연결하면 됩니다. 메뉴 안이나 상품 페이지 아래처럼 원하는 자리에 넣을 수 있습니다.
함께 연결할 수 있는 것
외부 채널
네이버 톡톡, 인스타그램, 텔레그램을 연결하면 그 채널로 온 메시지에도 같은 AI가 답합니다.
방문 분석 도구
이미 구글 애널리틱스를 쓰고 있다면 챗봇에서 일어난 일을 그쪽으로 함께 보낼 수 있습니다. 유료 플랜에서 제공됩니다.
다른 자료
이미 만들어 둔 자료 링크나 다른 챗봇을 추가 자료로 연결해 함께 참고하게 할 수 있습니다.
QR 코드
자료 링크와 디지털 명함은 QR 코드를 내려받아 인쇄물에 넣을 수 있습니다.
자주 묻는 것
- 홈페이지 디자인이 깨지지 않을까요?
- 챗봇 화면은 홈페이지와 분리된 영역에서 그려집니다. 홈페이지의 글꼴이나 색 설정이 챗봇에 영향을 주지 않고, 반대도 마찬가지입니다.
- 페이지가 무거워지지 않나요?
- 설치 코드는 페이지가 다 그려진 뒤에 따로 불러오도록 되어 있어 본문이 보이는 속도에는 영향을 주지 않습니다.
- 특정 페이지에만 보이게 할 수 있나요?
- 스크립트를 넣은 페이지에만 나타납니다. 전체에 넣고 싶으면 공통 레이아웃에, 일부에만 넣으려면 그 페이지에만 넣으면 됩니다.
- 여러 사이트에 같은 챗봇을 쓸 수 있나요?
- 같은 설치 코드를 여러 곳에 넣을 수 있습니다. 다만 접속 허용 주소를 지정해 두었다면 그 목록에 각 사이트를 넣어야 합니다.