Shopify:shopify 应用程序如何在感谢页面上放置 iframe?
Shopify: How do shopify apps place an iframe on thank you page?
我试过到处搜索并查看所有文档。没有任何内容显示应用程序如何在结帐后将 iframe 放置在感谢页面内。
其他应用如何做到这一点?
订单状态页面在 Shopify 中称为感谢页面。来自 Shopify Docs
Different fields appear on the order status page depending on whether
the status is confirmed, on its way, out for delivery, or delivered.
通常,Shopify 应用通过 API 添加 Script Tag 以将其 JavaScript 添加到 Shopify 商店。 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>"
);
我试过到处搜索并查看所有文档。没有任何内容显示应用程序如何在结帐后将 iframe 放置在感谢页面内。 其他应用如何做到这一点?
订单状态页面在 Shopify 中称为感谢页面。来自 Shopify Docs
Different fields appear on the order status page depending on whether the status is confirmed, on its way, out for delivery, or delivered.
通常,Shopify 应用通过 API 添加 Script Tag 以将其 JavaScript 添加到 Shopify 商店。 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>"
);