웹사이트에 설치하기

마지막 업데이트: 2026년 5월

챗봇을 웹사이트에 설치하려면 임베드 코드를 복사해 웹사이트 HTML에 붙여넣기만 하면 됩니다.

임베드 코드 확인

1. 왼쪽 사이드바에서 AI 챗봇을 클릭합니다.
2. 설치하려는 챗봇의 편집을 클릭합니다.
3. 상단 탭에서 설치(Embed) 또는 위젯 탭을 선택합니다.
4. 표시된 임베드 코드를 복사합니다.

설치 방법

일반 HTML 웹사이트

웹사이트 HTML 파일을 열고 </body> 태그 바로 앞에 임베드 코드를 붙여넣습니다.

<!-- 마이챗봇 위젯 -->
<script src="https://..." data-chatbot-id="YOUR_CHATBOT_ID"></script>
</body>
</html>

아임웹 (Imweb)

1. 아임웹 관리자 페이지에 로그인합니다.
2. 사이트 편집 → 설정 → 코드 삽입으로 이동합니다.
3. 임베드 코드를 </body> 위에 삽입 영역에 붙여넣습니다.
4. 저장하고 게시합니다.

카페24 (Cafe24)

1. 카페24 관리자 페이지에 로그인합니다.
2. 디자인 → HTML 편집으로 이동합니다.
3. layout.html 파일 또는 공통 레이아웃 파일을 엽니다.
4. </body> 앞에 임베드 코드를 붙여넣습니다.

워드프레스 (WordPress)

1. 워드프레스 관리자 페이지에 로그인합니다.
2. 외모 → 테마 편집 → footer.php를 엽니다.
3. </body> 앞에 임베드 코드를 붙여넣고 저장합니다.

WordPress에서는 "Insert Headers and Footers" 같은 플러그인을 사용하면 코드 직접 편집 없이 쉽게 추가할 수 있습니다.

설치 확인

임베드 코드를 추가한 후 웹사이트를 새로고침하면 화면 하단에 챗봇 위젯 버튼이 표시됩니다. 클릭해서 대화창이 정상적으로 열리는지 확인하세요.

자주 묻는 질문

위젯이 보이지 않아요.

브라우저 캐시를 지우고 다시 확인해 보세요. 코드가 올바른 위치(</body> 앞)에 삽입되었는지 확인하세요.

위젯이 다른 요소와 겹쳐요.

위젯의 Z-index 설정 또는 위치(왼쪽/오른쪽)를 위젯 디자인 설정에서 변경해 보세요.

여러 웹사이트에 동일한 챗봇을 설치할 수 있나요?

네. 동일한 임베드 코드를 여러 웹사이트에 설치할 수 있습니다. 모든 채널의 대화가 하나의 챗봇으로 집계됩니다.