대시보드로 돌아가기

문서

Asyntai 사용 방법 알아보기

시작하기
설치 지식 베이스 AI 테스트 웹사이트 관리
사용자 정의
위젯 색상 AI 어시스턴트 이름 초기 메시지 위젯 위치 자동 트리거 인사 버블 읽지 않은 배지 지시 모드 질문하기 이모지 사용 이메일 수집 전화번호 수집 스마트 리드 수집 현지화 브랜딩 숨기기 개인정보 링크 사용자 정의 공지 대화 내용 다운로드 새 대화 대화 기록 태그라인 및 상태 점 음성 인식 채팅 아이콘 회사 로고 글자 수 제한 온도
AI 지침 팁 요금제 비교
기능
웹사이트 크롤링 지식 격차 제품 카드 동적 제품 카드 사용자 컨텍스트 실시간 모니터링 사람 인계 에스컬레이션 AI 알림 일일 보고서 실시간 데이터 피드 실시간 데이터 피드 Max 팀 멤버 Single Sign-On 이미지 포함 이미지 비전 번역 위젯 현지화 리드 스마트 리드 수집 지원 티켓 예약 임베드 페이지 제외 차단된 IP 더 스마트한 모델 사고 모드 활성화 답변 제안 후속 메시지 음성 인식 대화 내용 다운로드 임베디드 채팅
분석
채팅 분석 채팅 로그
통합
REST API Instagram Messenger WhatsApp Zapier Email 모바일 앱
기타
홈 화면에 추가 맞춤 열기 버튼
AI에게 물어보기

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

Bludit CMS를 위한 단계별 가이드

임베드 코드 받기
플랫폼:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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

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

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

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

2단계: HTML Code 플러그인을 사용하여 코드 추가 (권장)

Bludit 사이트에 챗봇을 추가하는 가장 쉬운 방법은 기본 HTML Code 플러그인을 사용하는 것입니다:

  1. Bludit 관리자 패널에 로그인하세요
  2. 왼쪽 사이드바에서 Plugins로 이동하세요
  3. "HTML Code" 플러그인을 찾으세요 (보통 사전 설치되어 있습니다)
  4. 활성화되지 않은 경우, "Activate"를 클릭하여 활성화하세요
  5. HTML Code 플러그인에서 "Configure"를 클릭하세요
  6. 설정에서 Header와 Footer 코드 필드가 표시됩니다
  7. "Footer" 필드에 Asyntai 삽입 코드를 붙여넣으세요
  8. "Save"를 클릭하세요

팁: Footer에 코드를 추가하면 페이지 끝에서 로드되므로 사이트의 초기 로딩 속도가 저하되지 않습니다. 이 방법은 사이트의 모든 페이지에 자동으로 챗봇을 추가합니다.

대체 방법 1: 테마 파일 통합

더 세밀한 제어를 위해 테마 파일에 직접 코드를 추가할 수 있습니다:

  1. FTP 또는 파일 관리자를 통해 Bludit 설치에 연결하세요
  2. /bl-themes/your-theme-name/으로 이동하세요
  3. index.php 파일을 편집용으로 여세요
  4. 닫는 </body> 태그를 찾으세요
  5. </body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
  6. 파일을 저장하세요
  7. 해당하는 경우 사이트 캐시를 지우세요

참고: 테마 파일을 직접 편집할 때는 먼저 원본 파일을 백업하세요. 테마 업데이트 시 변경 사항이 덮어쓰여질 수 있으므로 수정 내용을 기록해 두세요.

대체 방법 2: 페이지에 커스텀 콘텐츠 추가

Bludit의 콘텐츠 편집기를 사용하여 특정 페이지에 직접 챗봇 코드를 추가할 수도 있습니다:

  1. Bludit 관리자 패널에 로그인하세요
  2. Content로 이동하여 편집할 페이지를 선택하세요
  3. 편집기에서 HTML 모드로 전환하세요 (비주얼 편집기를 사용하는 경우)
  4. 페이지 콘텐츠 어디에든 Asyntai 삽입 코드를 추가하세요
  5. "Save"를 클릭하세요
  6. 챗봇을 원하는 다른 페이지에도 반복하세요

중요: 페이지 콘텐츠에 직접 코드를 추가할 때는 각 페이지에 개별적으로 추가해야 합니다. 사이트 전체 설치에는 HTML Code 플러그인이나 테마 파일 방법을 대신 사용하세요.

플러그인 훅 사용 (고급)

커스텀 플러그인을 만드는 개발자를 위해 Bludit은 플러그인 훅을 제공합니다:

  • siteBodyBegin - <body> 태그 상단에서 실행됩니다
  • siteBodyEnd - 하단에서 실행되며, Asyntai 위젯과 같은 JavaScript 코드에 이상적입니다

siteBodyEnd 훅을 사용하여 모든 페이지에 챗봇 코드를 삽입하는 커스텀 플러그인을 만들 수 있습니다.

3단계: 설치 확인

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

위젯이 보이지 않나요? 플러그인 설정이나 테마 파일 변경 사항을 저장했는지 확인하세요. 브라우저 캐시와 Bludit 캐시(활성화된 경우)를 지우세요. 브라우저 콘솔(F12)에서 JavaScript 오류가 있는지 확인하세요.