個性化用例:車棄用電子郵件

在此示例中,您將個性化電子郵件的正文。 此消息針對的是那些在購物車中留有物品但尚未完成購買的客戶。

您將使用以下類型的幫助程式函式:

  • upperCase 的子菜單。 了解更多
  • each 幫助程式,列出購物車中的項目。 了解更多
  • if 幫助程式,以在相關產品位於購物車中時插入特定於產品的注釋。 了解更多

➡️ 瞭解如何在此視頻中使用幫助程式功能

在開始之前,請確保知道如何配置這些元素:

執行以下步驟:

  1. 建立電子郵件
  2. 在大寫字母中插入客戶的名字
  3. 建立初始事件和行程
  4. 將購物車內容添加到電子郵件
  5. 插入特定於產品的注釋
  6. 測試並發佈歷程.

步驟1:建立電子郵件

  1. 建立或修改電子郵件,然後按一下 Email Designer

  2. 從「電子郵件設計器」首頁的左側調色板,將三個結構元件拖放到消息的正文上。

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

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

  1. 在「電子郵件設計器」首頁上,按一下要添加客戶名的HTML元件。

  2. 在上下文工具欄上,按一下 Show the source code

  3. Edit HTMLupperCase 字串函式:

    1. 在左菜單中,選擇 Helper functions

    2. 使用搜索欄位查找「大寫」。

    3. 從搜索結果中,添加 upperCase 的子菜單。 要執行此操作,請按一下旁邊的加號(+) {%= upperCase(string) %}: string

      表達式編輯器顯示此表達式:

      {%= upperCase(string) %}
      

  4. 從表達式中刪除"string"佔位符。

  5. 添加名標籤:

    1. 在左菜單中,選擇 Profile attributes

    2. 選擇 Person > Full name.

    3. 添加 First name 表達式的標籤。

      表達式編輯器顯示此表達式:

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

      瞭解有關中人員姓名資料類型的詳細資訊 Adobe體驗平台文檔

  6. 按一下「Validate」,然後按一下「Save」。

  7. 保存郵件。

第3步:建立初始事件和相關行程

購物車內容是旅程中的上下文資訊。 因此,您必須先將初始事件和電子郵件添加到行程中,然後才能將特定於購物車的資訊添加到電子郵件中。

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

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

    瞭解有關產品清單項資料類型的詳細資訊 Adobe Experience Platform文檔

  3. 建立從此事件開始的行程。

  4. 將消息添加到旅程。

    由於您尚未發佈該消息,因此您既不能test也不能發佈該行程。

  5. 按一下「OK」。

    一條消息通知您行程上下文已傳遞到該消息。

第4步:插入購物車中的物料清單

  1. 重新開啟郵件。

  2. 在「電子郵件設計器」首頁上,按一下要列出購物車內容的HTML元件。

  3. 在上下文工具欄上,按一下 Show the source code

  4. Edit HTMLeach 幫助程式:

    1. 在左菜單中,選擇 Helper functions

    2. 使用搜索欄位查找「每個」。

    3. 從搜索結果中,添加 each 幫助程式。

      表達式編輯器顯示此表達式:

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

  5. 添加 productListItems 陣列到表達式:

    1. 從表達式中刪除「someArray」佔位符。

    2. 在左菜單中,選擇 Contextual attributes

      Contextual attributes 僅在將行程上下文傳遞到消息後才可用。

    3. 選擇 Journey Optimizer > Events > event_name,然後展開 productListItems 的下界。

      在本例中, 事件名稱 表示您的活動名稱。

    4. 添加 Product 表達式的標籤。

      表達式編輯器顯示此表達式:

      {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
      

      在本例中, 事件ID 表示事件的ID。

    5. 修改表達式:

      1. 刪除"。product"字串。
      2. 將"variable"佔位符替換為"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. 從上一個搜索結果中,添加 Name 表達式的標籤。

    重複以下步驟兩次:

    • 將佔位符「#quantity」替換為 Quantity 標籤。
    • 將佔位符「#priceTotal」替換為 Total price 標籤。

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

    {{#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. 按一下「Validate」,然後按一下「Save」。

第5步:插入特定於產品的注釋

  1. 在「電子郵件設計器」首頁上,按一下要插入注釋的HTML元件。

  2. 在上下文工具欄上,按一下 Show the source code

  3. Edit HTMLif 幫助程式:

    1. 在左菜單中,選擇 Helper functions

    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. 在左菜單中,選擇 Contextual attributes

    3. 選擇 Journey Orchestration > Events > event_name,然後展開 productListItems 的下界。

      在本例中, 事件名稱 表示您的活動名稱。

    4. 添加 Name 表達式的標籤。

      表達式編輯器顯示此表達式:

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

  6. 修改表達式:

    1. 在表達式編輯器中,在 name 標籤。

      使用此語法,其中 產品名稱 表示產品名稱:

      = "product_name"
      

      在此示例中,產品名稱為「Juno Cacket」:

      {%#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. 按一下「Validate」,然後按一下「Save」。

  8. 保存並發佈消息。

步驟6:Test並發表旅程

  1. 開啟旅程。 如果行程已開啟,則刷新頁面。

  2. 開啟 Test 切換,然後按一下 Trigger an event

    只有在發佈消息後,才可以開啟test模式。

  3. Event configuration ,然後按一下 Send

    test模式僅適用於test配置檔案。

    電子郵件將發送到test配置檔案的地址。

    在此示例中,電子郵件包含有關Juno Cacket的說明,因為此產品位於購物車中:

  4. 驗證沒有錯誤,然後發佈行程。

車把函式

使用案例

How-to視頻

瞭解如何使用幫助程式功能。

本頁內容