Shopify 스토어에 AI 챗 위젯을
3분 만에 도입.
테마 커스터마이저의 "Custom Liquid" 또는 테마 코드에 monoshiri AI의 임베드 코드를 붙여넣기만 하면 완료됩니다.
Shopify 스토어와 monoshiri.ai 계정이 필요합니다
Shopify에 설치하는 3가지 방법
스토어 테마와 운영 방침에 맞춰 가장 쉬운 방법을 선택하세요. 어느 방법이든 "임베드 코드를 붙여넣는" 작업은 동일합니다.
Custom Liquid (추천)
Online Store 2.0 테마테마 커스터마이저에서 "Custom Liquid" 블록을 추가하고 임베드 코드를 붙여넣기만 하면 됩니다. 코드 편집 없이 가장 간단합니다.
테마 코드 편집
모든 테마 대응테마 파일 `layout/theme.liquid`의 body 종료 태그 직전에 임베드 코드를 붙여넣습니다. 오래된 테마나 모든 페이지에 확실히 표시하고 싶을 때 추천.
Shopify App (출시 예정)
Coming soonShopify App Store에서 설치만 하면 연동되는 공식 앱을 준비 중입니다. GDPR 대응과 HMAC 검증 등 풀 사양으로 개발 중.
필요한 것
Shopify 스토어 관리자 권한
온라인 스토어·테마 편집 권한이 필요합니다.
monoshiri AI 계정
위젯을 만들고 임베드 코드를 발급해 주세요. 무료 가입부터 시작할 수 있습니다.
추천 절차 (Custom Liquid 경유)
Online Store 2.0 테마에서의 최단 설치 절차입니다. 모두 Shopify 관리 화면 내에서 완료됩니다.
monoshiri AI에서 임베드 코드 얻기
monoshiri AI 관리 화면에서 위젯을 열고 "임베드 코드" 섹션의 코드를 복사합니다. 허용 도메인에 Shopify 스토어 URL(예: yourshop.myshopify.com, 커스텀 도메인이 있다면 그것도)을 추가해 주세요.
테마 커스터마이저 열기
Shopify 관리 화면 → 온라인 스토어 → 테마 → "커스터마이즈" 클릭. 표시된 에디터에서 위젯을 표시할 페이지(보통 "홈페이지" 또는 전체 페이지 공통 레이아웃)를 선택합니다.
Custom Liquid 추가하고 붙여넣기
"섹션 추가" → "Custom Liquid"를 선택하고 빈 칸에 임베드 코드를 붙여넣은 후 저장합니다. 즉시 스토어에 반영됩니다.
다른 방법: 테마 코드를 직접 편집
Online Store 1.0의 오래된 테마나, 모든 페이지에 확실히 표시하고 싶을 때는 테마 코드에 직접 붙여넣습니다.
설치 후 확인
스토어에 접속하여 오른쪽 아래에 챗 버튼이 표시되는지 확인하세요. 표시되지 않을 경우, Custom Liquid 블록 활성화 상태와 monoshiri AI 측의 허용 도메인에 Shopify 스토어 URL이 포함되어 있는지 확인합니다.
Shopify 연동 자주 묻는 질문
모든 사이트에 즉시 설치
WordPress 등 주요 CMS에는 공식 플러그인을 제공합니다. 그 외의 사이트도 HTML을 지원한다면 script 태그를 붙여넣는 것만으로 도입할 수 있습니다.
Shopify
사용 가능테마 커스터마이저의 "Custom Liquid" 블록 또는 테마 코드에 임베드 코드를 붙여넣기만 하면 됩니다. 3분이면 설치 완료.
현재 페이지기타 사이트 (자체 구축·정적 사이트 등)
지금 가능script 태그를 설치할 수 있는 웹사이트라면 어디서든 동작합니다. 발급된 임베드 코드를 HTML에 붙여넣어 주세요.
가이드 준비 중WordPress는 WordPress Foundation, BASE는 BASE 주식회사, Shopify는 Shopify Inc.의 각 등록 상표입니다. monoshiri AI는 이들 기업과 독립적으로 개발·운영되며 공식적인 제휴·보증 관계는 없습니다.
조직과 팀의 '지식 파트너', 오늘부터 시작하시겠습니까?
무료 플랜으로 먼저 부담 없이 체험해 보세요.
월 50회 무료 / 신용카드 불필요
「Shopify」는 Shopify Inc.의 등록 상표입니다. monoshiri AI는 Shopify와 독립적으로 개발·운영되며, Shopify Inc.로부터 공식적인 보증·후원을 받은 것은 아닙니다.

