Shopify：shopify应用程序如何在“感谢页面”上放置iframe？

问题描述

我尝试在所有地方搜索并查看所有文档。在结帐后，没有任何东西可以显示应用如何将iframe放置在“谢谢”页面中。 其他应用程序如何做到这一点？

解决方法

订单状态页面在Shopify中被称为“谢谢”页面。来自Shopify Docs

不同的字段会显示在订单状态页面上，具体取决于 状态将在途中被确认以待交付或已交付。

通常，Shopify应用程序通过API添加Script Tag，以将其JavaScript包含在Shopify Store中。 display_scope 属性可以是 order_status 或 all ，这样自定义JavaScript也会加载到“谢谢”页面上。

POST /admin/api/2020-07/script_tags.json
{
  "script_tag": {
    "event": "onload","src": "https://djavaskripped.org/fancy.js","display_scope": "order_status"
  }
}

加载JavaScript后，应用程序可能会添加iframe或所需的任何内容。为了扩展“订单状态”页面，Shopify还提供了一个名为 addContentBox 的JavaScript函数。

Shopify.Checkout.OrderStatus.addContentBox(
  "<h2>Pick-up in store</h2>","<p>We are open everyday from 9am to 5pm.</p>"
);