Shopify에 Asyntai AI 챗봇을 추가하는 방법

Shopify 스토어를 위한 단계별 가이드

임베드 코드 받기

1단계: 임베드 코드 가져오기

먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.

2단계: Shopify 테마에 코드 추가

다음 단계에 따라 Shopify 스토어에 챗봇을 추가합니다:

  1. Shopify Admin 패널에 로그인합니다
  2. Online Store → Themes로 이동합니다
  3. 현재 테마를 찾아 "..." 버튼(세 개의 점)을 클릭합니다
  4. 드롭다운 메뉴에서 "Edit code"를 선택합니다
  5. 왼쪽 사이드바에서 Layout 아래의 theme.liquid를 클릭합니다
  6. 아래로 스크롤하여 닫는 </body> 태그를 찾으세요
  7. </body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
  8. 오른쪽 상단의 "Save"를 클릭하세요

팁: Ctrl+F(Windows) 또는 Cmd+F(Mac)를 사용하여 theme.liquid 파일에서 </body>를 빠르게 검색합니다.

대안: Shopify 앱 사용

코드를 편집하지 않으려면 Shopify 앱을 사용하여 커스텀 스크립트를 추가할 수 있습니다:

  1. Shopify App Store로 이동합니다
  2. "Custom Script Injector" 또는 "Header & Footer Scripts"를 검색합니다
  3. 원하는 앱을 설치합니다
  4. 앱을 사용하여 푸터 섹션에 Asyntai 임베드 코드를 추가합니다

3단계: 설치 확인

변경 사항을 저장한 후, 새 브라우저 탭이나 시크릿 창에서 Shopify 스토어를 방문합니다. 스토어 오른쪽 하단에 채팅 위젯 버튼이 표시되어야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인합니다.

위젯이 보이지 않나요? Shopify가 테마 파일을 캐시할 수 있습니다. 시크릿/프라이빗 브라우저 창에서 스토어를 열거나, 몇 분 기다렸다가 페이지를 새로고침해 보세요.

Shopify Plus 사용자

Shopify Plus를 사용하는 경우, checkout.liquid 파일을 통해 결제 페이지에 챗봇을 표시할 수도 있습니다. 그러나 대부분의 스토어는 메인 스토어 페이지에서만 필요합니다.