Personalization使用案例：購物車放棄電子郵件 personalization-use-case-helper-functions

建立其結構描述包含productListItems陣列的事件。

將此陣列中的所有欄位定義為此事件的裝載欄位。

在Adobe Experience Platform檔案中進一步瞭解產品清單專案資料型別。

建立從此事件開始的歷程。

將​ 電子郵件 ​活動新增至歷程。

在​ 電子郵件 ​活動中，按一下​ 編輯內容，然後按一下​ 電子郵件Designer。

從電子郵件Designer首頁的左側浮動視窗，將三個結構元件拖放至訊息內文上。

將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) %}

   

   在AdobeExperience Plaform檔案中進一步瞭解人員名稱資料型別。

按一下​ 驗證，然後按一下​ 儲存。

儲存訊息。

重新開啟訊息內容。

在電子郵件Designer首頁上，按一下您要列出購物車內容的HTML元件。

在內容工具列上，按一下​ 顯示原始程式碼。

在​ 編輯HTML ​視窗中，新增each協助程式：

1. 在左側功能表中，選取​ 協助程式函式。

2. 使用搜尋欄位來尋找「each」。

3. 從搜尋結果中新增each協助程式。

   運算式編輯器會顯示此運算式：

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

   

將productListItems陣列新增至運算式：

1. 從運算式中移除「someArray」預留位置。

2. 在左側功能表中，選取​ 內容屬性。

   內容屬性 ​只有在歷程內容已傳遞至訊息之後，才能使用。

3. 選取​ Journey Optimizer > 事件 > 事件名稱，然後展開​ productListItems ​節點。

   在此範例中，event_name ​代表事件的名稱。

4. 將​ Product ​權杖新增至運算式。

   運算式編輯器會顯示此運算式：

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

   在此範例中，event_ID ​代表您事件的識別碼。

   

5. 修改運算式：

   1. 移除「.product」字串。
   2. 將「變數」預留位置取代為「產品」。

   此範例顯示修改後的運算式：

   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%}

將產品名稱Token新增至條件：

1. 從運算式中移除「condition1」預留位置。

2. 在左側功能表中，選取​ 內容屬性。

3. 選取​ Journey Orchestration > 事件 > 事件名稱，然後展開​ productListItems ​節點。

   在此範例中，event_name ​代表事件的名稱。

4. 將​ Name ​權杖新增至運算式。

   運算式編輯器會顯示此運算式：

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

   

修改運算式：

1. 在運算式編輯器中，在name Token後面指定產品名稱。

   使用此語法，其中​ 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的備註，因為此產品已在購物車中：

確認沒有錯誤，然後發佈歷程。