请注意：本指南由人工智能翻译完成，如有不一致，请参考英文版本。您可以使用页面顶部右侧的下拉菜单切换语言。谢谢您的理解！
无头商店将在线商店的前端和后端分离，使商家拥有更多的灵活性和控制权。 如果您的商店使用 Shopify（例如 Hydrogen）、WooCommerce 或 BigCommerce，且前端基于ReactJS，本指南将指导您如何将商店与 Omnisend 连接。
开始之前
目标受众。 这些说明专门为前端使用 ReactJS 的 Shopify（例如 Shopify Hydrogen）、WooCommerce 或 BigCommerce 店铺量身定制。 尽管它们可能仍适用于其他使用 ReactJS 前端的平台，但我们对在不同平台上实施时可能出现的问题或不兼容性概不负责。
平台： Shopify, WooCommerce, BigCommerce。
前端技术： ReactJS。
无头电商的好处
完全的创意控制。 无头方法将前后端分离，使商家能够在设计店面时不受现有主题和模板的限制。 这意味着您可以创造更多独特、引人入胜的品牌客户体验。
改善网站性能。 通过前后端的解耦，您可以优化站点的性能和加载时间。 轻量化的前端可以更快渲染，提高用户体验并可能提升转换率。
与您喜欢的工具和服务集成。 由于无头商务利用 API 连接前后端，您可以轻松与其他第三方工具和服务集成。
如何集成？
要将您的 Shopify、WooCommerce 或 BigCommerce 无头商店与 Omnisend 集成，请遵循以下两个基本步骤：
步骤 1：商店连接。 启用开箱即用的功能，通过 Omnisend 账户 连接您的商店。
步骤 2：API 连接。 通过 Omnisend API 启用基于前端的功能（详见下文说明）。
可用用例
以下是现成的 Omnisend 账号可用的用例列表，基于您商店的后端。
欢迎自动化以迎接从 Shopify 原生表单中来的新订阅者。
向您的订阅者发送活动。
广告同步以在 Meta 或 Google 上找到相似受众。
通过放弃结账自动化追回丢失的销售。
通过发送自动化的订单或运输确认邮件建立信任。
通过询问产品评价或获取关于购物者最近购买的产品的反馈来建立关系。
根据购物者购买的商品推荐相关的产品。
提醒他们再次购买或重新激活那些最近没有购物的顾客。
不可用用例
以下是不可用的用例列表，需要在您的商店前端通过 Omnisend API 启用。
在您的商店中使用Omnisend 表单收集订阅者。
基于 Omnisend 表单的欢迎自动化。
通过放弃购物车自动化追回丢失的销售。
抓住购物者查看特定产品和浏览特定页面的机会。
当缺货商品重新有货时，与购物者重新沟通有关商品的信息。
客户会话跟踪。
说明
以下是关于添加缺失用例的说明，即通过 Omnisend API 添加 Omnisend 表单、基于前端的客户事件和会话跟踪。
添加我们的 JS 代码段 https://api-docs.omnisend.com/v5/reference/javascript-snippet。 表单、欢迎和重新补货自动化将立即正常工作。
要发送查看页面和查看产品事件，请在您的商店代码中添加触发器：https://api-docs.omnisend.com/v5/reference/event-tracking。 结合 JS 代码段，这将启用客户会话跟踪。
要发送添加商品到购物车事件，请在您的商店代码中添加触发器。 事件负载应如下所示：https://api-docs.omnisend.com/v5/reference/added-product-to-cart。
发送事件的示例：
omnisend.push(["track", "added product to cart", { "abandonedCheckoutURL": "...", ... }])
如果您有任何问题，请随时通过应用内聊天或 [email protected] 联系我们的支持团队。