Personalization 사용 사례: 장바구니 포기 이메일 personalization-use-case-helper-functions

스키마에 productListItems 배열이 포함된 이벤트를 만듭니다.

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

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

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

전자 메일 활동을 여정에 추가합니다.

전자 메일 활동에서 콘텐츠 편집​을 클릭한 다음 전자 메일 Designer​을 클릭합니다.

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

HTML 콘텐츠 구성 요소를 각 새 구조 구성 요소로 끌어다 놓습니다.

이메일 Designer 홈 페이지에서 고객의 이름을 추가하려는 HTML 구성 요소를 클릭합니다.

상황별 도구 모음에서 소스 코드 표시​를 클릭합니다.

HTML 편집 창에서 upperCase 문자열 함수를 추가합니다.

1. 왼쪽 메뉴에서 도우미 함수​를 선택합니다.

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

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

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

   code language-handlebars
   {%= upperCase(string) %}

   

표현식에서 “문자열” 자리 표시자를 제거합니다.

이름 토큰 추가:

1. 왼쪽 메뉴에서 프로필 특성​을 선택합니다.

2. 사용자 > 전체 이름​을 선택합니다.

3. 이름 토큰을 식에 추가하십시오.

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

   code language-handlebars
   {%= upperCase(profile.person.name.firstName) %}

   

   Adobe Experience Platform 설명서에서 사용자 이름 데이터 유형에 대해 자세히 알아보세요.

유효성 검사​를 클릭한 다음 저장​을 클릭합니다.

메시지를 저장합니다.

메시지 콘텐츠를 다시 엽니다.

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

상황별 도구 모음에서 소스 코드 표시​를 클릭합니다.

HTML 편집 창에서 each 도우미를 추가합니다.

1. 왼쪽 메뉴에서 도우미 함수​를 선택합니다.

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

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

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

   code language-handlebars
   {{#each someArray as |variable|}} {{/each}}

   

식에 productListItems 배열을 추가합니다.

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

2. 왼쪽 메뉴에서 컨텍스트 특성​을 선택합니다.

   컨텍스트 특성​은(는) 여정 컨텍스트가 메시지에 전달된 후에만 사용할 수 있습니다.

3. Journey Optimizer > 이벤트 > event_name​을 선택한 다음 productListItems 노드를 확장합니다.

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

4. Product 토큰을 식에 추가하십시오.

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

   code language-handlebars
   {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}

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

   

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

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

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

   code language-handlebars
   {{#each context.journey.events.event_ID.productListItems as |product|}}

여는 {{#each}} 태그와 닫는 {{/each}} 태그 사이에 이 코드를 붙여 넣습니다.

<table>
   <tbody>
      <tr>
         <td><b>#name</b></td>
         <td><b>#quantity</b></td>
         <td><b>$#priceTotal</b></td>
      </tr>
   </tbody>
</table>

품목명, 수량 및 가격에 대한 개인화 토큰을 추가합니다.

1. HTML 표에서 자리 표시자 "#name"를 제거합니다.
2. 이전 검색 결과에서 Name 토큰을 식에 추가하십시오.

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

• 자리 표시자 "#quantity"을 수량 토큰으로 바꾸십시오.
• 자리 표시자 "#priceTotal"을 총 가격 토큰으로 바꾸십시오.

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

{{#each context.journey.events.event_ID.productListItems as |product|}}
   <table>
      <tbody>
         <tr>
         <td><b>{{product.name}}</b></td>
         <td><b>{{product.quantity}}</b></td>
         <td><b>${{product.priceTotal}}</b></td>
         </tr>
      </tbody>
   </table>
{{/each}}

유효성 검사​를 클릭한 다음 저장​을 클릭합니다.

이메일 Designer 홈 페이지에서 메모를 삽입하려는 HTML 구성 요소를 클릭합니다.

상황별 도구 모음에서 소스 코드 표시​를 클릭합니다.

HTML 편집 창에서 if 도우미를 추가합니다.

1. 왼쪽 메뉴에서 도우미 함수​를 선택합니다.

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

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

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

   code language-handlebars
   {%#if condition1%} render_1 {%else if condition2%} render_2 {%else%} default_render {%/if%}

   

표현식에서 이 조건 제거:

{%else if condition2%} render_2

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

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

조건에 제품 이름 토큰을 추가합니다.

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

2. 왼쪽 메뉴에서 컨텍스트 특성​을 선택합니다.

3. Journey Orchestration > 이벤트 > event_name​을 선택한 다음 productListItems 노드를 확장합니다.

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

4. Name 토큰을 식에 추가합니다.

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

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

   

표현식을 수정합니다.

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

   이 구문을 사용하십시오. 여기서 product_name​은(는) 제품 이름을 나타냅니다.

   code language-javascript
   = "product_name"

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

   code language-handlebars
   {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %} render_1 {%else%} default_render {%/if%}

2. “render_1” 자리 표시자를 메모의 텍스트로 바꿉니다.

   예:

   code language-handlebars
   {%#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” 자리 표시자를 제거합니다.

유효성 검사​를 클릭한 다음 저장​을 클릭합니다.

메시지를 저장합니다.

테스트 토글을 켜고 이벤트 트리거​를 클릭합니다.

이벤트 구성 창에서 입력 값을 입력한 다음 보내기​를 클릭합니다.

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

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

이 제품은 장바구니에 들어 있으므로 이 이메일에는 Juno Jacket에 대한 메모가 포함되어 있습니다.

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