无头商务将您的店铺前端（客户所见）与后端（订单处理、库存）分离。如果您使用 基于 ReactJS 的前端 与 Shopify、WooCommerce 或 BigCommerce，您可以将这两个层连接到 Omnisend，以解锁电子邮件（Email）营销活动、自动化流程（Automation）工作流和客户追踪功能。
开始之前
目标受众：这些说明适用于Shopify（例如 Hydrogen）、WooCommerce 或 BigCommerce 店铺使用ReactJS 用于前端。其他平台或框架可能需要进行调整。
平台： Shopify、WooCommerce、BigCommerce。
前端技术： ReactJS。
无头电商的优势
跟踪自定义店面。监控您的客户在您的 ReactJS UI 上的行为，包括页面浏览量、产品点击和购物车添加。
使用 Omnisend Signup Forms。将电子邮件/短信选择加入表单嵌入到您的自定义前端的任何位置。
基于店铺数据实现自动化。 触发条件（Trigger）欢迎，废弃购物车（Abandoned Cart）, and订单确认工作流程使用后端订单事件。
更快的性能。您轻量级的 ReactJS 前端保持快速，而 Omnisend 处理后端自动化流程（Automation）和营销活动。
设置流程
要将您的 Shopify、WooCommerce 或 BigCommerce 无头店铺与 Omnisend 集成，请遵循以下两个基本步骤：
步骤 1：连接您的店铺后端
在您的 Omnisend 账户中，前往 仪表盘 → 连接您的店铺。
选择您的平台（Shopify、WooCommerce 或 BigCommerce）并按照连接步骤操作。根据您的电商平台了解更多连接步骤。
💡 这将启用开箱即用的功能，例如营销活动、废弃结账（Abandoned Checkout）自动化流程（Automation）和订单确认。在下方查找更多详细信息。
步骤 2：通过 Omnisend API 连接您的前端
请按照以下步骤操作，以在您的 ReactJS 前端激活跟踪、表单和基于购物车 的自动化流程（Automation）。
添加 Omnisend JavaScript Snippet：将 Omnisend JS 代码片段复制并粘贴到您的网站的
标签。这使得 Signup Forms、欢迎自动化流程（Automation）和补货通知工作流程能够自动运行。获取代码片段： Omnisend JS 代码片段文档
追踪页面浏览和产品浏览事件：将事件触发器添加到您的店铺代码中，以将页面浏览和产品浏览数据发送到 Omnisend。这将启用浏览放弃和产品放弃的自动化流程（Automation）。
代码示例： 事件跟踪文档
追踪添加产品到购物车事件：每当客户添加商品时，发送“添加产品到购物车”事件。这将驱动废弃购物车（Abandoned Cart）自动化流程（Automation）。
事件有效负载结构： 已将产品添加到购物车文档
示例代码：
omnisend.push(["track", "added product to cart", { "abandonedCheckoutURL": "...", ... }])开箱即用的功能（仅限后端）
一旦您在步骤 1中连接您的店铺后端，这些功能将自动运行：
欢迎自动化流程（Automation） – 问候来自原生 Shopify 表单的新订阅者。
Email Campaigns – 发送新闻邮件到您的联系人名单。
Ads Sync – 在 Meta 或 Google 上创建相似受众。
废弃结账（Abandoned Checkout）自动化流程（Automation） – 恢复在您的店铺原生结账处开始的结账。
订单和发货确认邮件 – 购买后自动发送交易邮件。
产品评论与反馈自动化流程（Automation） – 邀请客户评论最近的购买。
Cross-Sell & Reactivation Workflows – 推荐相关产品或重新吸引不活跃客户。
哪些需要前端设置 (API)
这些功能需要步骤 2 (API 集成) 才能正常运行：
Omnisend Signup Forms – 在您的 ReactJS 网站上显示弹窗、嵌入式表单或着陆页。
欢迎自动化流程（Automation）（来自 Omnisend 表单） – 触发条件（Trigger）工作流程，当访客提交您的自定义表单时。
废弃购物车（Abandoned Cart）自动化流程（Automation） – 跟踪您前端的购物车添加（不仅仅是结账）。
产品与浏览放弃 – 重新吸引查看产品或浏览页面的访客。
补货通知自动化流程（Automation） – 当缺货商品补货时，通知您的客户。
Customer Session Tracking – 监控页面浏览量和产品点击。
后续步骤
您的无头店铺已连接，现在请设置您的第一个自动化流程（Automation）工作流：
欢迎自动化流程（Automation） – 问候新订阅者。
废弃购物车（Abandoned Cart）自动化流程（Automation） – 挽回流失的销售额。
废弃结账（Abandoned Checkout）自动化流程（Automation） – 跟进未完成的订单。
产品浏览放弃 – 重新吸引浏览过产品的访客。
浏览放弃 – 召回浏览访客。
ud83d udca1 需要开发者资源吗？ 阅读完整的 Omnisend API 文档
常见问题
如果我已连接您的 Shopify、WooCommerce 或 BigCommerce 店铺，是否还需要添加 JavaScript 代码段？
是的，适用于无头设置。当您连接您的店铺后端时，Omnisend 会自动同步订单、客户和产品。但对于前端跟踪（查看产品、添加到购物车、浏览放弃），您必须将 JavaScript 代码片段添加到您的自定义 ReactJS 前端。
前端追踪和后端集成有什么区别？
前端跟踪（JavaScript 代码片段）：跟踪浏览行为（
页面浏览，产品已查看)，显示注册表单，并启用浏览放弃。是否不同步产品、订单或购物车数据。后端集成（店铺连接）：同步产品、客户、订单，并发送结账事件，用于废弃结账（Abandoned Checkout）自动化流程（Automation）、订单确认和收入报告。
无头店铺两者都需要才能解锁完整的 Omnisend 功能。
如何验证 Omnisend 正在接收我的自定义事件？
前往 店铺设置 → API → API 日志 在您的 Omnisend 账户中。您将看到传入事件，其中包含时间戳、事件名称、联系人ID以及任何错误消息。
如果您有任何问题，请随时通过应用内聊天或 [email protected] 联系我们的支持团队。