대시보드로 돌아가기

문서

Asyntai 사용 방법 알아보기

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

Plesk 호스팅 웹사이트에 Asyntai AI 챗봇을 추가하는 방법

Plesk에서 호스팅되는 웹사이트를 위한 단계별 가이드

임베드 코드 받기
플랫폼:
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단계: 웹사이트 유형 확인

설치 방법은 웹사이트가 사용하는 플랫폼에 따라 다릅니다. Plesk는 다양한 유형의 웹사이트를 호스팅할 수 있는 호스팅 제어판입니다:

WordPress/Joomla/Drupal: 사이트가 CMS를 사용하는 경우, 해당 플랫폼의 전용 가이드를 참조하세요 (WordPress, Joomla, Drupal).

정적 HTML 웹사이트의 경우

Plesk에서 호스팅되는 정적 HTML 웹사이트가 있는 경우, 파일 관리자를 사용하여 HTML 파일을 편집합니다:

방법 1: Plesk 파일 관리자 사용

  1. Plesk 제어판에 로그인하세요
  2. Websites & Domains로 이동하세요
  3. File Manager를 클릭하세요
  4. 웹사이트의 루트 디렉토리로 이동합니다 (보통 httpdocs 또는 public_html)
  5. 메인 HTML 파일을 찾습니다 (보통 index.html 또는 index.php)
  6. 파일 이름을 클릭하여 편집기 메뉴를 여세요
  7. HTML 구문 강조를 위해 Code Editor를 선택하세요
  8. 닫는 </body> 태그를 찾을 때까지 스크롤하세요
  9. </body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
  10. "Save" 또는 "OK"를 클릭하세요
  11. 필요한 경우 다른 HTML 페이지에도 반복하세요

팁: Plesk 파일 관리자는 코드 편집기(구문 강조 포함), HTML 편집기(위지위그), 텍스트 편집기 등 여러 편집기를 제공합니다. HTML 파일을 편집할 때는 코드 편집기를 사용하면 가장 좋은 결과를 얻을 수 있습니다.

방법 2: FTP 접근 사용

  1. Plesk에서 Websites & Domains로 이동합니다
  2. FTP Access 섹션을 찾습니다
  3. FTP 자격 증명을 메모하거나 새 FTP 계정을 생성하세요
  4. FileZilla와 같은 FTP 클라이언트를 사용하여 서버에 연결하세요
  5. 웹사이트의 디렉토리로 이동하세요 (httpdocs)
  6. 편집하려는 HTML 파일을 다운로드하세요
  7. </body> 태그 앞에 Asyntai 임베드 코드를 추가하세요
  8. 수정된 파일을 서버에 다시 업로드하세요

PHP 기반 웹사이트의 경우

웹사이트가 PHP 템플릿이나 인클루드를 사용하는 경우:

  1. Plesk 파일 관리자에서 템플릿 또는 인클루드 파일로 이동하세요
  2. 푸터 템플릿 파일을 찾습니다 (보통 footer.php, footer.inc.php 또는 template.php)
  3. 코드 편집기로 여세요
  4. </body> 태그 앞에 Asyntai 임베드 코드를 추가하세요
  5. 파일을 저장하세요

참고: 푸터 템플릿을 편집하면 해당 템플릿을 사용하는 모든 페이지에 챗봇이 자동으로 표시됩니다.

백업 생성

변경하기 전에 백업을 생성하는 것이 좋습니다:

  1. Plesk에서 Websites & Domains로 이동합니다
  2. Backup Manager를 클릭하세요
  3. 웹사이트의 전체 백업을 생성하세요
  4. 변경 사항을 적용하기 전에 안전하게 보관하세요

중요: 가능한 경우 항상 스테이징 환경에서 먼저 변경 사항을 테스트하세요. 데이터 손실을 방지하기 위해 편집 전에 파일을 백업하세요.

3단계: 설치 확인

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

위젯이 보이지 않나요? 브라우저 캐시와 Plesk의 서버 측 캐시를 지우세요. 브라우저 콘솔(F12)에서 JavaScript 오류를 확인하세요. 파일 관리자에서 파일을 다시 확인하여 올바르게 저장되었는지 확인하세요.