创建订单确认电子邮件
- 主题:
- 历程
创建对象:
- 初学者
- 用户
案例
Luma 即将推出其在线商店,希望确保良好的客户体验。他们将在客户下订单后,发送订单确认电子邮件。
您的挑战
创建一个历程,该历程会在 Luma 客户完成在线订单时发送订单确认电子邮件。
-
创建称为
Luma - Order Confirmation
的历程。 -
使用事件:
LumaOnlinePurchase
。 -
创建 事务性 电子邮件
Luma - Order Confirmation
。-
主题行“
FirstName
,感谢您购买我们的产品” -
使用
Luma - Order summary
模板并对其进行修改:-
删除
You may also like
部分 -
在电子邮件底部添加取消订阅链接
-
-
电子邮件的结构应如下所示:
-
luma_logo.png
-
它应具有指向 luma 网站的链接:https://luma.enablementadobe.com/content/luma/us/en.html
文本
{firstName},您好!
您的订单已下达。
发货后,我们会向您发送一封包含跟踪号码的电子邮件,以便您跟踪订单。
收货地址部分
-
名字和姓氏来自用户档案
-
将模板中的硬编码地址替换为 送货地址
-
地址详细信息是事件中的上下文属性(街道 1、城市、邮政编码、州/省)
-
移除 折扣、总计、到达时间
收货地址:
{firstName} {lastName}
{Street 1}
{City}, {State} {postalCode}
订单详情部分
-
在 收货方 部分下方添加此部分。
提示:
-
在此部分中,使用结构组件 1:2 列左对齐
-
这是上下文事件信息。
-
使用 helper function:Each
-
切换到代码编辑器格式以添加上下文数据。
标题
订单:{purchaseOrderNumber}
已订购的产品列表:
在订单中列出每个产品,并提供图像、价格和名称。
每个商品的布局应如下所示:
将链接添加到购物车
将 URL 中的订单 ID 替换为采购订单编号: https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId=90845952-c2ea-4872-8466-5289183e4607
触发您在测试模式下创建的历程,并向您自己发送电子邮件:
-
在切换到测试模式之前,覆盖电子邮件参数,以便向您的电子邮件地址发送测试电子邮件:
- 打开电子邮件详细信息视图。
- 在电子邮件参数部分中,单击 T 符号(启用参数覆盖)
- 单击进入“地址”字段
- 在下一个屏幕上,在表达式编辑器中将您的电子邮件地址 yourname@yourdomain 添加到括号中,然后单击“确定”。
-
将历程置于测试模式
-
使用以下参数触发事件:
- 将用户档案标识符设置为:标识值:
a8f14eab3b483c2b96171b575ecd90b1
- 事件类型:commerce.purches
Quantity
: 1Price Total:
69Purchase Order Number:
90845952-c2ea-4872-8466-5289183e4607SKU:
LLMH09City:
San JosePostal Code:
95119State
: CAStreet:
245 Park Avenue
- 将用户档案标识符设置为:标识值:
您应会收到个性化的购买确认电子邮件。
-
主题行应具有测试用户档案的名字:Leora
-
电子邮件正文应如下所示:
历程
电子邮件
主题行:
{{ profile.person.name.firstName }}
,感谢您购买我们的产品!
收货地址部分:
以下是您的代码所应显示的内容:
{{ profile.person.name.firstName }} {{ profile.person.name.lastName }}
{{context.journey.events.454181416.commerce.shipping.address.street1}}
{{context.journey.events.454181416.commerce.shipping.address.city}}, {{context.journey.events.454181416.commerce.shipping.address.state}} {{context.journey.events.454181416.commerce.shipping.address.postalCode}}
event.45481416 不同于您使用的数字。
提示:单独个性化每个行
订单详情部分:
以下是您的代码所应显示的内容:
标题:
Order #: {{context.journey.events.1627840522.commerce.order.purchaseOrderNumber}}
产品列表:
使用辅助函数“each”创建产品列表。可在表格中显示它们。代码应如此显示(包含特定变量,如事件 ID 而不是 454181416
和您的组织 I 而不是 techmarketingdemos
):
{{#each context.journey.events.454181416.productListItems as |product|}}<tr> <th class="colspan33"><div class="acr-fragment acr-component image-container" data-component-id="image" style="width:100%;text-align:center;" contenteditable="false"><!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]--><img src="{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.imageUrl}}" style="height:auto;width:100%;" height="233" width="233"><!--[if mso]></td></tr></table><![endif]--></div></th> <th class="colspan66"><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p><span style="font-weight:700;">{{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.name}}</span></p></div></div><div class="acr-fragment acr-component" data-component-id="text" contenteditable="false"><div class="text-container" contenteditable="true"><p>${{context.journey.events.454181416.productListItems.VYG__902489191a0a40e67f51f17f3ea9e2dfaf2dea3bd0bebe8b._techmarketingdemos.product.price}}.00</p></div></div></th></tr> {{/each}}
查看订单按钮:
https://luma.enablementadobe.com/content/luma/us/en/user/account/order-history/order-details.html?orderId={{context.journey.events.454181416.commerce.order.purchaseOrderNumber}}
总价:
合计:${{context.journey.events.1627840522.commerce.order.priceTotal}}.00