AI Forge

다크 모드

Quick Start ​

3단계로 MSAP Chat을 시작하세요.

Step 1: SDK 스크립트 추가 ​

HTML의 <head> 또는 <body> 태그에 SDK를 추가합니다.

html
<script src="https://sdk.turacocloud.com/msap-ai-chat.min.js"></script>

Step 2: 위젯 초기화 ​

applicationKey를 사용하여 위젯을 초기화합니다.

html
<script>
  const widget = MSAPChat.init({
    applicationKey: 'your-application-key',
  });
</script>

Step 3: 완료! ​

이제 웹사이트 우측 하단에 채팅 버튼이 나타납니다. 클릭하면 채팅 위젯이 열립니다.

applicationKey 필수

applicationKey는 필수 값입니다. 관리자로부터 발급받은 키를 사용하세요.

완전한 예제 ​

html
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Website</title>
  </head>
  <body>
    <h1>Welcome to My Website</h1>

    <!-- MSAP Chat SDK -->
    <script src="https://sdk.turacocloud.com/msap-ai-chat.min.js"></script>
    <script>
      const widget = MSAPChat.init({
        applicationKey: 'your-application-key',
      });
    </script>
  </body>
</html>

다음 단계 ​

라이브 데모

실제 동작하는 예제를 보려면 Basic Example을 확인하세요.