C cenaly.com
무료로 시작하기

Shopify · 스토어프런트에서 구매자 지원

Shopify용 Cenaly.com 위젯

상품 및 컬렉션 페이지에 채팅, 연락 버튼 또는 프로모션 위젯을 추가하세요. 코드는 스토어 테마에 설치되며, 주문 동기화 앱이나 checkout 설치가 아닙니다. consent와 분석에는 아래의 별도 절차를 사용하세요.

  • 상품 페이지에서 하나의 시나리오로 시작하세요
  • 설정은 Cenaly.com에서, 코드는 테마의 theme.liquid에
  • 수정 전 테마 복사본을 만들고, 게시 후 장바구니와 모바일 화면을 확인하세요

카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다

모든 위젯에 하나의 태그13개 중 9개 무료Shadow DOM — 레이아웃을 깨뜨리지 않습니다페이지 언어로 표시되는 라벨두 개의 클라우드: AWS와 러시아

Shopify에서 작동하는 기능

필요한 위젯을 선택하고 계정에서 설정하십시오. 일반 위젯은 공통 태그를 사용하며, consent와 분석에는 별도의 설치 순서가 중요합니다.

선택한 위젯과 플랫폼은 등록 시 저장됩니다. 그런 다음 계정에서 위젯을 설정합니다. Shopify에 대해 이 안내를 열어 두세요. 설정 후 아래 설치 단계로 돌아오세요.

13개 위젯 모두 →

Shopify 유료 요금제가 필요한가요

플랫폼 유료 요금제가 필요하지 않습니다

Online Store와 테마 코드에 접근할 수 있는 매장이 필요하며, 태그 삽입을 위한 별도 앱은 필요하지 않습니다.

이 안내는 Online Store → Themes → Edit code를 사용할 수 있는 매장에 해당합니다. 설치 전에 요금제에서 제공되는 기능과 직원 권한을 확인하십시오.

Shopify 구독은 Cenaly.com 위젯과 별도로 결제됩니다. 별도 앱 구매가 없다고 해서 무료 매장이나 checkout 편집 권한이 제공되는 것은 아닙니다.

이 페이지의 메뉴 항목과 요금제 조건은 공식 도움말에서 가져왔습니다:

플랫폼 도움말과 대조 확인함 2026-09-22

Shopify에 코드를 삽입하는 방법

일반 위젯: 채팅, 연락 버튼, 예약

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

일반 위젯용 태그 예시입니다. 계정에서 자신의 코드를 가져오시면 되며, 데모 도메인으로 바꿀 필요는 없습니다. 분석 차단에 대해서는 아래의 별도 지침을 사용하십시오. 쿠키 배너 및 분석: 별도 절차 →

  1. 1

    설치 코드를 복사하세요

    Cenaly.com 계정에서: 관리자 패널 → 마케팅 → “내 사이트”. 첫 번째 필드에 스토어 주소를 입력하고 태그 문자열을 복사하세요.

  2. 2

    테마 복사본 만들기

    Shopify 관리자에서: Online Store(인터넷 쇼핑몰) → Themes(테마) → 원하는 테마의 “…” → Duplicate. 문제가 생겼을 때 되돌아갈 수 있는 경로입니다.

  3. 3

    코드 편집기 열기

    같은 위치에서: 테마의 “…” 아이콘 → Edit code(코드 편집). Shopify 도움말은 이 경로를 “From your Shopify admin, go to Online Store. Click … > Edit code”로 설명합니다.

  4. 4

    theme.liquid 찾기

    왼쪽 목록에서: Layout 폴더 → theme.liquid 파일. 스토어의 모든 페이지를 구성하는 공통 골격입니다.

  5. 5

    태그를 삽입하고 저장하십시오

    닫는 head 태그 바로 앞(또는 닫는 body 앞)에 문자열을 붙여넣고 Save를 누르세요.

  6. 6

    설치 확인

    스토어 스토어프런트를 열고 “내 사이트” → “설치 확인”으로 돌아오세요.

수정 사항은 특정 테마에만 적용됩니다. 다른 테마를 게시하면 해당 테마에도 태그를 삽입해야 하며, 그렇지 않으면 위젯이 이전 테마와 함께 사라집니다.

Shopify 공식 도움말 ↗

설치 확인

  1. 1

    사이트를 다시 게시합니다

    빌더에서는 수정 사항이 초안에 남습니다. 페이지를 다시 게시하기 전까지는 실제 사이트에 태그가 없습니다.

  2. 2

    계정에서 “내 사이트”를 엽니다

    관리자 패널 → 마케팅 → “내 사이트”. 첫 번째 필드에 사이트 주소가 있고, 옆에 “설치 확인”이 있습니다.

  3. 3

    무엇이 발견되었는지 확인합니다

    검사는 페이지의 원본 HTML을 읽고 발견된 위젯을 표시합니다. Google Tag Manager를 통해 설치된 태그는 확인하지 못합니다. 이는 설치가 아니라 검사의 제한 사항입니다.

설치 오류 분석은 도움말에서 확인할 수 있습니다 설치 안내 →

Shopify의 특징

  • 코드는 선택한 테마에 적용됩니다

    테마를 변경하거나 업데이트한 후에는 게시된 버전에 태그가 있는지 확인하십시오. 첫 번째 태그가 남아 있다면 두 번째 인스턴스를 삽입하지 마십시오.

  • 스토어프론트와 checkout은 서로 다른 영역입니다

    theme.liquid를 통한 경로는 해당 테마를 사용하는 스토어프론트 페이지를 대상으로 합니다. checkout에 위젯을 추가하지 않으며 Shopify 픽셀에 대한 제어를 보장하지도 않습니다.

  • 채팅 앱이 이미 설치되어 있음

    휴대폰에서 버튼이 겹치지 않는지 확인하십시오. 불필요한 버튼을 비활성화하거나 위치를 변경한 다음 장바구니가 열리는지 확인하십시오.

  • 주문은 Shopify에 그대로 유지됩니다

    태그를 삽입해도 상품, 장바구니, 주문은 가져오지 않습니다. Shopify를 통해 판매한다면 채팅이나 멀티버튼부터 시작하십시오. Cenaly.com 주문 위젯은 별도로 활성화됩니다.

자주 묻는 질문

Shopify App Store의 앱이 필요한가요?

설명된 방식에는 필요하지 않습니다. 일반 태그를 theme.liquid에 추가합니다. 테마에 대한 접근 권한이 필요하며, consent를 위해서는 별도 태그와 로딩 순서 확인이 필요합니다.

checkout에서도 위젯이 작동하나요?

이 설치 방식은 스토어프론트에 해당합니다. checkout을 확장하지 않으며 Shopify 주문 데이터를 동기화하지도 않습니다.

장바구니와의 호환성을 보장할 수 있나요?

위젯 마크업은 Shadow DOM으로 격리되어 있지만, 이는 모든 테마 및 앱 동작과의 호환성을 보장하지 않습니다. 먼저 테마를 복사한 다음 상품 페이지, 장바구니, 모바일 페이지를 확인하십시오.

테마 변경 후 무엇을 확인해야 하나요?

새로 게시된 테마에 태그가 하나 있는지, 위젯이 열리는지, 버튼이 겹치지 않는지, 계정의 도메인이 올바른지 확인하십시오.

cookie 배너에는 일반 async 태그를 사용해도 되나요?

동의 전 트래커를 차단하려면 별도의 consent/v1.js를 async/defer 없이 head의 첫 번째로 두어야 합니다. 선택 전, 거부 후, 수락 후의 로드를 확인하세요. 플랫폼에 내장된 분석은 별도 설정이 필요할 수 있으며, 배너가 표시된다고 해서 법률 준수가 확인되는 것은 아닙니다.

자세한 내용 — 플랫폼별 설치, 설정 및 문제 해결 — 은 도움말에서 확인할 수 있습니다. 설치 안내 →

Shopify 매장에 위젯을 설치하십시오

진열대용 작업을 선택하고 위젯을 설정한 후 테마 복사본에 설치합니다. 게시한 후에는 상품 페이지와 장바구니를 확인합니다.

위젯 선택

카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다