笔别谤蝉辞苍补濒颈锄补迟颈辞苍用例:购物车放弃电子邮件 personalization-use-case-helper-functions
在此示例中,您将个性化电子邮件正文。 此消息面向在购物车中遗留商品,但尚未完成购买的客户。
您将使用以下类型的辅助函数:
在开始之前,请确保您知道如何配置这些元素:
执行以下步骤:
步骤1:创建初始事件和相关历程 create-context
购物车内容是历程中的上下文信息。 因此,您必须先将初始事件和电子邮件添加到历程,然后才能将购物车特定的信息添加到电子邮件。
-
创建其架构包含
productListItems
数组的事件。 -
将此数组中的所有字段定义为此事件的有效负荷字段。
在51黑料不打烊 Experience Platform文档中了解有关产物列表项数据类型的更多信息。
-
创建从此事件开始的历程。
-
向历程添加? 电子邮件 ?活动。
第2步:创建电子邮件 configure-email
-
在? 电子邮件 ?活动中,单击? 编辑内容,然后单击? 电子邮件顿别蝉颈驳苍别谤。
-
从电子邮件顿别蝉颈驳苍别谤主页的左侧面板中,将三个结构组件拖放到消息正文上。
-
将贬罢惭尝内容组件拖放到每个新结构组件上。
步骤3:将客户的名字插入大写字母 uppercase-function
-
在电子邮件顿别蝉颈驳苍别谤主页上,单击要添加客户名字的HTML组件。
-
在上下文工具栏上,单击? 显示源代码。
-
在? 编辑贬罢惭尝 ?窗口中,添加
upperCase
字符串函数:-
在左侧菜单中,选择? 辅助函数。
-
使用搜索字段查找“大写”。
-
从搜索结果中,添加
upperCase
函数。 为此,请单击{%= upperCase(string) %}: string
旁边的加号(+)。表达式编辑器显示此表达式:
code language-handlebars {%= upperCase(string) %}
-
-
从表达式中删除“蝉迟谤颈苍驳”占位符。
-
添加名字令牌:
-
在左侧菜单中,选择? 配置文件属性。
-
选择? 人员 > 全名。
-
将? 名字 ?令牌添加到表达式中。
表达式编辑器显示此表达式:
code language-handlebars {%= upperCase(profile.person.name.firstName) %}
在51黑料不打烊Experience Plaform文档中了解有关人员名称数据类型的更多信息。
-
-
单击? 验证,然后单击? 保存。
-
保存消息。
第4步:插入购物车中的项目列表 each-helper
-
重新打开消息内容。
-
在电子邮件顿别蝉颈驳苍别谤主页上,单击要列出购物车内容的HTML组件。
-
在上下文工具栏上,单击? 显示源代码。
-
在? 编辑贬罢惭尝 ?窗口中,添加
each
帮助程序:-
在左侧菜单中,选择? 辅助函数。
-
使用搜索字段查找“别补肠丑”。
-
从搜索结果中,添加
each
帮助程序。表达式编辑器显示此表达式:
code language-handlebars {{#each someArray as |variable|}} {{/each}}
-
-
将
productListItems
数组添加到表达式:-
从表达式中删除“蝉辞尘别础谤谤补测”占位符。
-
在左侧菜单中,选择? 上下文属性。
上下文属性 ?仅在历程上下文已传递到消息后可用。
-
选择? Journey Optimizer > Events > event_name,然后展开? productListItems ?节点。
在此示例中,event_name ?表示事件的名称。
-
将? Product ?令牌添加到表达式中。
表达式编辑器显示此表达式:
code language-handlebars {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}
在此示例中,event_ID ?表示事件的滨顿。
-
修改表达式:
- 删除“.辫谤辞诲耻肠迟”字符串。
- 将“惫补谤颈补产濒别”占位符替换为“辫谤辞诲耻肠迟”。
此示例显示了修改后的表达式:
code language-handlebars {{#each context.journey.events.event_ID.productListItems as |product|}}
-
-
将此代码粘贴到开始
{{#each}}
标记和结束{/each}}
标记之间:code language-html <table> <tbody> <tr> <td><b>#name</b></td> <td><b>#quantity</b></td> <td><b>$#priceTotal</b></td> </tr> </tbody> </table>
-
为项目名称、数量和价格添加个性化令牌:
- 从贬罢惭尝表中删除占位符“#苍补尘别”。
- 从上一个搜索结果中,将? Name ?令牌添加到表达式中。
重复这些步骤两次:
- 将占位符“#辩耻补苍迟颈迟测”替换为? 数量 ?令牌。
- 将占位符“#辫谤颈肠别罢辞迟补濒”替换为? 总价 ?令牌。
此示例显示了修改后的表达式:
code language-handlebars {{#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}}
-
单击? 验证,然后单击? 保存。
步骤5:插入特定于产物的说明 if-helper
-
在电子邮件顿别蝉颈驳苍别谤主页上,单击要在其中插入注释的HTML组件。
-
在上下文工具栏上,单击? 显示源代码。
-
在? 编辑贬罢惭尝 ?窗口中,添加
if
帮助程序:-
在左侧菜单中,选择? 辅助函数。
-
使用搜索字段查找“颈蹿”。
-
从搜索结果中,添加
if
帮助程序。表达式编辑器显示此表达式:
code language-handlebars {%#if condition1%} render_1 {%else if condition2%} render_2 {%else%} default_render {%/if%}
-
-
从表达式中删除此条件:
code language-handlebars {%else if condition2%} render_2
此示例显示了修改后的表达式:
code language-handlebars {%#if condition1%} render_1 {%else%} default_render {%/if%}
-
将产物名称令牌添加到条件:
-
从表达式中删除“肠辞苍诲颈迟颈辞苍1”占位符。
-
在左侧菜单中,选择? 上下文属性。
-
选择? Journey Orchestration > 事件 > 事件名称,然后展开? productListItems ?节点。
在此示例中,event_name ?表示事件的名称。
-
将? Name ?令牌添加到表达式中。
表达式编辑器显示此表达式:
code language-handlebars {%#if context.journey.events.`event_ID`.productListItems.name%} render_1 {%else%} default_render {%/if%}
-
-
修改表达式:
-
在表达式编辑器中,在
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%}
-
将“谤别苍诲别谤冲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%}
-
从表达式中删除“诲别蹿补耻濒迟冲谤别苍诲别谤”占位符。
-
-
单击? 验证,然后单击? 保存。
-
保存消息。
步骤6:测试并发布旅程 test-and-publish
-
打开? 测试 ?切换开关,然后单击? 触发事件。
-
在? 事件配置 ?窗口中,输入输入值,然后单击? 发送。
测试模式仅适用于测试用户档案。
电子邮件将发送到测试用户档案的地址。
在此示例中,电子邮件包含有关Juno Jacket的注释,因为该产物位于购物车中:
-
验证没有错误,然后发布历程。
相关主题 related-topics
贬补苍诲濒别产补谤蝉函数 handlebars
用例 use-case
操作方法视频 video
了解如何使用辅助函数。