재입고 양식을 설정하는 방법

온라인 스토어를 위한 재입고 가입 양식을 설정하고 맞춤 설정하는 방법을 알아보세요. Klaviyo의 양식 편집기를 사용하면 사이트에서 상품이 품절일 때 표시되는 “알림 받기” 버튼과, 고객이 이메일, 문자 메시지, WhatsApp을 통해 재입고 알림을 신청하는 데 사용하는 양식을 모두 맞춤 설정할 수 있어요.

시작하기 전에 알아야 할 것

재입고 양식은 Shopify와 BigCommerce에서만 사용할 수 있어요. 다른 플랫폼을 사용 중이라면 대신 재입고 플로우 설치 가이드를 참고해 주세요.

이 문서에서는 다음을 알아봅니다:

• Shopify 또는 BigCommerce 스토어에서 기존 Klaviyo 재입고 코드를 제거해 주세요(해당하는 경우).
• 재입고 버튼과 가입 양식을 활성화하고 맞춤 설정하기

스토어프런트에서 재입고 양식이 작동하는 방식

재입고 폼을 게시하면 Klaviyo가 재고가 품절된 모든 상품 페이지에 맞춤 설정 가능한 “알림 받기” 버튼을 자동으로 표시해요. 이 버튼은 폼 자체와 함께 폼 편집기에서 맞춤 설정할 수 있어요. 버튼은 상품 재고에 따라 자동으로 표시되거나 숨겨져요.

쇼핑객이 “알림 받기” 버튼을 클릭하면 양식이 표시되며, 양식 구성 방식에 따라 제품을 다시 구매할 수 있게 되었을 때 알림을 받는 방법을 선택할 수 있어요.

• 이메일: 이메일 필드를 포함하면, 쇼핑객이 이메일 알림을 받기 위해 이메일 주소를 입력할 수 있어요. 또한 쇼핑객이 프로모션 마케팅 이메일 수신에 동의하도록 선택할 수 있는 선택 체크박스를 추가할 수도 있어요.
• 문자 메시지 및 WhatsApp: 전화번호 필드를 포함하면, 쇼핑객이 재입고 알림을 문자 메시지로 받기 위해 전화번호를 입력할 수 있어요. 이러한 문자 메시지 알림을 받으려면, 쇼핑객은 프로모션 문자 메시지 수신에 대해 명시적으로 동의해야 해요. 이 동의는 필수이며 선택 사항으로 만들 수 없고, 공개 문구가 반드시 포함되어야 합니다.

쇼핑객이 양식을 제출하면 Klaviyo가 해당 프로필에 재입고 구독이벤트를 기록해요. 이 이벤트는 재입고 플로우를 트리거하는 데 사용돼요. 구독한 쇼핑객은 자동으로 플로우에 들어가며, 제품이 재입고되면 알림을 받아요.

A/B 테스트와 비전통적인 SMS 및 WhatsApp 옵트인 방법(예: 스마트 옵트인 및 탭-투-텍스트)은 재입고 양식에서 지원되지 않습니다.

기존 재입고 코드 조각 제거

이전에 Klaviyo의 재입고 코드 조각을 설치했다면, 중복 버튼이나 양식이 생기는 것을 방지하기 위해 먼저 제거해야 해요.

스토어 플랫폼에서 코드를 제거하는 방법은 아래의 화살표 중 하나를 클릭해 섹션을 펼쳐 확인하세요. 어떤 스크립트나 코드를 제거해야 할지 확실하지 않다면 개발자에게 문의하거나 원래 설치 노트를 참고하세요.

<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("backinstock",{ 
    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: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     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>

재입고 양식 만들기

1. Klaviyo 기본 탐색에서 가입 양식 탭을 선택해 주세요.
2. 양식 만들기를 클릭해 주세요.
3. 검색창에 “재입고”를 입력하고, 사용자 지정할 수 있도록 사전 구축된 재입고 템플릿을 선택하세요.
   

• 빈 양식에서 시작하려면 빈 양식 만들기를 클릭한 다음, 양식 유형으로 재입고를 선택하세요.

4. 이메일, SMS, WhatsApp 가입을 수집할 목록을 선택하세요.
5. 양식 만들기를 클릭하세요.
   

6. 메뉴 바에서 제품 표시 버튼 단계를 선택하세요. 이 단계는 항상 양식의 첫 번째 단계여야 하며, 삭제할 수 없어요.
7. 왼쪽의 편집 메뉴에서 제품 페이지에 버튼이 표시될 위치를 선택해 주세요:
9. • 장바구니에 추가 버튼 교체: 품절된 상품의 경우 “알림 받기” 버튼이 “장바구니에 추가” 버튼을 대체합니다.
   • 스택형: "품절"로 표시될 때 "알림 받기" 버튼이 "장바구니에 추가" 버튼 아래에 표시돼요.
     

1. 텍스트, 버튼 스타일, 테두리, 및 그림자 옵션을 사용해 “알림 받기” 버튼의 라벨과 스타일을 업데이트하세요.
2. 이메일 옵트인 단계로 전환한 다음 스타일 메뉴를 사용해 색상, 글꼴, 레이아웃을 조정하여 양식이 브랜드와 일치하도록 설정하세요.
   

3. 메뉴 바에서 각 단계를 클릭하고 9단계를 반복해 SMS 옵트인 또는 성공 단계와 같은 양식의 후속 각 단계에 스타일을 적용해 주세요.

1. Shopify 전용(선택 사항): “알림 받기” 버튼이 표시되는 위치를 제어하려면 타겟팅 및 동작 > 타겟팅으로 이동한 다음 Shopify 태그를 사용해 버튼이 표시되어야 하는 특정 제품을 포함하거나 제외해 주세요.
   

2. 양식이 만족스러우면 게시를 클릭하여 라이브로 설정하세요. 폼이 라이브 상태가 되면 사이트의 상품이 품절될 때 상품 표시 버튼이 자동으로 표시돼요.
3. 게시한 후, 게시 확인 모달에서 재입고 플로우를 설정하라는 안내가 표시돼요.

• 재입고 구독하다 지표를 트리거로 하는 재입고 플로우를 이미 설정해 두셨다면, 새 재입고 양식에서도 자동으로 작동하기 시작해요. 새로 만들 필요는 없어요. Dismiss를 클릭하세요.
• 그렇지 않다면 종료하고 플로우 만들기를 클릭한 다음, 재입고 플로우 설정 방법 가이드를 확인하세요.

재입고 양식 분석

분석 페이지에서 재입고 양식의 지표를 모니터링할 수 있으며, 여기에는 재입고 제출 및 마케팅 옵트인이 포함돼요. 제출률 은 마케팅 동의가 아니라 재입고 구독 수를 기준으로 계산된다는 점에 유의하세요.

이 페이지에는 단계별 및 데이터 수집 유형별 양식 데이터 그래프도 포함되어 있어요:

• 참여 유도: 이는 재입고 구독(예: 쇼핑객이 이메일 재입고 알림을 신청하는 경우)을 의미해요.
• 마케팅 수신 동의: 이는 쇼핑객이 마케팅 이메일 수신 동의 체크박스를 선택하거나 전화번호를 제출해 프로모션 메시지 수신에 동의하는 경우를 의미해요. 문자 알림은 항상 프로모션 SMS 수신 동의가 필요하기 때문이에요.

재입고 문제 해결

재입고 환경이 예상대로 작동하지 않는 경우, 다음과 같은 일반적인 문제를 검토해 보세요.

“알림 받기” 버튼이 표시되지 않거나 올바른 위치에 있지 않아요.

제품 페이지에 “Notify me” 버튼이 없거나 다른 맞춤 위치에 표시되도록 구성하려는 경우, klaviyo-bis-trigger HTML 속성을 사용해 배치를 수동으로 제어할 수 있어요.

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

“Notify me” 버튼이 렌더링되길 원하는 특정 HTML 요소에 이 속성을 추가하면, Klaviyo가 기본 위치 대신 해당 위치에 버튼을 표시해요. 커스텀 또는 비표준 테마를 사용 중인 경우 이 솔루션이 도움이 될 수 있지만, 버튼이 누락되는 문제를 항상 해결해 주지는 않아요. 커스텀 버튼 위치를 구성하는 데 어려움이 있다면 개발자에게 문의해 주세요.

Shopify의 “품절 시에도 판매 계속” 설정과의 호환성

Klaviyo의 재입고 기능은 Shopify의 “품절 시에도 판매 계속” 설정과 함께 작동하지 않습니다. 이 설정이 활성화되어 있으면 재고가 0이어도 제품이 항상 구매 가능한 것으로 표시됩니다. 그 결과:

• “알림 받기” 버튼과 재입고 양식이 표시되지 않아요.
• Klaviyo는 재고가 보충되어 플로우를 트리거하는 시점을 감지할 수 없으므로, 재입고 이메일은 전송되지 않아요.

Klaviyo의 재입고 기능을 사용하려면 해당 제품에서 “품절 시 계속 판매”가 비활성화되어 있는지 확인해 주세요.

레티나 테마를 사용 중이신가요?

레티나 테마(Out of the Sandbox에서 제공)는 제품 페이지에 '알림 받기' 양식이 내장되어 있습니다. Klaviyo 코드가 작동하려면 테마와 함께 제공되는 기본 버튼을 비활성화해야 합니다.

모든 상품의 버전이 매진된 경우 제품을 숨기는 테마를 사용하고 있나요?

Shopify 테마에서 모든 버전이 품절된 상품을 숨기는 경우, product.liquid 파일에서 이 코드 영역을 식별하고 재고 수준에 관계없이 모든 제품을 표시하도록 수정해야 합니다.

추가 자료