文章分类: OmniTrack

如何将购物车或结账页面中的商品信息添加到Klaviyo的弃购邮件中

当您选择使用OmniTrack Plus的Addtocart或Initiatechekcout事件配置Flow时,您务必需要按照本指南对弃购邮件的模板进行修改,以便可以在Klaviyo弃购邮件中正确显示购物车/弃购商品内容。

场景1:使用OmniTrack Plus的AddToCart事件作为Trigger时



第一步:添加/修改动态表格组件


打开您复制的Flow中的邮件模板,如果您的模板中原先用于展示商品信息的模块是 Split 类型,请直接删除,然后在组件库中找到 Table 类型的组件,将该Table组件拖拽到您希望放置商品信息的位置。如果原先组件的类型是Table,则直接在原先的Table组件中进行修改即可。
1)在 Table Settings 设置板块中选择 动态类型( Dynamic
2)在 Row collection 中填入内容: event.products
3)在 Row alias 中填入内容: item



第二步:设置商品图片地址以及图片尺寸


在Table 的Content 设置板块中:
1)DYNAMIC ROWS选择左侧的 “图片”
2)Cell Content选择 “Image”
3)点击 “Add Dynamic Image/Browse Image” 按钮
4)将 {{item.cart_product_image}} 填入动态图片地址的输入框中,点击 “Save” 按钮。






5)在下图所示位置,您可以在 Max width 中根据您的需求调整图片展示的最大宽度。一般设置图片最大宽度为200px即可。



第三步:设置商品标题、价格、商品详情跳转等参数


一般来说商品信息包含商品标题,价格,币种以及商品页面。如下图所示,将您需要显示的商品信息对应参数填入文本区域即可;
参数说明:
商品标题:{{item.cart_product_title}}
商品价格:{{item.cart_product_price}}
商品价格对应币种:{{item.cart_product_currency}}
商品详情页地址:{{item.cart_product_detail_url}}

具体操作步骤如下,在Table的Content设置板块中:
1)DYNAMIC ROWS 选择右侧的 “文本”
2)Cell Content选择左侧的 “Text”
3)在文本框区域,按照您的需求填入对应的参数内容即可。



第四步:设置返回购物车链接


在加购后未完成购买的弃购场景中,如果您希望在邮件中提供返回到购物车的按钮,您可以尝试将您的店铺地址加上 /cart 进行拼接,配置到按钮对应的URL地址中。例如,您的店铺地址是https://yourstore.myshopify.com,那么,您可以输入https://yourstore.myshopify.com /cart
注:客户在点击返回购物车按钮后,可能会跳转至店铺的首页,而不是购物车页面。这个问题即使使用Klaviyo自带的邮件模板也是同样的。




第五步:预览和测试邮件内容


点击下图所示的 “Preview&Test” 按钮,




点击 “Preview&Test”按钮后,如果您之前已经有 AddToCart-OmniTrackPlus 的事件记录,您可以在预览页面看到对应的事件信息和客户信息,并可以查看邮件内容的预览。请检查邮件内容展示是否正确无误。您还可以将测试邮件发送到测试邮箱,以测试邮件中的跳转是否正常。




场景2:使用Omnitrack Plus的Initiatecheckout事件作为Trigger时



此场景的邮件模板修改步骤与场景1基本相同,但有两点不同:

第一点:弃购链接


发起结账(InitiateCheckout) 未购买的弃购场景中,将用户点击后可以返回到发起结账的页面的按钮,对应的URL输入: {{event.abandoned_checkout_url}} 即可。




第二点:弃购商品总价和币种


如果您的弃购邮件需要显示弃购的商品总价和币种,可以使用下面2个参数来设置弃购商品的总价和币种:
购物车总价: {{ event.products.0.cart_value|default:'' }}
购物车币种: {{ event.products.0.cart_currency|default:'' }}

更新于: 04/02/2024

这篇文章有帮助吗?

分享您的反馈意见

取消

谢谢!