재입고 양식을 설정하는 방법
온라인 스토어용 재입고 가입 양식을 설정하고 사용자 지정하는 방법을 알아보세요. Klaviyo의 양식 편집기를 사용하면 사이트의 제품이 품절되었을 때 표시되는 '알림' 버튼과 고객이 이메일 또는 SMS 을 통해 재입고 알림을 받기 위해 가입할 때 사용하는 양식을 모두 사용자 지정할 수 있습니다.
시작하기 전에 알아야 할 것시작하기 전에 알아야 할 것
재입고 양식은 Shopify 및 BigCommerce 에서만 사용할 수 있습니다. 다른 플랫폼을 사용 중이라면 재입고 플로우 설치 가이드를 참조하세요.
이 글에서는 그 방법을 알아보세요:
- 또는 스토어(해당되는 경우)에서 기존 Klaviyo 재입고 코드를 제거합니다.Shopify BigCommerce
- 재입고 버튼 및 가입 양식을 활성화하고 사용자 지정하기
스토어 첫 화면에서 재입고 양식이 작동하는 방식
재입고 양식을 게시하면 Klaviyo 재고가 품절된 모든 제품 페이지에 사용자 지정 가능한 '알림' 버튼이 자동으로 표시됩니다. 양식 편집기에서 양식 자체와 함께 이 버튼을 사용자 지정할 수 있습니다. 이 버튼은 제품 인벤토리에 따라 자동으로 표시되거나 사라집니다.
쇼핑객이 '알림 받기' 버튼을 클릭하면 양식이 표시되며, 양식을 구성한 방식에 따라 제품이 다시 판매될 때 알림을 받을 방법을 선택할 수 있습니다:
- 이메일: 이메일 필드를 포함하면 쇼핑객이 이메일 주소를 입력하여 이메일로 재입고 알림을 받을 수 있습니다. 쇼핑객이 프로모션 마케팅 이메일 수신에 동의하도록 선택적 확인란을 추가할 수도 있습니다.
- 문자 메시지: 전화 번호 필드를 포함하면 쇼핑객이 전화 번호를 입력하여 재입고 알림을 문자 메시지로 받을 수 있습니다. 이러한 문자 알림을 받으려면 쇼핑객이 프로모션 문자 메시지 수신에 명시적으로 동의해야 합니다. 이 동의는 필수이며 선택 사항으로 설정할 수 없으며, 공개 언어가 반드시 포함되어야 합니다.
쇼핑객이 양식을 제출하면 Klaviyo 프로필에 다시 입고이벤트 구독을기록합니다. 이 이벤트는 재입고 플로우를 트리거하는 데 사용됩니다. 구독하는 쇼핑객은 자동으로 플로우에 입장하게 되며 제품이 재입고되면 알림을 받게 됩니다.
재입고 양식에는 A/B 테스트 및 비 전통적인 SMS 옵트인 방법(예: 스마트 옵트인 및 탭투텍스트)은 지원되지 않습니다.
기존 재입고 코드 조각 제거기존 재입고 코드 조각 제거
Klaviyo의 재입고 코드 조각을 이전에 설치한 경우 버튼이나 양식의 중복을 방지하기 위해 먼저 제거해야 합니다.
아래 화살표 중 하나를 클릭하여 아래 섹션을 확장하면 스토어 플랫폼에서 코드를 제거하는 방법에 대한 지침을 확인할 수 있습니다. 어떤 스크립트나 코드를 제거해야 할지 잘 모르겠다면 개발자에게 문의하거나 원래 설치 노트를 참조하세요.
이전에 재입고 코드를 추가한 적이 없다면 재입고 양식 작성에 대한 다음 섹션으로 건너뛰세요.
Shopify 사이트에서 재입고 코드 제거Shopify 사이트에서 재입고 코드 제 거
- Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.
- 게시한 테마 옆의 추가 옵션 메뉴(점 3개)를 클릭한 다음 코드 편집을 선택합니다.
- theme.liquid 파일을 엽니다.
- 찾기 단축키(Mac의 경우 Command+F, Windows의 경우 Control+F)를 사용하여 파일 내에서 'backstock'이라는 단어를 검색합니다.
-
다음 코드 조각을 찾아 삭제합니다:
<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "PUBLIC_API_KEY", platform: "shopify" }); klaviyo.enable("재입고",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button", product_page_text_align: "center", product_page_margin: "0px", replace_anchor: false }, modal: { headline: "{product_name}", body_content: "이 상품의 재입고 알림을 받으려면 등록하세요.", email_field_label: "Email", button_label: "재입고 시 알림 받기", subscription_success_label: "알림을 설정했습니다! 재입고 시 알려드리겠습니다.", footer_content: '', additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');", drop_background_color: "#000", background_color: "#fff", text_color: "#222", button_text_color: "#fff", button_background_color: "#439fdb", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script>
- 저장을 클릭합니다.
- 웹사이트로 돌아와 품절된 품목의 제품 페이지를 새로 고칩니다. "내게 알림" 버튼이 더 이상 표시되지 않는지 확인합니다.
BigCommerce 사이트에서 재입고 코드 제거BigCommerce 사이트에서 재입고 코드 제거
- BigCommerce 관리자에서 스토어 프론트 > 스크립트 관리자로 이동합니다.
- Klaviyo의 재입고 기능과 관련된 스크립트를 찾아보세요. 이러한 스크립트의 이름은 "Klaviyo 재입고"와 같거나 이전 설치에 따라 레이블이 지정될 수 있습니다.
-
스크립트 옆의 추가 옵션(점 3개) 메뉴를 클릭하고 삭제를 선택하여 스크립트를 제거합니다.
원래 Klaviyo 재입고 코드를 테마 파일(예: footer.html)에 직접 붙여넣은 경우, 에서 수동으로 코드를 제거해야 합니다. 이렇게 하려면 스토어 첫 화면 > 테마 > 테마 파일 편집으로 이동하여 스크립트가 포함된 파일을 찾아 코드 조각을 삭제합니다.
- 변경 사항을 저장합니다.
- 웹사이트로 돌아와 품절된 품목의 제품 페이지를 새로 고칩니다. "내게 알림" 버튼이 더 이상 표시되지 않는지 확인합니다.
재입고 양식 만들기
게시 모드이든 초안 모드이든 계정에 한 번에 하나의 재입고 양식만 보유할 수 있습니다. 재입고 양식이 이미 있는 경우 새 양식을 만들기 전에 해당 양식을 삭제해야 합니다.
- Klaviyo의 기본 탐색에서 가입 양식 탭을 선택합니다.
- 양식 만들기를 클릭합니다.
- 검색창에 '재입고'를 입력하고 미리 구축된 재입고 템플릿을 선택하여 사용자 지정합니다.
- 빈 양식에서 시작하려면 빈 양식 작성을 클릭한 다음 양식 유형으로 재입고를 선택합니다.
- 이메일 및 문자 메시지 가입을 수집할 리스트를 선택합니다.
-
양식 만들기를 클릭합니다.
- 메뉴 모음에서 제품 표시 버튼 단계를 선택합니다. 이 단계는 항상 양식의 첫 번째 단계여야 하며 삭제할 수 없습니다.
- 왼쪽의 편집 메뉴에서 제품 페이지에서 버튼을 표시할 위치를 선택합니다:
- 장바구니에 추가 버튼을 대체합니다: " 알림" 버튼이 품절된 품목의 "장바구니에 추가" 버튼을 대체합니다.
-
Stacked: " 알림" 버튼이 "장바구니에 추가" 버튼 아래에 표시됩니다( "품절" 로 표시되는 경우).
- 텍스트, 버튼 스타일, 테두리 및 그림자 옵션을 사용하여 "내게 알림" 버튼의 레이블과 스타일을 업데이트합니다.
-
이메일 옵트인 단계로 전환하고 스타일 메뉴를 사용하여 양식이 브랜드에 어울리도록 색상, 글꼴 및 레이아웃을 조정합니다.
-
메뉴 막대에서 각 단계를 클릭하고 9단계를 반복하여 양식의 각 후속 단계(예: SMS 옵트인 또는 성공 단계)에 스타일을 적용합니다.
모든 입력 단계에는 이메일 또는 SMS 입력란이 1개 이상 포함되어야 합니다. 한 단계에 두 가지가 모두 있는 경우 1을 제거할 수 있습니다. 스텝에 입력이 2개 중 1개만 있는 경우 해당 스텝에서 삭제할 수 없습니다. 그러나 채널 1개만 수집하려는 경우 전체 단 계를 삭제할 수 있습니다. 이메일 마케팅 동의는 선택 사항이며 삭제할 수 있습니다.
- 양식이 만족스러우면 게시를 클릭하여 라이브로 설정합니다. 양식이 활성화되면 사이트의 품목이 품절되면 제품 표시 버튼이 자동으로 표시됩니다.
- 게시 후 게시 확인 모달에 재입고 플로우를 설정하라는 메시지가 표시됩니다.
- 구독하다 재입고 지표를 트리거로 사용하여 재입고 플로우가 이미 설정되어 있는 경우 새 재입고 양식과 함께 자동으로 작동하기 시작합니다. 다른 계정을 만들 필요 없이 해제를 클릭합니다.
- 그렇지 않은 경우 종료 및 플로우 생성을 클릭한 다음 재입고 플로우 설정 방법 가이드로 이동합니다.
재입고 양식을 위한 분석/애널리틱스
분석/애널리틱스 페이지에서 재입고 제출 및 마케팅 옵트인 등 재입고 양식에 대한 지표를 모니터링할 수 있습니다. 제출 비율은 마케팅 동의가 아닌 재입고 구독 횟수를 기준으로 계산된다는 점에 유의하세요.
이 페이지에는 양식의 단계별 및 데이터 수집 유형별 데이터 그래프도 포함되어 있습니다:
- 참여 유도: 재입고 구독을 의미합니다(예: 이메일 재입고 알림을 위해 쇼핑객이 가입하는 경우).
- 마케팅 옵트인: 문자 알림에는 항상 프로모션 SMS 동의가 필요하므로 쇼핑객이 마케팅 이메일 수신 동의란을 선택하거나 전화번호를 제출하여 프로모션 메시지 수신에 동의하는 경우를 말합니다.
재입고 문제 해결
재입고 환경이 예상대로 작동하지 않는 경우 다음과 같은 일반적인 문제를 검토해 보세요.
Shopify의 "품절 시 판매 계속" 설정과의 호환성Shopify의 "품절 시 판매 계속" 설정과의 호환성
Klaviyo의 재입고 기능이 Shopify의 '품절 시 계속 판매' 설정과 함께 작동하지 않습니다. 이 설정을 활성화하면 재고가 0인 경우에도 제품이 항상 사용 가능한 상태로 표시됩니다. 결과적으로
- '알림' 버튼과 재입고 양식이 표시되지 않습니다.
- 재입고 이메일은 발송되지 않습니다. Klaviyo 재고가 재입고되어 플로우가 트리거되는 시점을 감지할 수 없기 때문입니다.
Klaviyo의 재입고 기능을 사용하려면 해당 제품에 대해 '품절 시 계속 판매'가 비활성화되어 있는지 확인하세요.
Retina 테마를 사용 중이신가요?Retina 테마를 사용 중이신가요?
레티나 테마(Out of the Sandbox에서 제공)는 제품 페이지에 '알림 받기' 양식이 내장되어 있습니다. Klaviyo 코드가 작동하려면 테마와 함께 제공되는 기본 버튼을 비활성화해야 합니다.
모든 상품의 버전이 매진된 경우 제품을 숨기는 테마를 사용하고 있나요?모든 상품의 버전이 매진된 경우 제품을 숨기는 테마를 사용하고 있나요?
Shopify 테마에서 모든 버전이 품절된 상품을 숨기는 경우, product.liquid 파일에서 이 코드 영역을 식별하고 재고 수준에 관계없이 모든 제품을 표시하도록 수정해야 합니다.
추가 자료