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

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

플랫폼:

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

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

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

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

BigCommerce에 채팅 위젯을 추가하는 방법은 여러 가지가 있습니다. 가장 적합한 방법을 선택하세요:

Script Manager는 BigCommerce 스토어에 커스텀 스크립트를 추가하는 가장 쉽고 권장되는 방법입니다. 코딩 지식이 필요하지 않으며 테마 변경 시에도 유지됩니다.

왜 Script Manager를 사용하나요? Script Manager를 통해 추가된 스크립트는 테마와 별도로 관리됩니다. 스토어 테마를 업데이트하거나 변경해도 영향을 받지 않습니다.

BigCommerce의 Page Builder를 사용하여 HTML 요소로 채팅 위젯을 추가할 수 있습니다. 이 방법은 위젯이 표시되는 위치를 더 세밀하게 제어하고 싶을 때 유용합니다.

참고: 모든 페이지에 챗봇을 넣으려면 푸터와 같은 글로벌 영역에 추가해야 합니다. 사이트 전체 설치에는 Script Manager 방법이 더 쉽습니다.

Stencil 테마를 사용하는 개발자의 경우, 테마 파일에 코드를 직접 추가할 수 있습니다. 테마 소스 파일에 대한 접근 권한이 필요합니다.

Stencil CLI로 로컬에서 개발하는 경우:

중요: 테마 파일 변경 사항은 테마 업데이트 시 덮어쓰여질 수 있습니다. 테마 업데이트에도 유지되는 영구적인 솔루션을 원하면 Script Manager 방법을 사용하세요.

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

위젯이 보이지 않나요? 브라우저 캐시를 지우고 다시 시도하세요. 테마 편집기를 통해 변경한 경우, "Publish"를 클릭하여 라이브 스토어에 변경 사항을 적용했는지 확인하세요.