Weebly에 Asyntai AI 챗봇을 추가하는 방법
Weebly 웹사이트를 위한 단계별 가이드
1단계: 임베드 코드 가져오기
먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.
2단계: 설치 방법 선택
Weebly 사이트에 채팅 위젯을 추가하는 여러 가지 방법이 있습니다. 가장 적합한 방법을 선택하세요:
방법 1: 사이트 전체 Footer 코드 (권장)
이 방법은 Weebly 사이트의 모든 페이지에 자동으로 챗봇을 추가합니다.
- Weebly 계정에 로그인하고 사이트 편집기를 여세요
- 상단 메뉴에서 Settings를 클릭하세요
- 왼쪽 사이드바에서 SEO를 선택하세요
- Footer Code 섹션을 찾을 때까지 아래로 스크롤하세요
- Footer Code 상자에 Asyntai 삽입 코드를 붙여넣으세요
- Save를 클릭하세요
- Publish를 클릭하여 변경 사항을 적용하세요
왜 Footer Code인가? 스크립트를 푸터에 추가하면 페이지 콘텐츠 이후에 로드되어 성능에 최적이며 사이트 속도를 저하시키지 않습니다.
방법 2: 단일 페이지 설치
특정 페이지에서만 챗봇을 원하면 각 페이지에 이 방법을 사용하세요:
- Weebly 편집기에서 상단 메뉴의 Pages를 클릭하세요
- 챗봇을 추가하려는 페이지를 선택하세요
- 해당 페이지의 SEO Settings(또는 Advanced Settings)를 클릭하세요
- Footer Code 섹션을 찾으세요
- Asyntai 임베드 코드를 붙여넣으세요
- Save를 클릭하세요
- 챗봇을 원하는 다른 페이지에서도 반복하세요
- Publish를 클릭하여 변경 사항을 적용하세요
참고: 페이지 수준의 코드는 해당 특정 페이지에만 적용됩니다. 여러 페이지에 챗봇을 원하면 사이트 전체 방법이 더 효율적입니다.
방법 3: Embed Code 요소 사용
Weebly의 Embed Code 요소를 사용할 수도 있지만, 채팅 위젯에는 footer 방법이 선호됩니다:
- Weebly 편집기에서 Build 탭으로 이동하세요
- Basic 섹션에서 Embed Code 요소를 찾으세요
- Embed Code 요소를 페이지로 드래그하세요 (가급적 하단 근처에)
- 요소를 클릭하고 Edit Custom HTML을 선택하세요
- Asyntai 임베드 코드를 붙여넣으세요
- 요소 바깥을 클릭하여 저장하세요
- Publish를 클릭하여 변경 사항을 적용하세요
중요: Embed Code 요소는 편집기에서 미리보기를 표시하지 않습니다. 챗봇이 작동하는 것을 보려면 사이트를 게시해야 합니다.
3단계: 설치 확인
사이트를 게시한 후, 새 브라우저 탭이나 시크릿 창에서 웹사이트를 방문하세요. 오른쪽 하단에 채팅 위젯 버튼이 표시되어야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인하세요.
위젯이 보이지 않나요? Weebly는 header/footer 섹션에 추가된 코드의 미리보기를 표시하지 않습니다. "Publish"를 클릭하여 변경 사항을 적용했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요.
Weebly Square Online 참고
Square Online(Weebly의 전자상거래 플랫폼)을 사용하는 경우 단계는 비슷합니다:
- Square Online 대시보드로 이동하세요
- Website > Site Settings로 이동하세요
- Advanced Settings 또는 Custom Code를 찾으세요
- footer 섹션에 Asyntai 삽입 코드를 추가하세요
- 변경 사항을 저장하고 게시하세요
Weebly