使用 GemPages 将 AI 生成的 HTML 发布到 Shopify

是什么 GemPages HTML 转 Shopify 工具包?

你有一个 HTML 页面——可能是广告文章、列表文章或落地页，由 AI 生成或手工编写——在浏览器中显示正常。但当你将其部署到 Shopify 时，主题会覆盖你的设计，布局错乱，或者你需要将其转换为 Shopify Liquid 才能使其正常工作。

此 GemPages HTML 转 Shopify 工具包 GemPages 是一个免费工具包，它可以将您的 HTML 代码打包成一个文件，然后由 GemPages 直接发布到 Shopify。您的 HTML 代码将原样发布——GemPages 会将其转换为 Liquid 格式，管理页面 URL 和标题，隐藏页眉和页脚，并控制搜索引擎索引。所有这些功能通常都需要自定义 Shopify 主题代码才能实现。

此工具包的功能和功能限制

此产品的作用：

• 将您的 HTML 转换为 Shopify 兼容的 Liquid 代码，您无需自己编写 Liquid 代码。
• 将页面发布到 Shopify，而不会让您的主题覆盖设计。
• 通过 GemPages 管理页面 URL 和页面标题。
• 隐藏页眉和页脚 所以你的页面是独立的。
• 必要时阻止搜索引擎索引（noindex / nofollow）尤其是在投放付费广告时，你希望页面只对广告流量可见，而不是被谷歌收录，这一点尤为重要。

它不具备的功能：

• 导入的页面是 不可编辑 通过 GemPages 的拖放元素。
• 首先，您需要对 HTML 进行优化——无论是使用 AI、手动还是其他任何方式——直到它符合您的预期，然后 GemPages 会处理部署。
• 此工作流程旨在 预售页面、软文广告和独立落地页 — 它不支持产品模块或与其他 Shopify 应用的集成。

你需要什么

你需要三样东西：

1. 您的 Shopify 商店已安装 GemPages. 安装 GemPages 登陆页面构建器 在您的 Shopify 商店中。

2. 一个付费的克劳德账户：Claude Pro、Team 或 Enterprise 版本。免费版本不包含以下内容。 期房项目这就是我们用来设置此功能的。您可以订阅。 克劳德.ai.

3. 工具包文件一个包含 4 个文件的小软件包。

以下是工具包中包含的一些来自 GemPages 的其他 HTML 模板。您可以将它们用作参考或起点，以便更轻松地使用 Claude 生成自己的内容： 用于人工智能生成的 html 模板

使用导出生成器的两种方法

根据您访问 Claude 的方式，有两种设置选项：

选项 A：Claude 网站 (claude.ai)

步骤 1：创建新项目

• 可选 克劳德.ai 并登录。
• 在左侧边栏中，单击 期房项目.
• 点击 新建装修项目.
• 命名： GemPages导出生成器 （或者你喜欢的任何名字）。
• 在 描述 在相应字段中，粘贴以下内容：

将 HTML 代码转换为有效的 .gempages 文件，该文件可以直接导入到 Shopify 上的 GemPages 页面构建器中。

• 点击 创建.

步骤二：添加自定义说明

自定义说明告诉克劳德 形成一种 按照本项目规范行事。

• 在新项目中，查看右侧边栏，找到 定制说明.

• 打开 CLAUDE.md 使用电脑上的任何文本编辑器打开文件。记事本（Windows）或文本编辑（Mac）都可以，无需任何特殊工具。
• 从我们的数据库中通过 UL Prospector 平台选择 所有 将内容粘贴到项目中的“自定义说明”字段中。
• 点击 已保存.

步骤 3：上传项目知识文件

“项目知识库”是一组参考文件，Claude 可以随时读取这些文件。我们将在此处上传 3 个文件。

• 在你的项目中，找到 项目知识 部分（通常在右侧边栏）。
• 点击 新增内容 （上传按钮）。

• 请依次上传这三个文件：
  • SKILL.md
  • page_schema.md
  • build_gempages.py

第 4 步：测试

一切就绪，现在可以使用了。 在项目内新建一个聊天窗口，并尝试以下提示以验证一切是否正常运行：

请帮我创建一个简单的 .gempages 示例文件。

请将我的 HTML 文件转换为 .gempages 文件，以便我可以将其导入 Shopify 上的 GemPages 插件。

选项 B：Claude 桌面应用程序（协作模式）

步骤 1：确保您已安装 Claude 桌面应用程序

从它下载 claude.ai/下载 如果您还没有付费账号，请使用您的付费账号登录。

步骤 2：启用协同办公模式

打开桌面应用程序，进入设置，并确保 共同工作 已启用。（Cowork 允许 Claude 以安全、沙盒的方式在您的计算机上运行代码。）

步骤 3：创建项目并上传文件

• 创建一个新项目，并为其命名。 GemPages导出生成器 （或者任何你想要的东西）。
• 提示时，单击 选择“文件夹”
• 在电脑上选择（或创建）一个文件夹，例如 GemPages导出生成器
• Claude 现在将拥有对该文件夹的读写权限

步骤 4：添加项目文件

将此软件包中的所有文件复制到您选择的文件夹中：

• CLAUDE.md
• SKILL.md
• page_schema.md
• build_gempages.py

步骤 5：测试它

在项目内新建一个聊天窗口，并使用与选项 A 相同的提示。这次，Claude 将自动打包文件并直接在聊天中发送。

如何导入 .gempages 文件导入 GemPages

克劳德生成你的 .gempages 最后一步是将文件导入到 GemPages 登陆页面构建器.

步骤 1：打开 GemPages 控制面板

在 Shopify 管理后台中，打开 GemPages 应用并导航至 前往 部分。

第 2 步：上传 .gempages 文件

在 Pages 控制面板顶部，c舔 导入页面。

选择 添加文件

点击 .gempages 从您的计算机中打开文件

步骤 3：导入页面

点击 导入模板 进行确认。