在此範例中,您將個人化電子郵件內文。 此訊息會鎖定在購物車中保留商品,但尚未完成購買的客戶。
您將使用下列型別的協助程式函式:
開始之前,請確定您知道如何設定這些元素:
請按照以下步驟操作:
購物車內容是歷程中的內容相關資訊。 因此,您必須先將初始事件和電子郵件新增至歷程,才能將購物車特定資訊新增至電子郵件。
建立其結構描述包含 productListItems
陣列。
將此陣列中的所有欄位定義為此事件的裝載欄位。
進一步瞭解產品清單專案資料型別 Adobe Experience Platform檔案.
建立從此事件開始的歷程。
新增 電子郵件 活動到歷程。
在 電子郵件 活動,按一下 編輯內容,然後按一下 電子郵件設計工具.
從電子郵件設計工具首頁的左側浮動視窗,將三個結構元件拖放至訊息內文上。
將HTML內容元件拖放至每個新結構元件上。
在電子郵件設計工具首頁上,按一下您想要新增客戶名字的HTML元件。
在內容工具列上,按一下 顯示原始程式碼.
在 編輯HTML 視窗,新增 upperCase
字串函式:
在左側功能表中,選取 輔助函式.
使用搜尋欄位來尋找「大寫」。
從搜尋結果中新增 upperCase
函式。 若要這麼做,請按一下旁邊的加號(+) {%= upperCase(string) %}: string
.
運算式編輯器會顯示此運算式:
{%= upperCase(string) %}
從運算式中移除「字串」預留位置。
新增名字代號:
在左側功能表中,選取 設定檔屬性.
選取 個人 > 完整名稱.
新增 名字 運算式的Token。
運算式編輯器會顯示此運算式:
{%= upperCase(profile.person.name.firstName) %}
進一步瞭解中的個人名稱資料型別 AdobeExperience Platform檔案.
按一下 驗證,然後按一下 儲存.
儲存訊息。
重新開啟訊息內容。
在電子郵件設計工具首頁上,按一下您要列出購物車內容的HTML元件。
在內容工具列上,按一下 顯示原始程式碼.
在 編輯HTML 視窗,新增 each
協助程式:
在左側功能表中,選取 輔助函式.
使用搜尋欄位來尋找「each」。
從搜尋結果中新增 each
協助程式。
運算式編輯器會顯示此運算式:
{{#each someArray as |variable|}} {{/each}}
新增 productListItems
陣列至運算式:
從運算式中移除「someArray」預留位置。
在左側功能表中,選取 內容屬性.
內容屬性 只有在歷程內容已傳遞至訊息後,才能使用。
選取 Journey Optimizer > 活動 > event_name一下,然後展開 productListItems 節點。
在此範例中, event_name 代表事件的名稱。
新增 產品 運算式的Token。
運算式編輯器會顯示此運算式:
{{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
在此範例中, event_ID 代表事件的ID。
修改運算式:
此範例顯示修改後的運算式:
{{#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>
新增專案名稱、數量和價格的個人化代號:
重複這些步驟兩次:
此範例顯示修改後的運算式:
{{#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}}
按一下 驗證,然後按一下 儲存.
在電子郵件設計工具首頁上,按一下要插入附註的HTML元件。
在內容工具列上,按一下 顯示原始程式碼.
在 編輯HTML 視窗,新增 if
協助程式:
在左側功能表中,選取 輔助函式.
使用搜尋欄位來尋找「if」。
從搜尋結果中新增 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新增至條件:
從運算式中移除「condition1」預留位置。
在左側功能表中,選取 內容屬性.
選取 Journey Orchestration > 活動 > event_name一下,然後展開 productListItems 節點。
在此範例中, event_name 代表事件的名稱。
新增 名稱 運算式的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」預留位置。
按一下 驗證,然後按一下 儲存.
儲存訊息。
開啟 測試 切換,然後按一下 觸發事件.
在 事件設定 視窗,輸入輸入值,然後按一下 傳送.
測試模式僅適用於測試設定檔。
電子郵件會傳送至測試設定檔的地址。
在此範例中,電子郵件會包含有關Juno Jacket的備註,因為此產品已在購物車中:
確認沒有錯誤,然後發佈歷程。
瞭解如何使用協助程式函式。