웹사이트에 채팅 창 설치

코드 복사

관리자 페이지의 "연결" 페이지를 열고 "웹사이트 임베드"에 있는 코드를 복사한 뒤, 웹사이트의 모든 페이지에서 </body> 앞에 넣으세요:

<script src="{API}/static/aics-widget.js" data-key="pk_xxx" data-api="{API}" async></script>

data-key는 공개 Key이며, 코드에 이미 입력되어 있습니다. 저장한 뒤 웹사이트를 새로 고치면 오른쪽 아래에 고객 상담 버튼이 나타납니다.

Shopify를 사용하는 경우 테마 코드를 수정할 필요가 없습니다. Shopify와 WeChat 미니 프로그램 연결을 참고하세요.

임베드 허용 웹사이트 등록

"연결" 페이지의 "임베드 허용 웹사이트"에 웹사이트 주소를 입력하세요. 한 줄에 하나씩, https://를 포함해 입력합니다. 예:

https://shop.example.com
https://www.example.com

입력하면 다른 웹사이트가 공개 Key를 가지고 있더라도 고객 상담을 사용할 수 없습니다. 출시 전에 반드시 입력하세요.

자주 쓰는 옵션

• 다크 스타일: script에 data-theme="dark"를 추가합니다.
• 다국어 웹사이트: data-language="auto"를 추가하면 고객 상담 창이 페이지 언어에 맞춰 전환됩니다.
• 직접 만든 "고객 상담" 버튼: AICS.open()을 호출해 채팅 창을 엽니다.

AI가 로그인한 고객을 인식하도록 하기

AI가 고객의 주문을 조회하고 주문을 진행하려면 고객이 누구인지 알아야 합니다. 이 단계에서는 개발자가 서버에서 토큰을 발급해야 합니다. 방법은 개발자 문서 로그인한 고객 식별을 참고하세요. 이 단계를 하지 않아도 AI는 질문에 답하고 상품을 추천할 수 있지만, 주문 조회는 할 수 없습니다.