지원 에이전트 설치하기
공식 플러그인과 패키지를 먼저, 나머지는 임베드 스니펫으로
플랫폼 스토어에서 설치
Chatixy는 공식 플러그인과 패키지를 배포합니다. 사용하시는 플랫폼용이 있다면 그것이 저희가 권장하고 지원하는 설치 방법입니다. 직접 관리자 화면에서 또는 명령 한 줄로 추가하고, 플랫폼을 통해 업데이트되며, 템플릿에 코드를 붙여넣을 필요가 없습니다.
- WordPress - WordPress.org 플러그인 디렉터리의 Chatixy AI Support Agent 플러그인.
- Framer - Framer Marketplace의 Chatixy AI Support Agent 플러그인.
- JavaScript 앱 - npm의
@chatixy/widget패키지, TypeScript 타입 포함. - PHP 플랫폼 - Packagist에서
chatixy벤더로 배포되는 Composer 패키지: Craft CMS, TYPO3, Magento, Shopware 6, Flarum, Kirby, Contao, Silverstripe, Statamic.
사용하시는 플랫폼이 아직 목록에 없다면 아래 임베드 스니펫을 사용하세요. 어디서나 동작합니다.
팁
- /integrations의 각 플랫폼 페이지는 해당 등록 페이지로 바로 연결되며 정확한 설치 명령을 보여줍니다.
WordPress
공식 Chatixy AI Support Agent 플러그인을 설치하세요. WordPress 관리자에서 Plugins → Add New로 이동해 "Chatixy"를 검색하고 Install Now, 이어서 Activate를 클릭합니다.
Settings → Chatixy AI Support Agent을 열고 Connect with Chatixy를 클릭해 로그인하고 승인하세요. 위젯 키가 자동으로 채워지며, 직접 붙여넣어도 됩니다. 이후 채팅이 모든 페이지에서, 어떤 테마에서도, WooCommerce와 함께 동작합니다.
헤더/푸터 스크립트 플러그인에 스니펫을 붙여넣는 방법도 여전히 동작하지만, 지원되는 경로는 플러그인이며 코드가 필요 없습니다.
Shopify 및 Wix
Shopify: Online Store → Themes → Edit code를 열고 theme.liquid의 </body> 바로 앞에 스니펫을 붙여 넣으세요.
Wix: Settings → Custom Code를 열고 body-end 섹션에 스니펫을 추가한 뒤 모든 페이지에 적용하세요.
둘 다 5분이 채 걸리지 않습니다.
임베드 스니펫
모든 프로젝트에는 고유한 한 줄짜리 스크립트 태그가 있습니다. 프로젝트를 열고 Embed 탭으로 이동하여 스니펫을 복사한 뒤, 사이트의 닫는 </body> 태그 바로 앞에 붙여 넣으세요.
스니펫은 비동기로 동작하므로 페이지 로딩을 절대 막지 않으며, 공개 API 키로 프로젝트를 식별하기 때문에 HTML에 따로 보호해야 할 비밀 정보가 없습니다.
단계
- 1
스니펫 복사하기
Project → Embed 탭 → Copy snippet.
- 2
</body> 앞에 붙여 넣기
모든 페이지에서 로드되도록 사이트 템플릿에 추가하세요.
- 3
사이트 새로고침하기
런처 버블이 화면 모서리에 곧바로 나타납니다.
설치 확인하기
설치 후 시크릿 브라우저 창에서 사이트를 열고 런처를 클릭하세요. 테스트 질문을 보내면 몇 초 안에 프로젝트의 Tickets 화면에 대화가 표시됩니다.
버블이 나타나지 않으면 문제 해결 문서를 참고하세요.
팁
- 캐시된 페이지나 로그인 상태의 관리자 바가 채팅을 가리지 않도록 시크릿 창에서 확인하세요.