个性化用例:购物车放弃电子邮件

在本例中,您将个性化电子邮件的正文。 此消息可定向购物车中已留下物品但尚未完成购买的客户。

您将使用以下类型的帮助程序函数:

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

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

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

请执行以下步骤:

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

步骤1:创建电子邮件

  1. 创建或修改电子邮件,然后单击 Email Designer.

  2. 从Email Designer主页的左侧面板,将三个结构组件拖放到消息正文中。

  3. 将HTML内容组件拖放到每个新结构组件上。

步骤2:在大写字母中插入客户的名字

  1. 在Email Designer主页上,单击要在其中添加HTML名字的客户组件。

  2. 在上下文工具栏上,单击 Show the source code.

  3. Edit HTML 窗口,添加 upperCase 字符串函数:

    1. 在左侧菜单中,选择 Helper functions.

    2. 使用搜索字段查找“大写”。

    3. 在搜索结果中,添加 upperCase 函数。 要执行此操作,请单击旁边的加号(+) {%= upperCase(string) %}: string.

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

      {%= upperCase(string) %}
      

  4. 从表达式中删除“字符串”占位符。

  5. 添加名字令牌:

    1. 在左侧菜单中,选择 Profile attributes.

    2. 选择 Person > Full name.

    3. 添加 First name 表达式的令牌。

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

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

      在中了解有关人员姓名数据类型的更多信息 Adobe Experience Platform文档

  6. 单击 Validate,然后单击 Save

  7. 保存消息。

步骤3:创建初始事件和相关历程

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

  1. 创建一个事件,其架构包含 productListItems 数组。

  2. 将此数组中的所有字段定义为此事件的有效负荷字段。

    了解有关产品列表项数据类型的更多信息 Adobe Experience Platform文档

  3. 创建以此事件开始的历程。

  4. 将消息添加到历程。

  5. 通过结束活动结束历程。

    由于您尚未发布消息,因此既不能测试也不能发布历程。

  6. 单击 OK

    消息会通知您历程上下文已传递到消息。

步骤4:插入购物车中的项目列表

  1. 重新打开消息。

  2. 在Email Designer主页上,单击要在其中列出购物车内容的HTML组件。

  3. 在上下文工具栏上,单击 Show the source code.

  4. Edit HTML 窗口,添加 each 助手:

    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 节点。

      在本例中, event_name 表示事件的名称。

    4. 添加 Product 表达式的令牌。

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

      {{#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|}}
      
  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. 在Email Designer主页上,单击要在其中插入注释的HTML组件。

  2. 在上下文工具栏上,单击 Show the source code.

  3. Edit HTML 窗口,添加 if 助手:

    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 节点。

      在本例中, event_name 表示事件的名称。

    4. 添加 Name 表达式的令牌。

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

      {%#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. 单击 Validate,然后单击 Save

  8. 保存并发布消息。

步骤6:测试和发布历程

  1. 打开旅程。 如果历程已打开,则刷新页面。

  2. 打开 Test 切换,然后单击 Trigger an event.

    只有在发布消息后,才能打开测试模式。

  3. Event configuration 窗口,输入输入值,然后单击 Send.

    测试模式仅适用于测试用户档案。

    电子邮件会发送到测试用户档案的地址。

    在此示例中,电子邮件包含有关Juno Jacket的注释,因为此产品在购物车中:

  4. 确认没有错误,然后发布历程。

Handlebars函数

用例

操作方法视频

了解如何使用帮助程序函数。

在此页面上