Braze Canvas 템플릿 사용

유기한 장바구니

유기한 장바구니 템플릿을 사용하여 장바구니에 제품을 추가했지만 결제나 주문을 계속하지 않은 고객의 잠재적인 매출 손실에 대응하세요.

설정

Canvas 페이지에서 Use a Canvas Template > Braze templates를 선택한 다음 유기한 장바구니 템플릿을 적용합니다.

기본 설정

Canvas에는 다음 설정이 미리 구성되어 있습니다:

• 기본 사항
  • Canvas 이름: Abandoned cart
  • 전환 이벤트: ecommerce.order_placed
    • 전환 마감일: 3일
• 진입 스케줄
  • 사용자가 Perform Cart Updated Event(드롭다운에 위치)를 트리거할 때 액션 기반 트리거
  • 시작 시간은 Canvas 템플릿을 생성하는 시점입니다
    
    
    
    
• 타겟 오디언스
  • 진입 오디언스
    • 이 앱을 0회 이상 사용한 적이 있음
    • 이메일이 비어 있지 않음
  • 진입 제어
    • 사용자가 즉시 Canvas 진입 자격을 다시 얻음
  • 종료 기준
    • ecommerce.cart_updated, ecommerce.checkout_started 또는 ecommerce.order_placed 수행
      
      
      
      
• 발송 설정
  • 가입했거나 옵트인한 사용자
• 지연 단계
  • 4시간 지연
• 메시지 단계
  • 이메일 템플릿과 HTML 블록을 Liquid 템플릿 예시와 함께 검토하여 미리 작성된 템플릿의 메시지에 제품을 추가하세요. 자체 이메일 템플릿을 사용하는 경우 다음 섹션에서 설명하는 것처럼 Liquid 변수를 참조할 수도 있습니다.

유기한 장바구니 재진입 로직 작동 방식

사용자가 결제 프로세스를 시작하면 장바구니가 checkout_started로 표시됩니다. 그 시점 이후로 동일한 장바구니 ID를 사용하는 추가 장바구니 업데이트는 사용자가 유기한 장바구니 사용자 여정에 재진입할 자격을 부여하지 않습니다.

1. 사용자가 장바구니에 항목을 추가하면 Canvas에 진입합니다.
2. 항목을 추가하거나 업데이트할 때마다 Canvas에 재진입합니다—이를 통해 장바구니 데이터와 메시징이 최신 상태로 유지됩니다.
3. 사용자가 결제 프로세스를 시작하면 장바구니에 checkout_started 태그가 붙고 Canvas를 종료합니다.
4. 동일한 장바구니 ID를 사용하는 이후 장바구니 업데이트는 재진입을 트리거하지 않습니다. 이 장바구니가 이미 결제 단계로 이동했기 때문입니다.

사용자가 결제 사용자 여정으로 이동하면 대신 유기한 결제 Canvas의 타겟이 됩니다. 이 Canvas는 구매 여정에서 더 진행된 사용자를 위해 설계되었습니다.

이메일용 유기한 장바구니 제품 개인화

유기한 장바구니 사용자 여정에는 제품 개인화를 위한 특별한 shopping_cart Liquid 태그가 필요합니다.

다음은 shopping_cart Liquid 태그가 포함된 HTML 블록을 추가하여 이메일에 제품을 추가하는 방법의 예시입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table style="width:100%">
  {% shopping_cart {{context.${cart_id}}} %}
  {% for item in shopping_cart.products %}
  {% catalog_items <add_your_catalog_name> {{item.variant_id}} %}
  <tr>
    <th><img src="{{ items[0].variant_image_url }}" width="200" height="200"><img></th>
    <th align="left">
      <ul style="list-style-type: none">
        <li>Item: {{ item.product_name }}</li>
        <li>Price: ${{ item.price }}</li>
        <li>Quantity: ${{ item.quantity }}</li>
        <li>Variant ID: {{ item.variant_id }}</li>
        <li>Product URL:{{ item.product_url }}</li>
        <li>SKU: {{ item.metadata.sku }}</li>
      </ul>
    </th>
  </tr>
  {% endfor %}
</table>

HTML 장바구니 URL

사용자를 장바구니로 다시 유도하려면 메타데이터 오브젝트 아래에 중첩된 이벤트 속성정보를 추가할 수 있습니다. 예를 들어:

1
{{context.${metadata}.cart_url}}

Shopify를 사용하는 경우 이 Liquid 템플릿을 사용하여 장바구니 URL을 생성하세요:

1
{{context.${source}}}/checkouts/cn/{{context.${cart_id}}}