如何使 BigCommerce 小部件与 PageBuilder 兼容

我正在按照这里的教程https://developer.bigcommerce.com/api-docs/storefront/widgets/widgets-tutorial https://developer.bigcommerce.com/api-docs/storefront/widgets/widgets-tutorial

我通过执行发布请求来制作小部件模板https://api.bigcommerce.com/stores/81mdugvyu5/v3/content/widget-templates https://api.bigcommerce.com/stores/81mdugvyu5/v3/content/widget-templates体内有这个

{
  "name": "Header Images",
  "template": "{{#each images}}<a href='{{image_url}}'><img src={{image_source}} style='width:33.3%'/></a>{{/each}}"
}

响应成功。 然后我执行了一个帖子请求https://api.bigcommerce.com/stores/81mdugvyu5/v3/content/widgets https://api.bigcommerce.com/stores/81mdugvyu5/v3/content/widgets

体内有这个

{
  "name": "Header Images",
  "widget_configuration": {
    "images": [
      {
        "image_url": "https://google.com",
        "image_source": "https://cdn11.bigcommerce.com/s-n0i50vy/images/stencil/1280x1280/products/91/309/thekinfolktablecover_1024x1024__80715.1456436719.jpg?c=2&imbypass=on"
      },
      {
        "image_url": "https://google.com",
        "image_source": "https://cdn11.bigcommerce.com/s-n0i50vy/images/stencil/1280x1280/products/109/361/kinfolkessentialissue_1024x1024__22507.1456436715.jpg?c=2&imbypass=on"
      },
      {
        "image_url": "https://google.com",
        "image_source": "https://cdn11.bigcommerce.com/s-n0i50vy/images/stencil/500x659/products/85/282/livingwithplants_grande__26452.1456436666.jpg?c=2&imbypass=on"
      }
    ]
  },
  "widget_template_uuid": "7c5f05c2-2361-45a3-bb99-89554dd145ee"
}

响应成功。 然后，我的自定义小部件确实出现在页面构建器中，但是当我尝试添加它时，我收到此错误

页面生成器不支持此小部件。请咨询我们的开发者文档 https://developer.bigcommerce.com/api-docs/storefront/widgets/widgets-overview?_ga=2.58918762.610542107.1595878158-947292028.1595340413有关如何使您的 与页面生成器兼容的小部件

当我访问开发人员文档时，它链接到如何使其与页面生成器兼容，我没有看到任何提及页面生成器的信息。

有什么方法可以了解如何使教程小部件与页面生成器兼容吗？

@Mikhail 是正确的。通过在小部件模板发布请求的正文中指定架构，我可以将其添加为页面构建器可访问的小部件。发送另一个请求并添加架构后，如下所示：

{
  "name": "Header Images",
  "template": "{{#each images}}<a href='{{image_url}}'><img src={{image_source}} style='width:33.3%'/></a>{{/each}}",
  "schema": [
       {
      "type": "tab",
      "label": "Content",
      "sections": []
       }
    ]
}

有效。

您可以在此处找到有关页面构建器架构设置的更多信息https://developer.bigcommerce.com/stencil-docs/page-builder/page-builder-overview https://developer.bigcommerce.com/stencil-docs/page-builder/page-builder-overview

您可以在此处找到架构中可用项目的列表https://developer.bigcommerce.com/stencil-docs/page-builder/schema-settings https://developer.bigcommerce.com/stencil-docs/page-builder/schema-settings