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

Volusion 전자상거래 스토어를 위한 단계별 가이드

임베드 코드 받기

플랫폼:

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

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

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

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

2단계: 테마 백업

Volusion 스토어를 변경하기 전에 백업을 만드는 것이 중요합니다:

Volusion 관리자 패널에 로그인하세요
Design → File Editor로 이동하세요
Archive Theme을 클릭하여 백업을 만드세요
보관을 위해 아카이브 사본을 다운로드하세요

중요: 코드를 변경하기 전에 항상 테마를 백업하세요. 문제가 발생할 경우 쉽게 되돌릴 수 있습니다.

3단계: 템플릿에 코드 추가 (권장)

Volusion 스토어의 모든 페이지에 챗봇을 추가하려면:

Volusion 관리자에서 Design → Template으로 이동하세요
또는 Design → File Editor → Shortcuts로 이동하세요
기본 템플릿 파일을 찾으세요 (보통 template_*.html)
아래로 스크롤하여 닫는 </body> 태그를 찾으세요
</body> 태그 바로 앞에 Asyntai 삽입 코드를 붙여넣으세요
Save를 클릭하여 변경 사항을 적용하세요
스토어를 미리보기하여 챗봇이 나타나는지 확인하세요

팁: 닫는 </body> 태그 앞에 코드를 추가하면 최적의 페이지 로딩 성능을 보장합니다. 이 방법은 스토어의 모든 페이지에 자동으로 챗봇을 추가합니다.

대안 방법 1: Header/Footer HTML 삽입

Volusion에서는 전역 설정을 통해 커스텀 코드를 추가할 수 있습니다:

Volusion 관리자 패널에 로그인하세요
Settings → Design Settings로 이동하세요
Custom HTML 또는 Footer Code 섹션을 찾으세요
이 필드에 Asyntai 삽입 코드를 붙여넣으세요
Save를 클릭하세요
이제 코드가 모든 페이지에 자동으로 추가됩니다

참고: 커스텀 HTML 설정의 정확한 위치는 Volusion 플랜과 버전에 따라 다를 수 있습니다. "Custom Code," "Header/Footer," 또는 "Global HTML"과 관련된 설정을 찾으세요.

대안 방법 2: 페이지별 설치

특정 페이지에만 챗봇을 추가하려면:

Design → File Editor → Shortcuts로 이동하세요
PageName 함수를 사용하여 페이지별 템플릿을 만들거나 편집하세요
특정 페이지에서만 스크립트를 포함하도록 조건부 코드를 추가하세요:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

팁: 이 방법은 제품 페이지, 결제 페이지 또는 지원 페이지와 같은 특정 페이지에서만 챗봇을 원할 때 유용합니다. 'home'과 'products'를 Volusion 스토어의 실제 페이지 이름으로 교체하세요.

대안 방법 3: 커스텀 CSS/HTML 기사

기사 블록을 통해 코드를 추가할 수도 있습니다:

Volusion 관리자에서 Articles → Articles로 이동하세요
새 기사를 만들거나 기존 기사를 편집하세요
기사 편집기에서 HTML view로 전환하세요
Asyntai 임베드 코드를 붙여넣으세요
기사를 저장하세요
이 기사를 페이지 템플릿이나 사이드바에 추가하세요
이 기사가 표시되는 페이지에 챗봇이 나타납니다

참고: 이 방법은 덜 일반적이지만 템플릿 파일에 대한 접근이 제한되어 있거나 기사를 숨기거나 표시하여 챗봇을 쉽게 켜고 끌 수 있어 유용할 수 있습니다.

4단계: 설치 확인

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

위젯이 보이지 않나요? 모든 템플릿 변경 사항을 저장했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 모드로 확인하세요. Volusion은 템플릿을 캐싱할 수 있으므로 변경 사항이 표시되기까지 몇 분이 걸릴 수 있습니다. 브라우저 콘솔(F12)에서 JavaScript 오류가 있는지 확인하세요.

도움이 필요하신가요?

템플릿 파일 편집이 어려우시면 Volusion 고객 지원팀에서 커스텀 HTML 및 CSS 요청을 도와드릴 수 있습니다. Volusion 스토어에 챗봇을 설치하는 방법에 대한 안내는 Asyntai 지원팀에 문의할 수도 있습니다.

전문 지원: 테마 수정이나 복잡한 커스터마이징에 전문적인 도움이 필요한 경우 Volusion에서 커스텀 코딩 서비스를 제공합니다.

문서