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

   

从表达式中删除“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 > Events > event_name，然后展开​ productListItems ​节点。

   在此示例中，event_name ​表示事件的名称。

4. 将​ Product ​令牌添加到表达式中。

   表达式编辑器显示此表达式：

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

   在此示例中，event_ID ​表示事件的ID。

   

5. 修改表达式：

   1. 删除“.product”字符串。
   2. 将“variable”占位符替换为“product”。

   此示例显示了修改后的表达式：

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

将产品名称令牌添加到条件：

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令牌之后指定产品名称。

   使用以下语法，其中​ 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的注释，因为该产品位于购物车中：

验证没有错误，然后发布历程。