个性化使用案例：购物车放弃电子邮件

上次更新： 2023-08-17

主题：
Personalization
查看有关此主题的更多信息

创建对象：
Intermediate

Developer

在此示例中，您将个性化电子邮件正文。此消息面向在购物车中遗留商品，但尚未完成购买的客户。

您将使用以下类型的辅助函数：

此 upperCase 字符串函数，以大写字母插入客户的名字。了解详情。
此 each 帮助程序，用于列出购物车中的商品。了解详情。
此 if 帮助程序，在购物车中包含相关产品时插入特定于产品的注释。了解详情。

➡️ 在此视频中了解如何使用辅助函数

在开始之前，请确保您知道如何配置这些元素：

单一事件。了解详情。
以事件开始的历程。了解详情。
历程中的电子邮件。了解详情
电子邮件的正文。了解详情。

执行以下步骤：

创建初始事件和历程.
创建电子邮件.
用大写字母插入客户的名字.
将购物车内容添加到电子邮件.
插入特定于产品的注释.
测试并发布历程.

步骤1：创建初始事件和相关历程

购物车内容是历程中的上下文信息。因此，您必须先将初始事件和电子邮件添加到历程，然后才能将购物车特定的信息添加到电子邮件。

创建其架构包含 productListItems 数组。
将此数组中的所有字段定义为此事件的有效负荷字段。

了解有关产品列表项数据类型的更多信息 Adobe Experience Platform文档.
创建从此事件开始的历程。
添加 电子邮件 历程的活动。

第2步：创建电子邮件

在 电子邮件 活动，单击 编辑内容，然后单击 电子邮件设计工具.
从Email Designer主页的左侧面板中，将三个结构组件拖放到消息正文上。
将HTML内容组件拖放到每个新结构组件上。

步骤3：将客户的名字插入大写字母

在Email Designer主页上，单击要添加客户名字的HTML组件。
在上下文工具栏上，单击 显示源代码.
在 编辑HTML 窗口，添加 upperCase 字符串函数：
1. 在左侧菜单中，选择 辅助函数.
2. 使用搜索字段查找“大写”。
3. 从搜索结果中，添加 upperCase 函数。为此，请单击旁边的加号(+) {%= upperCase(string) %}: string.
  
  表达式编辑器显示此表达式：
```
{%= upperCase(string) %}
```
从表达式中删除“string”占位符。
添加名字令牌：
1. 在左侧菜单中，选择 配置文件属性.
2. 选择人员 > 全名.
3. 添加名字表达式的令牌。
  
  表达式编辑器显示此表达式：
```
{%= upperCase(profile.person.name.firstName) %}
```
  在中了解有关人员姓名数据类型的更多信息 AdobeExperience Platform文档.
单击验证，然后单击保存.
保存消息。

第4步：插入购物车中的项目列表

重新打开消息内容。
在Email Designer主页上，单击要在其中列出购物车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. 添加产品表达式的令牌。
  
  表达式编辑器显示此表达式：
```
{{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
```
  在此示例中， event_ID 表示事件的ID。
5. 修改表达式：
  1. 删除“.product”字符串。
  2. 将“variable”占位符替换为“product”。
  此示例显示了修改后的表达式：
```
{{#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”。
从以前的搜索结果中，添加名称表达式的令牌。

重复这些步骤两次：

将占位符“#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}}

单击验证，然后单击保存.

步骤5：插入特定于产品的说明

在Email Designer主页上，单击要插入注释的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%}

将产品名称令牌添加到条件：
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%}
```

修改表达式：

在表达式编辑器中，在 name 令牌。

请使用此语法，其中 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