대시보드로 돌아가기

문서

Asyntai 사용 방법 알아보기

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

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

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

임베드 코드 받기
플랫폼:
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단계: 전체 사이트에 코드 추가 (권장)

Tilda 웹사이트의 모든 페이지에 챗봇을 한꺼번에 추가하려면 사이트 설정 방법을 사용하세요:

  1. Tilda 계정에 로그인하고 사이트 편집기를 여세요
  2. Click Site Settings (gear icon) in the top menu
  3. "More" 섹션까지 아래로 스크롤하세요
  4. Find "HTML code for the HEAD section for all pages"
  5. "Edit code"를 클릭하세요
  6. 텍스트 상자에 Asyntai 삽입 코드를 붙여넣으세요
  7. "Save"를 클릭하세요
  8. Click "Publish" to apply changes to your live site

팁: 이 방법은 사이트의 모든 페이지에 챗봇을 자동으로 추가합니다. 방문자에게 사이트 전체에서 챗봇을 제공하는 가장 쉬운 방법입니다.

대안: T123 블록 사용 (특정 페이지)

특정 페이지에만 챗봇을 추가하려면 Tilda의 T123 HTML 블록을 사용할 수 있습니다:

  1. Tilda 편집기에서 편집하려는 페이지를 여세요
  2. Click "+ Add Block" or press "T"
  3. 블록 라이브러리에서 Other → T123 (Embed HTML Code)로 이동하세요
  4. 또는 검색 바에서 "T123"을 검색하세요
  5. T123 블록을 클릭하여 페이지에 추가하세요
  6. 블록 설정에서 Asyntai 삽입 코드를 붙여넣으세요
  7. 페이지 어디에나 블록을 배치하세요 (위젯 위치에 영향을 주지 않습니다)
  8. "Publish"를 클릭하여 변경 사항을 적용하세요

참고: T123 블록은 HTML, JavaScript(<script> 태그 내), CSS(<style> 태그 내)를 지원합니다. 블록의 시각적 위치는 중요하지 않습니다 - 챗봇은 설정된 대로 오른쪽 하단에 표시됩니다.

페이지별 Head 섹션 (고급)

For more control, you can add code to individual page head sections:

  1. Tilda 편집기에서 페이지를 여세요
  2. Click Page Settings (gear icon) in the top menu
  3. "Additional" 탭으로 이동하세요
  4. "HTML code for the HEAD section"을 찾으세요
  5. Asyntai 임베드 코드를 붙여넣으세요
  6. Click "Save" and then "Publish"

중요: T123 블록 또는 페이지별 방법을 사용할 때는 챗봇을 표시하려는 각 페이지에 코드를 추가해야 합니다. 사이트 전체 설치를 위해서는 2단계에서 설명한 사이트 설정 방법을 사용하세요.

3단계: 설치 확인

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

위젯이 보이지 않나요? 변경 사항을 게시했는지 확인하세요 (저장만 한 것이 아닌지). 브라우저 캐시를 지우거나 시크릿 창에서 사이트를 확인해 보세요. Tilda 변경 사항이 라이브 사이트에 반영되기까지 잠시 시간이 걸릴 수 있습니다.