无头电商通过解耦在线店铺的前端和后端，为商家提供了更大的灵活性和控制力。如果您正在使用 Shopify (例如，Hydrogen)、WooCommerce 或 BigCommerce 店铺，并且带有 基于 ReactJS 的前端，本指南将引导您了解如何将您的店铺连接到 Omnisend。
在您开始之前
目标受众。这些说明专门适用于其前端使用 ReactJS 的 Shopify（例如 Shopify Hydrogen）、WooCommerce 或 BigCommerce 店铺。虽然它们可能仍然适用于其他使用 ReactJS 前端的平台，但 Omnisend 不对在不同平台上实施时可能出现的任何问题或不兼容性承担责任。
平台：Shopify、WooCommerce、BigCommerce。
前端技术：ReactJS.
无头电商的优势
完全的创意控制。无头架构将前端和后端分离，让商家能够自由设计他们的店面，不受现有主题和模板的限制。这意味着您可以创建更独特、更具吸引力且更具品牌特色的客户体验。
提升网站性能。通过将前端与后端解耦，您可以优化网站性能和加载时间。轻量级前端可以更快地渲染，从而改善用户体验，并可能提升转化率。
与您偏好的工具和服务集成。由于 Headless 利用 API 连接前端和后端，您可以轻松地与其他第三方工具和服务集成。
如何集成？
要将您的 Shopify、WooCommerce 或 BigCommerce 无头店铺集成到 Omnisend，请遵循以下两个基本步骤：
第 1 步：店铺连接。通过连接您的店铺，启用开箱即用的功能Omnisend 账户。
第 2 步：API 连接。通过连接 Omnisend API 启用前端功能（请参阅以下说明）。
可用用例
以下是可通过 Omnisend 账户开箱即用的一些用例，具体取决于您的店铺 back end。
欢迎自动化流程（Automation），用于问候来自原生 Shopify 表单的新订阅者。
向您的订阅者发送营销活动（Campaign）。
广告同步以在 Meta 或 Google 上寻找 相似 受众。
通过废弃结账（Abandoned Checkout）自动化流程（Automation）挽回流失的销售额。
通过发送自动化的订单或配送确认邮件来建立信任。
通过请求产品评论或获取关于购物者最近购买的产品的反馈来建立关系。
根据顾客的购买行为，建议相关产品。
提醒他们再次购买或重新激活最近未进行购买的客户。
不适用用例
以下是用例列表，这些用例不可用，并且需要在您的店铺前端通过 Omnisend API 启用。
Omnisend Forms 在您的店铺收集订阅者。
基于 Omnisend Forms 的欢迎自动化流程（Automation）
通过废弃购物车（Abandoned Cart）自动化流程（Automation）挽回流失的销售额。
重新吸引那些浏览特定产品和浏览特定页面的购物者。
在缺货商品重新有货时，重新吸引购物者关注这些商品。
客户会话 跟踪
说明
下面是关于如何添加缺失用例的说明，即 Omnisend Forms、基于前端的客户事件以及通过 Omnisend API 进行的会话跟踪。
添加我们的 JS 代码段 https://api-docs.omnisend.com/v5/reference/javascript-snippet.表单、欢迎和补货通知自动化流程（Automation）将开箱即用。
要发送浏览页面和查看产品事件，请在您的店铺代码中添加触发器：https://api-docs.omnisend.com/v5/reference/event-tracking结合 JS snippet，这将启用客户会话的跟踪。
要发送已添加产品到购物车事件，请在您的店铺代码中添加触发器。事件有效负载应如下所示：https://api-docs.omnisend.com/v5/reference/added-product-to-cart
发送事件的示例：
omnisend.push(["track", "已将产品添加到购物车", { "abandonedCheckoutURL": "...", ...}]}
如果您有任何疑问，请随时通过应用内聊天或 [email protected] 联系我们的支持团队。