Shopify - 如何在应用程序中扩展结帐页面？

Question

我想创建一个 Shopify 应用，向结帐页面添加一个附加部分 - 可以选择交货时间窗口。我知道这样的应用程序已经存在，但我想使用我自己的应用程序服务器来生成可以选择的值。

解决此问题的最佳方法是什么？我花了两天时间浏览 shopify 文档并遵循各种教程，但我仍然感到困惑。我认为应用程序桥是要走的路，但在玩了一下之后，它似乎只允许在管理面板中嵌入应用程序框架，而不是在结帐页面上。

我的应用是否应该发送一个脚本标签来调用我的服务器并在 javascript 中添加整个插槽选择 UI？或者我应该以某种方式修改模板？我什至可以从模板向第三方服务器发出 AJAX 请求吗？

如果有任何建议，我将不胜感激。

Answer 1

Shopify 透露很快就会支持 Checkout Apps，但现在不是。

因此，目前 Checkout 页面是独立的，您不能在其中使用 ScriptTag API。

如果您使用的是 Shopify Plus 帐户并且您联系了 Shopify 以允许您修改 checkout.liquid 文件，您将能够手动添加您的部分。

通过一些额外的 JS 逻辑，您可以将交货时间传递给 cart.attributes，这样它就会出现在订单信息中。但这几乎是您可以做的事情，而且前提是您拥有 PLUS 帐户。

如果您打算进行更大的修改，您将必须创建一个具有自定义结帐流程的应用程序......这对于添加单个部分来说是一个巨大的过度杀伤，但这也是一个解决方案。