| 목차 |
|---|
| 재입고 알림이란 무엇인가요? |
| 1단계: "알림 요청" 양식 설정하기 |
| 2단계: Journeys를 통한 알림 자동화 |
| Shopify 테마에 재입고 알림 코드 추가하기 |
| "알림 요청" 버튼 배치 문제 해결 방법 |
| 재입고 알림 비활성화 방법 |
재입고 알림이란 무엇인가요?
쇼핑객이 상점을 방문하여 제품이 품절된 것을 확인하면, 재입고 알림 기능을 사용하여 제품이 다시 입고될 때 알림을 요청할 수 있습니다. 이러한 알림은 관심 있는 쇼핑객에게 알림을 제공하고 구매로 안내하여 손실된 판매를 회복할 기회를 제공합니다.
Freshmarketer 계정에서 재입고 알림을 활성화하는 것은 두 단계로 이루어집니다:
- Shopify 상점에서 "알림 요청" 양식 설정하기
- Journey를 통한 알림 자동화
1단계: "알림 요청" 양식 설정하기
관리자 설정 > "알림 요청" 양식으로 이동합니다.
품절된 제품에 대해 Shopify 웹 페이지에 알림 요청 버튼을 추가하려면 "알림 요청" 토글을 활성화합니다.
참고: 이 토글을 활성화한 후에는 제품이 재입고되면 고객에게 알림을 보내기 위해 재입고 Journey도 활성화해야 합니다.
다음으로, 웹 페이지에 표시되는 알림 버튼을 사용자 정의합니다. 선호에 따라 버튼 레이블과 색상을 제공합니다. 그런 다음 알림의 내용을 사용자 정의하고 변경 사항을 저장합니다.
2단계: Journeys를 통한 알림 자동화
Journey Playbooks에서 재입고 Journey를 활성화합니다. 또는 처음부터 Journey를 생성할 수도 있습니다. "Shopify 이벤트에서" 트리거를 드래그 앤 드롭하고 이벤트 "재입고"를 선택합니다.
"Shopify 이벤트 대기" 조건을 추가하고 재입고할 제품을 선택합니다. 다음으로 이메일 캠페인을 선택합니다. 재입고 알림을 보낼 이메일을 작성합니다. 이 기사에서 재입고 Journey 이메일에 대해 더 읽어보세요.
필요한 세부 정보를 제공하고, 할인 코드를 구성하고(있는 경우), 이메일에 필요한 형식 옵션을 선택합니다. 또한 WhatsApp 및 SMS 메시지를 보내도록 Journey를 구성할 수 있습니다. 플레이스홀더 유형을 Shopify 이벤트로 편집하고, 이벤트를 알림 요청으로 선택하고, 플레이스홀더를 선택합니다.
다음으로 Journey를 시작합니다. 더 많은 통찰력을 위해 Analytics 탭에서 Journey 메트릭을 볼 수 있습니다.
Shopify 테마에 재입고 알림 코드 추가하기
관리자 설정 페이지에서 현재 테마로 이동하여 세 개의 점을 클릭한 다음 코드 편집을 클릭합니다.
그런 다음 Sections->main-product.liquid 파일로 이동하여 파일 하단에 다음 스크립트를 추가합니다:
<script src='https://d1ggrngj0uwslm.cloudfront.net/fm_adhoc_scripts/back_in_stock.js' id='fm-out-of-stock-notification-script' defer></script>"알림 요청" 버튼 배치 문제 해결 방법
스크립트가 작동하지 않는 경우 종속된 DOM 요소가 없는지 확인합니다. 품절 버튼 요소가 있는 파일을 찾습니다. 일반적으로 요소는 main-product.liquid 파일에 있습니다. 다음을 점검합니다:
- 품절 버튼 래퍼 요소
- 품절 버튼 래퍼 요소에 "product-form" 클래스 이름이 있는지 확인합니다. 이미 있는 경우 추가할 필요가 없습니다. 없는 경우 "product-form fm-product-buttons"를 품절 래퍼 요소에 추가합니다.
- 품절 버튼
- 품절 버튼 요소에 "product-form__submit" 클래스 이름이 이미 있는지 확인합니다. 이미 있는 경우 추가할 필요가 없습니다. 없는 경우 "product-form__submit fm-sold-out" 클래스 이름을 품절 버튼 요소에 추가합니다.
- 변형 래퍼 요소
- 변형 래퍼 요소가 필드셋 유형인지 확인합니다. 그렇다면 추가할 필요가 없습니다. 그렇지 않으면 래퍼 요소에 "fm-variant-parent-element" 클래스 이름을 추가합니다.
- 변형 라디오 버튼 요소
- 변형 라디오 요소에 대한 라디오 유형의 입력 요소가 있는지 확인합니다. 이미 있는 경우 추가할 필요가 없습니다. 없는 경우 변형 라디오 버튼 요소에 "fm-variant-type-option" 클래스 이름을 추가하고, 변형 요소가 선택되면 라디오 요소에 "is--selected" 클래스 이름을 추가합니다.
사용자 정의 클래스를 추가하기 위한 품절 버튼의 코드 예제:
<div class="product-form fm-product-buttons">
<button class="product-form__submit fm-sold-out">Sold out</button>
</div>