위젯 설치

웹사이트에 faq.guide 챗봇 위젯을 임베드하여 방문자가 바로 질문할 수 있게 합니다.

임베드 코드 복사

좌측 메뉴에서 설정 클릭
위젯 설정 탭 선택
임베드 코드 복사 버튼 클릭

웹사이트에 설치

복사한 코드를 웹사이트 HTML의 </body> 바로 위에 붙여넣으세요.

<!-- faq.guide 챗봇 위젯 -->
<script src="https://faq.guide/widget.js"></script>
<script>
  FaqGuideWidget.init({
    tenantId: 'your-tenant-id'
  });
</script>

커스터마이징

위젯의 외관과 동작을 설정할 수 있습니다.

FaqGuideWidget.init({
  tenantId: 'your-tenant-id',
  primaryColor: '#FF6B00',
  position: 'bottom-right',
  welcomeMessage: '안녕하세요! 무엇을 도와드릴까요?'
});

| 옵션 | 설명 | 기본값 | |------|------|--------| | primaryColor | 위젯 메인 색상 (HEX) | 테넌트 설정 색상 | | position | 위젯 위치 | bottom-right | | welcomeMessage | 첫 인사 메시지 | 테넌트 설정 메시지 |

플랫폼별 설치

WordPress

테마 편집기에서 footer.php 파일에 임베드 코드를 추가하거나, Insert Headers and Footers 플러그인을 사용하세요.

Cafe24 / Shopify

관리자 페이지에서 공통 레이아웃(footer)에 임베드 코드를 추가하세요.

React / Next.js

useEffect 훅을 사용하여 위젯 스크립트를 동적으로 로드할 수 있습니다.