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

Instapage 랜딩 페이지를 위한 단계별 가이드

임베드 코드 받기

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

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

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

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

2단계: HTML/CSS 설정 사용

Instapage에는 사용자 정의 스크립트를 추가하기 위한 내장 HTML/CSS 편집기가 있습니다:

  1. 편집기에서 Instapage 랜딩 페이지를 여세요
  2. 편집기 도구 모음에서 "Settings"를 클릭하세요
  3. "HTML/CSS" 섹션으로 이동하세요
  4. "Head" 섹션에 Asyntai 임베드 코드를 붙여넣으세요
  5. "Save"를 클릭하고 페이지를 다시 게시하세요

팁: Instapage는 HTML/CSS 설정에서 "Body" 섹션도 제공합니다. 두 위치 모두 작동하지만, 채팅 위젯의 경우 조기 로딩을 보장하는 Head 섹션이 권장됩니다.

3단계: 설치 확인

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

위젯이 보이지 않나요? 설정을 저장하고 페이지를 다시 게시했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요.