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

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

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

  • 다음 upperCase string 함수를 사용하여 고객의 이름을 대문자로 삽입합니다. 자세히 알아보기.
  • 다음 each 도우미, 장바구니에 있는 항목을 나열합니다. 자세히 알아보기.
  • 다음 if 관련 제품이 장바구니에 있는 경우, 도우미에서 제품별 메모를 삽입합니다. 자세히 알아보기.

➡️ 이 비디오에서 도우미 함수를 사용하는 방법에 대해 알아봅니다.

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

다음 단계를 수행하십시오.

1단계: 초기 이벤트 및 관련 여정 만들기 create-context

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

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

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

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

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

  4. 추가 이메일 활동을 여정에 추가합니다.

2단계: 이메일 만들기 configure-email

  1. 다음에서 이메일 활동, 클릭 콘텐츠 편집 ​을 클릭한 다음 을 클릭합니다 이메일 디자이너.

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

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

3단계: 고객의 이름을 대문자로 삽입 uppercase-function

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

  2. 상황별 도구 모음에서 소스 코드 표시.

  3. 다음에서 HTML 편집 창, 추가 upperCase 문자열 함수:

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

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

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

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

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

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

  5. 이름 토큰 추가:

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

    2. 선택 개인 > 전체 이름.

    3. 추가 이름 토큰을 표현식에 추가합니다.

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

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

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

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

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

4단계: 장바구니에서 항목 목록 삽입 each-helper

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

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

  3. 상황별 도구 모음에서 소스 코드 표시.

  4. 다음에서 HTML 편집 창, 추가 each 도우미:

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

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

    3. 검색 결과에서 each 도우미입니다.

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

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

  5. 추가 productListItems 표현식에 대한 배열:

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

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

      컨텍스트 속성 여정 컨텍스트가 메시지에 전달된 후에만 사용할 수 있습니다.

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

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

    4. 추가 제품 토큰을 표현식에 추가합니다.

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

      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|}}
      
  6. 열기 사이에 이 코드 붙여넣기 {{#each}} 태그와 닫기 {/each}} 태그:

    code language-html
    <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. 이전 검색 결과에서 이름 토큰을 표현식에 추가합니다.

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

    • 자리 표시자 "#quantity"을 수량 토큰.
    • 자리 표시자 "#priceTotal"을 총 가격 토큰.

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

    code language-handlebars
    {{#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. 클릭 유효성 검사 ​을 클릭한 다음 을 클릭합니다 저장.

5단계: 제품별 참고 사항 삽입 if-helper

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

  2. 상황별 도구 모음에서 소스 코드 표시.

  3. 다음에서 HTML 편집 창, 추가 if 도우미:

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

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

    3. 검색 결과에서 if 도우미입니다.

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

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

  4. 표현식에서 이 조건 제거:

    code language-handlebars
    {%else if condition2%} render_2
    

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

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

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

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

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

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

    4. 추가 이름 토큰을 표현식에 추가합니다.

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

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

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

    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" 자리 표시자를 제거합니다.

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

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

6단계: 여정 테스트 및 게시 test-and-publish

  1. 켜기 테스트 전환 후 클릭 이벤트 트리거.

  2. 다음에서 이벤트 구성 창에서 입력 값을 입력한 다음 보내기.

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

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

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

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

관련 항목 related-topics

Handlebars 함수 handlebars

사용 사례 use-case

방법 비디오 video

도우미 함수를 사용하는 방법에 대해 알아봅니다.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76