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

Webflow 웹사이트를 위한 단계별 가이드

플랫폼:

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

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

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

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

Webflow 사이트의 모든 페이지에 챗봇을 한꺼번에 추가하려면:

팁: Footer 섹션에 코드를 추가하면 닫는 </body> 태그 바로 앞에 배치되어 페이지 로딩을 느리게 하지 않으므로 채팅 위젯에 권장됩니다.

특정 페이지에만 챗봇을 원하는 경우:

페이지 어디에서나 Embed 요소를 사용하여 챗봇을 추가할 수도 있습니다:

중요: Embed 요소를 사용할 때는 챗봇을 원하는 각 페이지에 추가해야 합니다. 사이트 전체 설치를 위해서는 위의 Site Settings 방법을 사용하세요.

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

위젯이 보이지 않나요? 코드를 추가한 후 사이트를 게시했는지 확인하세요. 커스텀 코드는 Designer 미리보기가 아닌 라이브 사이트에서만 나타납니다. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요.