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

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

您將使用以下類型的協助程式函式：

  • 此 upperCase 字串函式，以在大寫字母中插入客戶的名字。 了解更多。
  • 此 each 協助工具，列出購物車中的項目。 了解更多。
  • 此 if 協助工具，以在相關產品在購物車中時插入產品專屬備注。 了解更多。

➡️ 了解如何在此影片中使用協助程式功能

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

請依照下列步驟操作：

  1. 建立初始事件和歷程.
  2. 建立電子郵件訊息.
  3. 在大寫字母中插入客戶的名字.
  4. 將購物車內容新增至電子郵件.
  5. 插入產品特定附註.
  6. 測試並發佈歷程.

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

購物車內容是歷程的情境資訊。 因此，您必須先新增初始事件和電子郵件至歷程，才能將購物車專屬資訊新增至電子郵件。

  1. 建立其架構包含 productListItems 陣列。

  2. 將此陣列中的所有欄位定義為此事件的有效負載欄位。

    深入了解產品清單項目資料類型 Adobe Experience Platform檔案.

  3. 建立以此事件開始的歷程。

  4. 新增 電子郵件 活動至歷程。

步驟2:建立電子郵件

  1. 在 電子郵件 活動，按一下 編輯內容，然後按一下 電子郵件設計工具.

  2. 從電子郵件設計工具首頁的左側浮動視窗，將三個結構元件拖放至訊息內文。

  3. 將HTML內容元件拖放至每個新結構元件。

步驟3:在大寫字母中插入客戶的名字

  1. 在電子郵件設計工具首頁上，按一下要添加HTML名的客戶元件。

  2. 在內容工具列上，按一下 顯示原始碼.

  3. 在 編輯HTML 窗口，添加 upperCase 字串函式：

    1. 在左側功能表中，選取 輔助函式.

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

    3. 從搜尋結果中，新增 upperCase 函式。 要執行此操作，請按一下旁邊的加號(+) {%= upperCase(string) %}: string.

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

      {%= upperCase(string) %}

  4. 從運算式中移除「字串」預留位置。

  5. 新增名字代號：

    1. 在左側功能表中，選取 設定檔屬性.

    2. 選擇 人員 > 全名.

    3. 新增 名字 代號至運算式。

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

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

      深入了解人員名稱資料類型，位於 Adobe Experience Platform檔案.

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

  7. 儲存訊息。

步驟4:插入購物車中的項目清單

  1. 重新開啟訊息內容。

  2. 在電子郵件設計工具首頁上，按一下您要列出購物車內容的HTML元件。

  3. 在內容工具列上，按一下 顯示原始碼.

  4. 在 編輯HTML 窗口，添加 each 幫助者：

    1. 在左側功能表中，選取 輔助函式.

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

    3. 從搜尋結果中，新增 each 幫手。

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

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

  5. 新增 productListItems array到運算式：

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

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

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

    3. 選擇 Journey Optimizer > 事件 > event_name，然後展開 productListItems 節點。

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

    4. 新增 產品 代號至運算式。

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

      {{#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. 從先前的搜尋結果中，新增 名稱 代號至運算式。

    重複這些步驟兩次：

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

    此示例顯示修改後的表達式：

    {{#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:插入產品特定附註

  1. 在電子郵件設計工具首頁上，按一下要插入注釋的HTML元件。

  2. 在內容工具列上，按一下 顯示原始碼.

  3. 在 編輯HTML 窗口，添加 if 幫助者：

    1. 在左側功能表中，選取 輔助函式.

    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. 在左側功能表中，選取 內容屬性.

    3. 選擇 Journey Orchestration > 事件 > event_name，然後展開 productListItems 節點。

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

    4. 新增 名稱 代號至運算式。

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

      {%#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. 按一下 驗證，然後按一下 儲存.

  8. 儲存訊息。

步驟6:測試並發佈歷程

  1. 開啟 測試 切換，然後按一下 觸發事件.

  2. 在 事件設定 ，輸入輸入值，然後按一下 傳送.

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

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

    在此範例中，電子郵件包含關於Juno Jacket的附註，因為此產品位於購物車中：

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

Handlebars函式

使用案例

作法影片

了解如何使用協助程式功能。

本頁內容