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

Carrd 사이트를 위한 단계별 가이드

임베드 코드 받기

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

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

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

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

2단계: Embed 요소 추가 (Pro 플랜 필요)

Carrd에서는 Embed 요소를 통해 커스텀 코드를 추가할 수 있습니다. 다음 단계를 따르세요:

  1. 편집기에서 Carrd 사이트를 여세요
  2. "Add Element"(+ 버튼)를 클릭하세요
  3. "Embed"를 선택하세요
  4. Type"Code"로 설정하세요
  5. "Code" 필드에 Asyntai 삽입 코드를 붙여넣으세요
  6. Style에서 "Hidden"을 선택하고 "Before closing body tag"를 선택하세요
  7. 사이트를 저장하고 게시하세요

참고: 커스텀 코드가 포함된 embed 요소를 추가하려면 Carrd Pro Standard 플랜 이상이 필요합니다. 무료 플랜은 코드 embed를 지원하지 않습니다. Carrd 대시보드에서 직접 Pro로 업그레이드할 수 있습니다.

3단계: 설치 확인

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

위젯이 보이지 않나요? 코드를 추가한 후 사이트를 저장하고 게시했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요. 커스텀 코드의 "Footer" 필드에 코드가 붙여넣어졌는지 다시 확인하세요.