개인화 사용 사례: 장바구니 포기 이메일

이 예제에서는 이메일 메시지 본문을 개인화합니다. 이 메시지는 장바구니에 항목을 남겼지만 구매를 완료하지 않은 고객을 타겟팅합니다.

다음과 같은 유형의 도우미 함수를 사용합니다.

시작하기 전에 다음 요소를 구성하는 방법을 알고 있어야 합니다.

다음 단계를 수행합니다.

  1. 이메일 메시지 만들기.
  2. 고객의 이름을 대문자로 삽입합니다..
  3. 초기 이벤트 및 여정 만들기.
  4. 이메일에 장바구니 컨텐츠 추가.
  5. 제품별 메모 삽입.
  6. 여정 테스트 및 게시.

1단계: 이메일 만들기

  1. 이메일 메시지를 만들거나 수정한 다음 를 클릭합니다. Email Designer.

  2. 전자 메일 디자이너 홈 페이지의 왼쪽 팔레트에서 3개의 구조 구성 요소를 메시지 본문에 끌어다 놓습니다.

  3. 각 새 구조 구성 요소에 HTML 컨텐츠 구성 요소를 끌어다 놓습니다.

2단계: 고객의 이름을 대문자로 삽입합니다.

  1. 이메일 디자이너 홈페이지에서 고객의 이름을 추가할 HTML 구성 요소를 클릭합니다.

  2. 상황별 도구 모음에서 Show the source code.

  3. 에서 Edit HTML 창에서 upperCase 문자열 함수:

    1. 목록에서 Helper functions.

    2. 검색 필드를 사용하여 "대문자"를 찾습니다.

    3. 검색 결과에서 을(를) 추가합니다. upperCase 함수 위에 있어야 합니다. 이렇게 하려면 옆에 있는 더하기(+) 기호를 클릭합니다 {%= upperCase(string) %}: string.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {%= upperCase(string) %}
      

  4. 표현식에서 "string" 자리 표시자를 제거합니다.

  5. 이름 토큰 추가:

    1. 목록에서 Profile.

    2. 선택 Profile > Person > Full name.

    3. 추가 First name 토큰으로 바꿉니다.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {%= upperCase(profile.person.name.firstName) %}
      

      개인 이름 데이터 유형에 대해 자세히 알아보기 Adobe Experience Platform 설명서.

  6. Validate​를 클릭한 다음 Save​을 클릭합니다.

  7. 메시지를 저장합니다.

3단계: 초기 이벤트 및 관련 여정 만들기

장바구니 콘텐츠는 여정의 컨텍스트 정보입니다. 따라서 이메일에 장바구니 관련 정보를 추가하려면 먼저 초기 이벤트와 이메일을 여정에 추가해야 합니다.

  1. 스키마에 가 포함된 이벤트 만들기 productListItems 배열입니다.

  2. 이 배열의 모든 필드를 이 이벤트의 페이로드 필드로 정의합니다.

    제품 목록 항목 데이터 유형에 대해 자세히 알아보기 Adobe Experience Platform 설명서.

  3. 이 이벤트로 시작하는 여정을 만듭니다.

  4. 메시지를 여정에 추가합니다.

  5. 종료 활동으로 여정을 종료합니다.

    메시지를 아직 게시하지 않았으므로 여정을 테스트하거나 게시할 수 없습니다.

  6. OK​을(를) 클릭합니다.

    메시지에 여정 컨텍스트이 전달되었음을 알리는 메시지가 표시됩니다.

4단계: 장바구니에서 항목 목록을 삽입합니다.

  1. 메시지를 다시 엽니다.

  2. 이메일 디자이너 홈페이지에서 장바구니 콘텐츠를 나열할 HTML 구성 요소를 클릭합니다.

  3. 상황별 도구 모음에서 Show the source code.

  4. 에서 Edit HTML 창에서 each 도우미:

    1. 목록에서 Helper functions.

    2. 검색 필드를 사용하여 "각"을 찾습니다.

    3. 검색 결과에서 을(를) 추가합니다. each 도우미.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {{#each someArray as |variable|}} {{/each}}
      

  5. 추가 productListItems 배열에 있는 값:

    1. 표현식에서 "someArray" 자리 표시자를 제거합니다.

    2. 목록에서 Context.

      다음 Context 옵션이 메시지에 전달되어야 여정 컨텍스트를 사용할 수 있습니다.

    3. 선택 Journey Orchestration > Events > event_name 다음 productListItems 노드 아래에 있어야 합니다.

      이 예제에서는 event_name 은 이벤트 이름을 나타냅니다.

    4. 추가 Product 토큰으로 바꿉니다.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
      

      이 예제에서는 event_ID 은 이벤트의 ID를 나타냅니다.

    5. 표현식을 수정합니다.

      1. ".product" 문자열을 제거합니다.
      2. "변수" 자리 표시자를 "product"로 바꿉니다.

      다음 예는 수정된 표현식을 보여 줍니다.

      {{#each context.journey.events.event_ID.productListItems as |product|}}
      
  6. 열기 {{#each}} 태그와 닫기 {/each}} 태그:

    <table>
       <tbody>
          <tr>
             <td><b>#name</b></td>
             <td><b>#quantity</b></td>
             <td><b>$#priceTotal</b></td>
          </tr>
       </tbody>
    </table>
    
  7. 항목 이름, 수량 및 가격에 대한 개인화 토큰을 추가합니다.

    1. HTML 테이블에서 자리 표시자 "#name"을 제거합니다.
    2. 이전 검색 결과에서 을(를) 추가합니다. Name 토큰으로 바꿉니다.

    다음 단계를 두 번 반복합니다.

    • 자리 표시자 "#quantity"을 Quantity 토큰.
    • 자리 표시자 "#priceTotal"을 Total price 토큰.

    다음 예는 수정된 표현식을 보여 줍니다.

    {{#each context.journey.events.event_ID.productListItems as |product|}}
       <table>
          <tbody>
             <tr>
                <td><b>{{context.journey.events.event_ID.productListItems.name}}</b></td>
                <td><b>{{context.journey.events.event_ID.productListItems.quantity}}</b></td>
                <td><b>${{context.journey.events.event_ID.productListItems.priceTotal}}</b></td>
             </tr>
          </tbody>
       </table>
    {{/each}}
    
  8. Validate​를 클릭한 다음 Save​을 클릭합니다.

5단계: 제품별 메모 삽입

  1. 전자 메일 디자이너 홈페이지에서 메모를 삽입할 HTML 구성 요소를 클릭합니다.

  2. 상황별 도구 모음에서 Show the source code.

  3. 에서 Edit HTML 창에서 if 도우미:

    1. 목록에서 Helper functions.

    2. 검색 필드를 사용하여 "if"를 찾습니다.

    3. 검색 결과에서 을(를) 추가합니다. if 도우미.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {%#if condition1%} render_1
         {%else if condition2%} render_2
         {%else%} default_render
      {%/if%}
      

  4. 표현식에서 이 조건을 제거합니다.

    {%else if condition2%} render_2
    

    다음 예는 수정된 표현식을 보여 줍니다.

    {%#if condition1%} render_1
       {%else%} default_render
    {%/if%}
    
  5. 조건에 제품 이름 토큰을 추가합니다.

    1. 표현식에서 "condition1" 자리 표시자를 제거합니다.

    2. 목록에서 Context.

    3. 선택 Journey Orchestration > Events > event_name 다음 productListItems 노드 아래에 있어야 합니다.

      이 예제에서는 event_name 은 이벤트 이름을 나타냅니다.

    4. 추가 Name 토큰으로 바꿉니다.

      표현식 편집기에 다음 표현식이 표시됩니다.

      {%#if context.journey.events.`event_ID`.productListItems.name%}
         render_1
         {%else%} default_render
      {%/if%}
      

  6. 표현식을 수정합니다.

    1. 표현식 편집기에서 뒤에 제품 이름을 지정합니다. name 토큰.

      여기서 이 구문을 사용합니다. product_name 는 제품 이름을 나타냅니다.

      = "product_name"
      

      이 예에서 제품 이름은 "Juno Jacket"입니다.

      {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %}
         render_1
         {%else%} default_render
      {%/if%}
      
    2. "render_1" 자리 표시자를 메모의 텍스트로 바꿉니다.

      예:

      {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %}
         Due to longer than usual lead times on the Juno Jacket, please expect item to ship two weeks after purchase.
         {%else%} default_render
      {%/if%}
      
    3. 표현식에서 "default_render" 자리 표시자를 제거합니다.

  7. Validate​를 클릭한 다음 Save​을 클릭합니다.

  8. 메시지를 저장하고 게시합니다.

6단계: 여정 테스트 및 게시

  1. 여정을 엽니다. 여정이 이미 열려 있다면 페이지를 새로 고칩니다.

  2. 켜기 Test 전환 후 Trigger an event.

    메시지를 게시한 후에만 테스트 모드를 설정할 수 있습니다.

  3. 에서 Event configuration 창을 열고 입력 값을 입력한 다음 Send.

    테스트 모드는 테스트 프로필에서만 작동합니다.

    테스트 프로필의 주소로 이메일이 전송됩니다.

    Juno Jacket에 대한 메모가 이 제품이 장바구니에 있으므로 이 이메일에 포함됩니다.

  4. 오류가 없는지 확인한 다음 여정을 게시합니다.

관련 항목

Handlebars 함수

사용 사례

튜토리얼 비디오

이 페이지에서는