SuperAPI AI 工具集

product-box-block

前端与建站

查看项目

更新于 10-16 06:26

技能介绍

这是一个面向 WordPress 的 ACF Product Box 区块生成器技能,核心用途是把商品 URL 自动转换为 ACF Product Box 区块标记。

用途:输入商品链接(可来自剪贴板或用户输入),技能会抓取页面并生成 WordPress 区块注释标记,方便直接粘贴到使用 ACF 的 WordPress 站点中展示商品。

主要能力:抓取商品页面并提取字段,包括标题、图片、卖点、价格、折扣、徽章与描述;生成 ACF 区块标记;将结果复制到剪贴板;并可针对 Amazon 商品生成带联盟标签的按钮。

使用方式(按资料描述的工作流):

  1. 获取 URL:来自剪贴板、用户消息,或主动询问。
  2. 抓取页面:使用 WebFetch 或 firecrawl 获取商品详情。
  3. 提取字段:按技能给出的提取规则处理。
  4. 生成区块:输出 ACF 区块注释标记。
  5. 复制到剪贴板:执行 echo '...' | pbcopy。

提取规则要点:

  • 标题:从页面标题或 h1 中清理商品名称,去除品牌杂项、ASIN 码与冗余关键词,必要时优化措辞。
  • 图片:优先使用 og:image 或主商品图,倾向高分辨率、干净的商品图。
  • 卖点(Features):从 <li> 项或商品要点中提取关键规格/特性,适当优化措辞,理想为 3–6 条。
  • 价格:原始价(划线/原价)、折扣百分比、当前价/促销价、价格备注(如“Free shipping”“Prime eligible”)。
  • 徽章(Badge):格式为“SAVE X%”,颜色 #22c55e;免费商品为“FREE”,颜色 #22c55e;若页面未明确标注,则用原价与当前价计算。
  • 描述:一句话商品摘要,可基于页面 meta description 或商品摘要优化。

按钮规则:

  • Amazon.com 商品:按钮 1 指向 https://www.amazon.com/dp/{ASIN}/?tag=gtorg0f-20,样式 "amazon",图标 "cart",文字 "Check Price on Amazon";按钮 2 指向 https://www.amazon.in/s?k={Product+Name+Keywords}&tag=gaurtiwa-21,样式 "primary",图标 "none",类名 "md-icon-external",文字 "Check on Amazon.in"。
  • 非 Amazon 商品:按钮 1 指向商品页 URL(除非已有联盟标签),样式 "primary",图标 "none",类名 "md-icon-external",文字 "Check Price" 或 "Visit Website"。
  • 所有按钮:field_pb_cta_rel 为 "nofollow noopener sponsored"。

ACF 区块格式要点:所有字段键使用 field_ 前缀;重复器使用嵌套的 row-N 对象。带图片的标准区块包含 field_pb_image、field_pb_image_url、field_pb_badge_text、field_pb_badge_color、field_pb_title、field_pb_title_url、field_pb_rating、field_pb_rating_count、field_pb_features、field_pb_original_price、field_pb_discount_percent、field_pb_current_price、field_pb_price_note、field_pb_description、field_pb_buttons 等字段,并以 mode 为 preview。无图片变体需在区块属性中加入 "className":"is-style-no-image",并省略 field_pb_image 与 field_pb_image_url。

字段参考中列出了图片 ID、图片 URL、徽章文本、徽章颜色、标题、标题 URL、评分、评分数量、卖点(重复器)、原始价、折扣、当前价、价格备注、描述、按钮(重复器)等键与类型。按钮子字段包括文本、URL、样式("amazon"、"primary"、"secondary")、图标("none"、"cart"、"external"、"download")、类名(""、"md-icon-external"、"md-icon-download")与 rel。

联盟标签:Amazon.com 使用 gtorg0f-20,URL 模式为 amazon.com/dp/{ASIN}/?tag=gtorg0f-20;Amazon.in 使用 gaurtiwa-21,URL 模式为 amazon.in/s?k={Keywords}&tag=gaurtiwa-21。

输出:生成区块注释标记;通过 echo 'BLOCK_MARKUP' | pbcopy 复制到剪贴板;并向用户展示提取内容摘要。

适用场景:在 WordPress 站点中快速创建商品展示区块,尤其是需要为 Amazon 商品自动加入联盟标签的场景。

限制:资料未提供完整的环境依赖、安装方式、支持的 WordPress/ACF 版本、抓取失败的降级策略、价格与评分字段缺失时的处理规则,以及剪贴板命令对非 macOS 系统的兼容说明,暂未提供。