문서
Asyntai 사용 방법 알아보기
Squarespace에 Asyntai AI 챗봇을 추가하는 방법
Squarespace 웹사이트를 위한 단계별 가이드
Weebly
1단계: 임베드 코드 가져오기
First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.
2단계: 코드 삽입을 사용하여 코드 추가 (Business 및 Commerce 플랜)
Squarespace Business 또는 Commerce 플랜이 있는 경우, 코드 삽입을 사용하여 모든 페이지에 한 번에 챗봇을 추가할 수 있습니다:
- Squarespace 계정에 로그인하고 사이트를 여세요
- 왼쪽 사이드바에서 Settings를 클릭하세요
- Advanced를 클릭하세요
- Code Injection을 클릭하세요
- Footer 섹션으로 스크롤하세요
- Footer 텍스트 상자에 Asyntai 임베드 코드를 붙여넣으세요
- 왼쪽 상단에서 "Save"를 클릭합니다
팁: Footer 섹션에 코드를 추가하면 닫는 </body> 태그 바로 앞에 배치되며, 이는 채팅 위젯에 권장되는 위치이고 페이지 로딩 속도에 영향을 주지 않습니다.
대안: 코드 블록 사용 (모든 플랜)
Personal 플랜을 사용 중이거나 특정 페이지에만 챗봇을 추가하려는 경우, 코드 블록을 사용할 수 있습니다:
- Squarespace 편집기에서 사이트를 여세요
- 챗봇을 추가할 페이지로 이동하세요
- 페이지에서 "Edit"을 클릭하세요
- 섹션에 마우스를 올리고 \"+ Add Block\"을 클릭하세요
- 아래로 스크롤하고 "Code"를 선택하세요
- 연필 아이콘을 클릭하여 코드 블록을 편집하세요
- Asyntai 임베드 코드를 붙여넣으세요
- 블록 외부를 클릭하여 편집기를 닫으세요
- 왼쪽 상단에서 "Save"를 클릭합니다
중요: 코드 블록을 사용할 때는 챗봇이 표시될 각 페이지에 코드를 추가해야 합니다. 사이트 전체 설치의 경우, 위의 코드 삽입 방법을 사용하세요 (Business 또는 Commerce 플랜 필요).
3단계: 설치 확인
변경 사항을 저장한 후, 새 브라우저 탭이나 시크릿 창에서 웹사이트를 엽니다. 오른쪽 하단에 채팅 위젯 버튼이 표시되어야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인합니다.
위젯이 보이지 않나요? 변경 사항을 저장하고 게시했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 창에서 사이트를 확인해 보세요. Squarespace에서 코드 변경 사항이 적용되는 데 몇 분이 걸릴 수 있습니다.
AI 검색창 추가하기
AI 검색창은 자체 코드를 가진 별도의 위젯입니다. 채팅과 함께 추가하거나 단독으로 추가하세요. Standard 이상 요금제가 필요하며, 하위 요금제에서는 검색창은 보이지만 결과를 반환하지 않습니다.
script 태그에 data-replace 속성을 추가하면 테마에 있던 검색창을 대신합니다. Settings, Code Injection, Footer에 추가하세요. 채팅 코드와 같은 위치입니다. Squarespace는 Business 또는 Commerce 요금제에서만 Code Injection을 제공하므로 설치하려면 해당 요금제가 필요합니다.
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>