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

Odoo 웹사이트를 위한 단계별 가이드

임베드 코드 받기

플랫폼:

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

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

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

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

2단계: 코드 삽입을 사용하여 코드 추가 (Odoo 16+)

Odoo 버전 16 이상을 사용하는 경우, 내장된 코드 삽입 기능을 사용하여 모든 페이지에 챗봇을 추가할 수 있습니다:

Odoo 백엔드에 로그인하고 Website 앱으로 이동합니다
Edit을 클릭하여 웹사이트 편집기로 진입하세요
편집기 도구 모음에서 Theme 옵션을 클릭하세요
Website Settings로 이동하세요
Code Injection을 찾아 클릭하세요
</body> 옵션을 클릭하여 닫는 body 태그 앞에 코드를 추가합니다
코드 편집기에 Asyntai 임베드 코드를 붙여넣으세요
Save를 클릭하여 변경 사항을 적용하세요

팁: </body> 섹션에 코드를 추가하면 닫는 body 태그 바로 앞에 배치되며, 이는 채팅 위젯에 권장되는 위치이고 페이지 로딩 속도에 영향을 주지 않습니다.

대안: HTML 편집기 사용 (Odoo 14-15)

Odoo 버전 14 및 15의 경우, HTML 편집기를 사용하여 코드를 추가할 수 있습니다:

Odoo 백엔드에 로그인하고 Website 앱으로 이동합니다
Edit을 클릭하여 웹사이트 편집기로 진입하세요
Customize 드롭다운 메뉴를 클릭하세요
HTML/CSS/JS Editor를 선택하세요
편집 가능한 템플릿 목록에서 Main Layout을 선택하세요
템플릿 하단으로 스크롤하여 닫는 </t> 태그 바로 앞까지 이동합니다
Asyntai 임베드 코드를 붙여넣으세요
Save를 클릭하고 페이지를 새로고침하세요

중요: HTML을 직접 편집할 때는 유효한 XHTML 구문을 사용해야 합니다. 필요한 경우 script 태그는 자체 닫힘이어야 합니다. 변경 사항은 웹사이트의 모든 페이지에 적용됩니다.

대안: 개발자 방법 (커스텀 모듈)

개발자이거나 커스텀 Odoo 모듈에 접근할 수 있는 경우, 웹사이트 레이아웃을 상속하는 템플릿을 만들 수 있습니다:

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

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

    </xpath>

</template>

참고: 이 방법은 커스텀 Odoo 모듈을 생성하고 위 코드를 모듈의 XML 뷰에 추가해야 합니다. 추가 후 모듈 목록을 업데이트하고 모듈을 설치합니다.

3단계: 설치 확인

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