個人化使用案例：購物車放棄電子郵件

上次更新： 2023-08-17

主題：
Personalization
檢視有關此主題的更多資訊

建立對象：
Intermediate

Developer

在此範例中，您將個人化電子郵件內文。此訊息會鎖定在購物車中保留商品，但尚未完成購買的客戶。

您將使用下列型別的協助程式函式：

此 upperCase 字串函式，以大寫字母插入客戶的名字。了解更多。
此 each 協助程式，列出購物車中的專案。了解更多。
此 if 協助程式，在購物車中插入產品特定附註。了解更多。

➡️ 在本影片中瞭解如何使用協助程式函式

開始之前，請確定您知道如何設定這些元素：

單一事件。了解更多。
以事件開始的歷程。了解更多。
歷程中的電子郵件訊息。了解更多
電子郵件內文。了解更多。

請按照以下步驟操作：

建立初始事件和歷程.
建立電子郵件訊息.
以大寫字母插入客戶的名字.
將購物車內容新增至電子郵件.
插入產品專屬附註.
測試並發佈歷程.

步驟1：建立初始事件和相關歷程

購物車內容是歷程中的內容相關資訊。因此，您必須先將初始事件和電子郵件新增至歷程，才能將購物車特定資訊新增至電子郵件。

建立其結構描述包含 productListItems 陣列。
將此陣列中的所有欄位定義為此事件的裝載欄位。

進一步瞭解產品清單專案資料型別 Adobe Experience Platform檔案.
建立從此事件開始的歷程。
新增 電子郵件 活動到歷程。

步驟2：建立電子郵件

在 電子郵件 活動，按一下 編輯內容，然後按一下 電子郵件設計工具.
從電子郵件設計工具首頁的左側浮動視窗，將三個結構元件拖放至訊息內文上。
將HTML內容元件拖放至每個新結構元件上。

步驟3：以大寫字母插入客戶的名字

在電子郵件設計工具首頁上，按一下您想要新增客戶名字的HTML元件。
在內容工具列上，按一下 顯示原始程式碼.
在 編輯HTML 視窗，新增 upperCase 字串函式：
1. 在左側功能表中，選取 輔助函式.
2. 使用搜尋欄位來尋找「大寫」。
3. 從搜尋結果中新增 upperCase 函式。若要這麼做，請按一下旁邊的加號(+) {%= upperCase(string) %}: string.
  
  運算式編輯器會顯示此運算式：
```
{%= upperCase(string) %}
```
從運算式中移除「字串」預留位置。
新增名字代號：
1. 在左側功能表中，選取 設定檔屬性.
2. 選取個人 > 完整名稱.
3. 新增名字運算式的Token。
  
  運算式編輯器會顯示此運算式：
```
{%= upperCase(profile.person.name.firstName) %}
```
  進一步瞭解中的個人名稱資料型別 AdobeExperience Platform檔案.
按一下驗證，然後按一下儲存.
儲存訊息。

步驟4：從購物車插入專案清單

重新開啟訊息內容。
在電子郵件設計工具首頁上，按一下您要列出購物車內容的HTML元件。
在內容工具列上，按一下 顯示原始程式碼.
在 編輯HTML 視窗，新增 each 協助程式：
1. 在左側功能表中，選取 輔助函式.
2. 使用搜尋欄位來尋找「each」。
3. 從搜尋結果中新增 each 協助程式。
  
  運算式編輯器會顯示此運算式：
```
{{#each someArray as |variable|}} {{/each}}
```
新增 productListItems 陣列至運算式：
1. 從運算式中移除「someArray」預留位置。
2. 在左側功能表中，選取 內容屬性.
  
  內容屬性 只有在歷程內容已傳遞至訊息後，才能使用。
3. 選取 Journey Optimizer > 活動 > event_name一下，然後展開 productListItems 節點。
  
  在此範例中， event_name 代表事件的名稱。
4. 新增產品運算式的Token。
  
  運算式編輯器會顯示此運算式：
```
{{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
```
  在此範例中， event_ID 代表事件的ID。
5. 修改運算式：
  1. 移除「.product」字串。
  2. 將「變數」預留位置取代為「產品」。
  此範例顯示修改後的運算式：
```
{{#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>

新增專案名稱、數量和價格的個人化代號：

從HTML表格中移除預留位置「#name」。
從先前的搜尋結果中新增名稱運算式的Token。

重複這些步驟兩次：

將預留位置「#quantity」取代為數量 Token。
將預留位置「#priceTotal」取代為總價 Token。

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

{{#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}}

按一下驗證，然後按一下儲存.

步驟5：插入產品專屬附註

在電子郵件設計工具首頁上，按一下要插入附註的HTML元件。
在內容工具列上，按一下 顯示原始程式碼.
在 編輯HTML 視窗，新增 if 協助程式：
1. 在左側功能表中，選取 輔助函式.
2. 使用搜尋欄位來尋找「if」。
3. 從搜尋結果中新增 if 協助程式。
  
  運算式編輯器會顯示此運算式：
```
{%#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 > 活動 > event_name一下，然後展開 productListItems 節點。
  
  在此範例中， event_name 代表事件的名稱。
4. 新增名稱運算式的Token。
  
  運算式編輯器會顯示此運算式：
```
{%#if context.journey.events.`event_ID`.productListItems.name%}
   render_1
   {%else%} default_render
{%/if%}
```

修改運算式：

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

請使用此語法，其中 product_name 代表產品的名稱：
```
= "product_name"
```
在此範例中，產品名稱為「Juno Jacket」：
```
{%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %}
   render_1
   {%else%} default_render
{%/if%}
```

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

從運算式中移除「default_render」預留位置。

按一下驗證，然後按一下儲存.
儲存訊息。

步驟6：測試並發佈歷程

開啟測試切換，然後按一下 觸發事件.
在 事件設定 視窗，輸入輸入值，然後按一下傳送.

測試模式僅適用於測試設定檔。

電子郵件會傳送至測試設定檔的地址。

在此範例中，電子郵件會包含有關Juno Jacket的備註，因為此產品已在購物車中：
確認沒有錯誤，然後發佈歷程。

個人化使用案例：購物車放棄電子郵件

步驟1：建立初始事件和相關歷程

步驟2：建立電子郵件

步驟3：以大寫字母插入客戶的名字

步驟4：從購物車插入專案清單

步驟5：插入產品專屬附註

步驟6：測試並發佈歷程

Handlebars函式

使用案例

操作說明影片

此頁面上的

檢視下一個：

學習

檔案

社群

支援

資源

Adobe帳戶

Adobe

個人化使用案例：購物車放棄電子郵件

步驟1：建立初始事件和相關歷程

步驟2：建立電子郵件

步驟3：以大寫字母插入客戶的名字

步驟4：從購物車插入專案清單

步驟5：插入產品專屬附註

步驟6：測試並發佈歷程

相關主題

Handlebars函式

使用案例

操作說明影片

此頁面上的

檢視下一個：

學習

檔案

社群

支援

資源

Adobe帳戶

Adobe