把页面发布到 Shopify

按顺序完成专用应用准备、店铺连接、页面添加、更新和下线。

Share

开始前确认应用与店铺

准备好目标工作区的应用创建与配置负责人、适用的安装 ZIP,以及能在 Shopify 配置和安装应用的负责人。还需核对店铺所属组织、允许安装的店铺范围与连接用应用的条件是否匹配。

推送本身会把页面在 Shopify 上线,先确认目标店铺、页面内容和发布负责人。使用有效预览链接时,不必先在 Ptengine AI 用独立域名发布。下面按一次一页的手动推送流程操作。

首次使用:安装并配置专用应用

  1. 向接入负责人取得适用于当前环境的 ZIP,以及该版本对应的 Shopify 连接配置说明。不要仅凭文件名判断是否为最新版或已经适配。
  2. 打开“探索应用 → 自定义应用管理 → 新建”,填写应用名并选择 ZIP。按Custom App 开发与发布指南中的 schema 分支完成创建、上传和部署。
  3. 在应用详情“基本信息”查看应用地址。由 Shopify 负责人在 Dev Dashboard 按“Apps → Create app → Start from Dev Dashboard”创建并命名连接用应用;已有应用时打开其详情。在 Versions 配置所用版本需要的 URL 和权限后 Release,再到 App settings 查看 Client ID 与 Client secret。界面细节可参照Shopify 官方创建流程。
  4. 采用客户端 ID 与密钥连接的版本,将 SHOPIFY_CLIENT_ID 保存到“配置”,将 SHOPIFY_CLIENT_SECRET 保存到“密钥”;负责人应核对与安装包声明一致。
  5. 配置变更后,在“版本”对目标版本执行“重新部署”,确认成功和发布状态后再打开应用。仅刷新浏览器不能代替配置生效检查。

没有 ZIP 或连接配置说明时,把工作区名称和目标 Shopify 店铺交给接入负责人准备。已经配置好的环境,可从下一步开始。

采用客户端 ID / 密钥的专用包,可按以下连接配置核对。设置前应由接入负责人确认与所用版本说明一致。“应用地址”替换成目标应用实际的 HTTPS 地址。

配置项值
App URL应用地址 + /api/shopify/install
Redirect URL应用地址 + /api/shopify/oauth/callback
Scopesread_online_store_pages,write_online_store_pages,read_themes
在 Shopify 后台嵌入应用此连接方式关闭嵌入。

不要混用其他连接方式、其他应用或旧环境的 URL。修改 Shopify 权限后,店铺可能还需要重新确认授权。

连接店铺并核对目标

  1. 打开专用应用,在店铺地址栏填写 your-store.myshopify.com 等 Shopify 店铺地址并连接。不要混淆独立前台域名与 Shopify 授权店铺。
  2. 在新开的 Shopify 窗口核对目标店铺和请求权限,确认后安装授权;没有权限时,请店主或有安装权限的人处理。
  3. 看到连接完成提示后关闭窗口,回到 Ptengine 确认已连接状态及店铺名称。
  4. 有多家店铺时,在上方店铺选择框明确选择本次推送目标,不能默认使用第一家。

如果所用版本从 Shopify 后台打开时会显示连接码,可在 Ptengine 应用选择“用连接码连接”,填入所显示的代码。无效、已使用或过期时,回 Shopify 重新获取;有效期按当前画面提示确认。

添加页面并选择发布方式

  1. 准备来源:已发布页面复制公开 URL;未发布页面在编辑器点击“预览”,再用预览页的“复制链接”取得完整链接。不能使用需要登录才能打开的编辑器地址。
  2. 在专用应用点击“添加页面”,粘贴 URL 后点击“下一步”。所用版本若能分别填写 PC 和手机来源,请分别选择对应链接。
  3. 填写店铺 /pages/ 下的路径,查看允许字符和占用检查。若已有其他页面使用该路径,换成未占用路径。
  4. 选择页面模板,以及是否“加上店铺的头部和页脚”。源页面自带导航不会自动删除,勾选前检查是否会出现两层导航。
  5. 所用版本若提供“页面访问域名”,请选择实际使用的前台域名;需要手动填写独立前台域名时,也要检查显示的最终 URL。此选项不会替你修改 DNS 或店铺的前台承载配置。
  6. 核对店铺、最终 URL、显示方式和内容后点击“推送”,确认成功并在列表中找到该页面。

检查线上页面并更新内容

  1. 在列表对应行选择“在店铺打开”,核对真实公开 URL,并分别用桌面和手机检查显示、动效、链接、表单与计测。
  2. 修改源页面后,在列表对应行点击“更新”。若来源为公开 URL,先在 Ptengine AI 发布修改,并确认原 URL 已显示新内容。
  3. 若来源为预览链接,重新生成预览并复制完整链接,按更新弹窗要求填写。
  4. 确认更新成功及最后推送时间,再打开同一店铺 URL 验证修改位置。

内容更新与修改路径、模板等设置是不同操作。源页面修改不会自动同步到 Shopify;本指南按单页手动推送,不据此承诺批量推送或自动同步。

编辑设置、下线与断开连接

  1. 修改路径、显示方式或模板时,在列表行末打开 ··· → 编辑。
  2. 修改后点击“保存并推送”。这一步会重新读取源页面内容,也要核对是否包含未计划同步的修改;要求补充预览链接时使用新链接。
  3. 修改网址后打开新 URL,并检查广告、链接、二维码等引用是否需要更新,不假设旧 URL 会自动跳转。
  4. 需要下线时,选择行末菜单的“下线”,核对确认框中的店铺、页面名和 URL。这会删除 Shopify 中的目标页面,执行前保留以后重用的来源;完成后检查列表和原公开 URL。

“断开”店铺连接是另一项操作。断开后不能再通过该连接推送,但不会批量删除已经在 Shopify 创建的页面。

连接、读取或计测出错时

现象处理
无法读取来源检查是否误用登录后编辑器 URL,预览链接是否完整有效;过期则重新获取。
路径已占用核对目标店铺和路径,换成未占用路径,不用此流程覆盖无关的既有页面。
连接失败或授权失效由负责人检查连接配置与重新部署结果;在 Shopify 卸载过应用等情况下,需要重新连接授权。
页面代码超过大小上限按画面提示精简无用区块和内嵌数据;区分外部引用图片与直接嵌入代码的数据。
公开地址的域名不对核对目标店铺和保存的页面访问域名;API 授权店铺域名可能不同于实际前台域名。
页面可打开但没有访问数据确认公开店铺域名已纳入 Ptengine 计测范围,并检查所需标签是否工作。

不要在主题与页面中重复加入同一档案的标签。按安装检查验证真实请求与数据。仍有问题时,向接入负责人提供应用版本、店铺、来源类型、操作和错误信息。