跳转到主要内容

在 产品列表项 中使用 Product Picker

了解如何直接从您的店铺选择产品,从而节省电子邮件(Email)准备时间

作者:Ira

Product Picker 让您通过浏览您的店铺的产品页面,将产品添加到电子邮件(Email)营销活动和自动化流程(Automation)中。当您想要从您的网站上可视化地选择产品,而不是在 Omnisend 的产品联系人名单中搜索时,请使用它。产品图片、标题、描述、价格和链接会自动添加。

💡 产品选择器 对比 联系人名单选择:
Use Product Picker when you prefer browsing your live store. Use Omnisend's product list when you want to filter by category, stock status, or search by name. .


开始之前

  • Product Picker 适用于电子邮件(Email)营销活动和自动化流程(Automation)工作流。

  • 支持的平台: Shopify, BigCommerce, Magento, API 集成。

  • 不支持:WooCommerce、Wix。

  • API 店铺:在使用 Product Picker 之前添加前端代码片段。查看开发者指南

  • WebP 产品图片受支持。

如何使用 Product Picker 添加产品

步骤 1.添加产品列表项

打开您的营销活动(Campaign)或自动化流程(Automation)电子邮件(Email)。拖动 Product Listing Item 从 Omnisend邮件构建器(Email Builder)侧边栏到您的电子邮件(Email)内容中。

步骤 2.打开 Product Picker

  1. 点击您的电子邮件(Email)中的产品列表项。

  2. 点击 从您的店铺中选择产品

  3. 向下滚动并点击 直接从您的店铺添加产品

您的店铺将在新标签页中打开,Product Picker 工具栏将显示在右侧。

步骤 3.选择来自您的店铺的产品

  1. 在您的店铺中打开一个产品页面。

  2. 在产品选择器工具栏中点击 +(加号)图标,将其添加到您的电子邮件(Email)中。

  3. 如需添加更多产品,请重复此操作。

  4. 完成后,点击勾选图标

步骤 4.自定义产品列表项

回到 Omnisend邮件构建器(Email Builder):

  • 重新排列产品:在右侧设置面板中拖放产品。

  • 选择产品详情:切换图片、标题、描述、价格、按钮的开启/关闭。

  • 调整布局:设置行数、内边距和设备可见性(桌面端、移动端或两者)。

点击任意产品部分(图片、文本、按钮)以自定义样式。

Shopify 用户请注意:产品链接使用 myshopify.com 域名,但当收件人点击时,会自动重定向到您的自定义域名。

重要提示:

  • 混合选择方法:如果您通过 Product Picker 添加产品,您无法在同一个 Product Listing Item 中切换到 Omnisend 的产品列表。要改用该列表,请添加一个新的 Product Listing Item。

  • 重新选择产品详情:如果您取消勾选某个产品详情(例如,价格、描述),然后重新启用它,其值会重置为 0。解决方法:

    • 移除并重新添加产品,或

    • 保存前点击撤消

故障排除

“发生意外错误”消息

解决方案:在无痕/隐私浏览器窗口中打开 Product Picker。如果可行,请在您的常规浏览器中清除缓存和 Cookie。

Product Picker 无法在 Safari 或 Chrome 中工作

解决方案:禁用跨网站跟踪预防功能:

  • Safari:偏好设置 → 隐私 → 取消勾选“阻止跨网站跟踪”。

  • Chrome:设置 → 隐私和安全 → Cookie 及其他网站数据 → 允许 Cookie。

Product Picker 工具栏在我的网站上保持可见

请勿担心——客户绝不会看到 Product Picker 工具栏。它仅在您登录 Omnisend 时对您可见。

解决方案:清除您的浏览器缓存和 Cookie,或更换浏览器。

产品显示过时信息(价格、标题或图片错误)

原因:产品在同步到 Omnisend 后在您的店铺中进行了更新。产品列表会拉取数据在您添加或编辑该区块时。如果此后您的店铺中产品的旧价格已更新,则列表不会自动刷新。

解决方案:

  • 再次使用 Product Picker 直接从您的店铺拉取最新数据,或者

  • 通过 API 在 Omnisend 中更新产品数据:更新产品端点

取消勾选/重新勾选后,产品详情重置为 0

当前行为:如果您取消勾选某个产品详情(价格、描述等)并重新启用它,其值会重置为 0,而不是恢复原始数据。

解决方案:

  • 从产品列表项中移除产品并再次添加,或

  • 如果您尚未保存更改,请点击撤消

这适用于所有产品字段(价格、标题、描述、图片、按钮)。

常见问题

为什么 Product Picker 无法在您的 Omnisend邮件构建器(Email Builder)中加载或运行?

大多数 Product Picker 问题是由浏览器设置阻止第三方 Cookie 或缓存数据引起的。首先,在无痕/隐私窗口中打开您的 Omnisend邮件构建器(Email Builder)。如果 Product Picker 在那里工作正常,请返回您的常规浏览器并清除缓存和 Cookie。Safari 用户应在“偏好设置”→“隐私”中禁用“阻止跨网站跟踪”。Chrome 用户应在“设置”→“隐私和安全”→“Cookie”中允许第三方 Cookie。

为什么我的电子邮件中的产品价格与我的店铺不符?

产品数据(包括价格)是当您将产品添加到电子邮件时从您的店铺中提取的,而不是在电子邮件发送时提取的。如果您之后更新了您网站上的定价,您必须从电子邮件(Email)中移除该产品,并重新添加以刷新数据。对于 API 集成,您必须使用 产品 API 将更新的产品数据(包括原价和促销价)推送到 Omnisend。

为什么在使用 Product Picker 后,我不能从联系人名单中添加更多产品?

一旦您使用“直接从您的店铺添加产品”通过小部件选择产品,您就无法在同一个产品列表区块中切换到从 Omnisend 产品列表选择产品。如果您再次点击 "Add products",您将返回到店铺选择器。要从列表中添加产品,您必须向您的电子邮件(Email)中添加一个新的产品列表区块。

为什么我的自定义/API 店铺中的产品没有显示在 Product Picker 中?

如果您的店铺通过 API 连接(而非 Shopify、BigCommerce 或 Magento),您必须在所有产品页面上安装 JavaScript 代码段,Product Picker 才能正常工作。您还需要实现“产品已查看”事件。如果没有这些,Product Picker 小组件将不会显示在您的店铺中,或者点击“Add products directly from your store”会将您重定向到您的主页而不是加载小组件。查看 JavaScript 代码段要求


如果您仍然遇到任何问题,请发送电子邮件至 [email protected],并附上问题的完整描述以及您的浏览器版本。

这是否解答了您的问题?