创建订单确认电子邮件

挑战
创建订单确认事务型电子邮件
角色
历程管理者
所需技能
可供下载的资源
订单确认资源

案例

Luma 即将推出其在线商店,希望确保良好的客户体验。他们将在客户下订单后,发送订单确认电子邮件。

您的挑战

创建一个历程,该历程会在 Luma 客户完成在线订单时发送订单确认电子邮件。

任务
  1. 创建称为 Luma - Order Confirmation 的历程。

  2. 使用事件:LumaOnlinePurchase

  3. 创建​ 事务性 ​电子邮件 Luma - Order Confirmation

    • 主题行“FirstName,感谢您购买我们的产品”

    • 使用 Luma - Order summary 模板并对其进行修改:

      • 删除 You may also like 部分

      • 在电子邮件底部添加取消订阅链接

电子邮件的结构应如下所示:

table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header
标题部分
  • 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

note tip
TIP
为了让您能够对历程进行故障排除,如果出现超时或出错的情况,最佳实践是为所有消息操作添加替代路径。
成功标准

触发您在测试模式下创建的历程,并向您自己发送电子邮件:

  1. 在切换到测试模式之前,覆盖电子邮件参数,以便向您的电子邮件地址发送测试电子邮件:

    1. 打开电子邮件详细信息视图。
    2. 在电子邮件参数部分中,单击 T 符号(启用参数覆盖)
    3. 单击进入“地址”字段
    4. 在下一个屏幕上,在表达式编辑器中将您的电子邮件地址 yourname@yourdomain 添加到括号中,然后单击“确定”。
  2. 将历程置于测试模式

  3. 使用以下参数触发事件:

    • 将用户档案标识符设置为:标识值:a8f14eab3b483c2b96171b575ecd90b1
    • 事件类型:commerce.purches
    • Quantity: 1
    • Price Total: 69
    • Purchase Order Number: 90845952-c2ea-4872-8466-5289183e4607
    • SKU: LLMH09
    • City:San Jose
    • Postal Code: 95119
    • State: CA
    • Street: 245 Park Avenue

您应会收到个性化的购买确认电子邮件。

  • 主题行应具有测试用户档案的名字:Leora

  • 电子邮件正文应如下所示:

电子邮件

检查您的工作

历程

历程

电子邮件

主题行:

{{ profile.person.name.firstName }},感谢您购买我们的产品!

收货地址部分:

以下是您的代码所应显示的内容:

code language-javascript
{{ 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 不同于您使用的数字。

提示:单独个性化每个行

订单详情部分:

以下是您的代码所应显示的内容:

标题:

code language-javascript
Order #: {{context.journey.events.1627840522.commerce.order.purchaseOrderNumber}}

产品列表:

使用辅助函数“each”创建产品列表。可在表格中显示它们。代码应如此显示(包含特定变量,如事件 ID 而不是 454181416 和您的组织 I 而不是 techmarketingdemos):

code language-javascript
{{#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

recommendation-more-help
04826c94-302b-4257-9125-eb84103f67d1