GemPages MCP 入门指南

过去几年，人工智能改变了电商团队进行市场调研、制定营销方案和制作网页的方式。过去需要几天才能完成的任务，现在几个小时就能搞定。

然而，更快的产量并没有消除围绕产量存在的运营缺陷。

研究往往只需一次对话即可完成。产品数据存储在 Shopify 平台上。客户评价和竞争对手分析则分散在多个来源。已完成的文章可能仍需转化为可视化结构。完成的 HTML 代码可能仍保留在本地文件夹中，而最终页面仍需上传到电商团队管理的平台。

团队不断地在不同工具之间转移信息、重复指令、协调不同版本，并让开发人员参与到其他地方已经完成的工作中。

我们还发现，许多人工智能解决方案专注于生成更多内容或更快地组装页面。速度固然重要，但它无法回答以下三个重要问题：

• 人工智能能否根据相关的产品和客户背景进行工作？
• 内容能否迁移到合适的落地页结构中，而无需团队重新开始？
• 完成的 HTML 能否迁移到团队现有的电子商务环境中进行审核和后续管理？

这些问题塑造了 GemPages MCP 的开发。

GemPages MCP 将兼容的 AI 代理与 Shopify 和 GemPages 连接起来，使它们能够访问专门的工作流程，用于研究页面内容、将完成的文章转换为 HTML，以及从 HTML、图像或 URL 引用生成可编辑的 GemPages 页面。

什么是 GemPages MCP？

MCP是一个标准化框架，它允许AI代理连接到外部数据源和工具。代理不再局限于在聊天窗口中生成文本，而是可以通过连接的平台访问已批准的信息并执行预定义的操作。

借助 GemPages MCP，兼容的 AI 代理可以支持以下任务：

• 获取相关的 Shopify 产品信息
• 研究竞争对手和客户
• 分析评论、痛点和反对意见
• 制定结构化的内容方向
• 阅读已完成的软文、列表文章和比较文章
• 将内容与合适的 GemPages HTML 模板匹配
• 应用已保存的品牌颜色和字体
• 创建可预览的 HTML 着陆页
• 读取已完成的 HTML 文件
• 构建和验证页面部分
• 在 GemPages 中创建可编辑页面
• 返回 GemPages 编辑器链接

用户仍然通过自然语言指令来指导任务。GemPages MCP 为人工智能提供在电子商务环境中执行该指令所需的工具。

为什么落地页创建应该从客户调研开始

在决定页面内容之前，电商团队需要回答以下问题：

• 哪些人最有可能需要这款产品？
• 他们想解决什么问题？
• 他们如何描述这个问题？
• 他们最看重哪些结果？
• 他们已经考虑过哪些替代方案？
• 哪些顾虑可能会阻止他们购买？
• 哪些产品宣传需要更多解释或证据？
• 他们需要多少信息才会采取行动？

即使缺少这些信息，人工智能仍然可以生成精美的文案。然而，这些信息可能依赖于宽泛的假设，而不是客户实际考虑或拒绝产品的原因。

考虑服用助眠补充剂。

一个通用的页面可能会以“睡得更好，醒来神清气爽”之类的承诺开头。这个说法听起来不错，但却很少提及产品具体解决了什么问题，或者为什么人们应该选择它而不是其他保健品。

研究可能会揭示出几个不同的客户关注点：

• 有些顾客很容易入睡，但夜间会反复醒来。
• 有些人尝试过其他补品，但不喜欢第二天昏昏沉沉的感觉。
• 有人质疑，在之前的睡眠产品失败之后，另一种睡眠产品是否还能有效。
• 有些人希望获得睡眠支持，但又不想依赖每晚的助眠药物。

每一项发现都指向不同的内容方向。

该页面可能需要解决睡眠中断问题，而不是入睡困难问题。它可能需要解释早晨的体验，将产品与替代品进行比较，或者在客户体验的早期阶段就回应客户的疑虑。

这些见解可能会产生以下影响：

• 主要信息
• 产品优势的顺序
• 引入问题的角度
• 页面上包含的证据
• 比较中使用的替代方案
• 常见问题解答中涵盖的异议
• 行动号召按钮 (CTA) 前的信息

更快的内容创作速度固然有用，但如果内容创作之初就对客户和市场有了更清晰的认识，其价值就会更高。

GemPages MCP提供的三项核心功能

GemPages MCP 正式上线 三大核心能力 团队可以根据需要完成的工作使用。

1. 内容研究：将产品和市场数据转化为内容方向

有用的页面洞察信息通常分散在产品信息、竞争对手页面、客户评论、讨论主题以及买家用来描述其体验的语言中。

内容研究工作流程帮助人工智能在开发内容之前收集和分析这些输入。

根据产品和可用资源的不同，研究可能包括以下内容：

• Shopify产品信息
• 产品特性和差异化优势
• 竞争对手定位
• 竞争对手的价值主张
• 反复出现的客户评论主题
• 常见的挫折和痛点
• 预期的结果
• 购买动机
• 顾客购买前提出的问题
• 类别内的反对意见
• 客户用来描述他们问题的语言
• 竞争产品使用的宣传语和内容角度

目标并非收集大量无关信息，而是寻找能够影响产品呈现方式的模式。

例如：

• 反复出现的客户问题可能需要在内容中直接回应。
• 买家重视的产品优势可能值得优先考虑。
• 竞争对手信息传递上的差距可能提供更清晰的差异点。
• 一个常见的失败替代方案可以为对比分析提供支持。
• 使用客户语言可能有助于使信息听起来更接近买家自己描述问题的方式。

研究结果可支持多种内容形式，包括软文、列表文章和对比文章。

研究的作用不仅限于提升单个标题的质量，它还能帮助团队做出决策：

• 应该以哪个客户问题作为叙述的重点
• 哪些福利最值得关注
• 哪些反对意见必须得到答复
• 观众可能会期待什么样的证据
• 产品应如何定位以对抗其他同类产品
• 哪个内容角度最符合现有证据

与仅基于产品名称或描述的通用提示相比，这种方法能为内容开发提供更强的起点。

电子商务团队可能已经拥有有用的页面参考信息，但可能并非采用某种特定格式。

来源可以是已完成的 HTML 页面、屏幕截图或视觉参考，也可以是已上线的现有网页。

扩展后的AI页面生成体验现在支持三种输入类型：

• HTML： 导入现有的HTML页面作为源页面。
• 图片： 使用图片作为页面生成的视觉参考。
• 网址： 请提供现有网页的URL作为来源。

从 HTML 生成

当页面已经编写、设计和编码完毕时，可以使用 HTML。

来源可能来自开发人员、代理机构、AI 编码工具、Figma 到 HTML 的工作流程或其他生成完整 HTML 的来源。

对于基于 HTML 的生成，人工智能可以读取源代码，解释页面结构，在 GemPages 中构建相应的部分，并验证生成的结果。

有关如何使用 GemPages MCP 将 HTML 转换为 GemPages 可编辑页面的指南，请参阅： 如何使用 GemPages MCP 将 HTML 转换为可编辑的 GemPages 页面.

从图像生成

当主要参考资料是视觉元素而非代码时，请使用图片。

例如，您可以提供屏幕截图、模型、活动设计或其他视觉参考资料。

有关如何从图像生成可编辑设计的指南，请参阅： 如何使用 GemPages MCP 从图像生成可编辑设计

从 URL 生成

如果资源已存在于网络上，请直接提供网页网址。

请仅使用您拥有或已获得授权重复使用的网页和素材。

从与你现有能力相匹配的能力开始。

电商团队很少从相同的起点出发。有的团队可能已经有了产品，但没有明确的营销方向；有的团队可能已经完成了HTML页面。

GemPages MCP 允许每个团队从他们可用的输入开始。

从 Shopify 产品开始

当您拥有产品但需要更清晰地了解以下方面时，请使用内容研究工作流程：

• 目标客户
• 客户痛点
• 购买动机
• 常见异议
• 竞争对手的信息传递
• 潜在的内容角度

产品和市场调研结果可以指导团队开发内容。

这个出发点可以用于：

• 新产品发布
• 活动策划
• 产品进入竞争激烈的品类
• 采用不熟悉的机制提供的优惠
• 需要更清晰易懂的客户语言的页面
• 现有内容感觉过于宽泛或笼统。

从一篇已完成的文章开始

当内容已经编写完成并获得批准，但仍需要生成落地页时，请使用“内容转 HTML”工作流程。

请提供一篇完整的广告文章、列表文章或对比文章。GemPages MCP 将识别内容类型，匹配合适的模板，应用可用的品牌风格，并创建文章。 着陆页.html.

在以下情况下，这个出发点可能很有用：

• 内容研究部门已经完成了这篇文章。
• 您的内部团队已完成文案撰写。
• 内容由代理机构或自由职业者提供。
• 另一款人工智能工具生成了一篇已获批准的文章
• 多篇文章需要变成视觉上不同的着陆页。
• 你想要的是一个结构化的起点，而不是让AI自由设计。

在将 HTML 代码发送到下一个工作流程之前，请先进行检查。检查内容顺序、品牌样式、行动​​号召以及所有带括号的占位符。

从已完成的 HTML 开始

当页面已经编写、设计和编码完成后，可以使用 HTML 作为 AI 页面生成的数据源。

提供已完成的 HTML 文件，并要求 AI 将其构建为可编辑的 GemPages 页面。

在以下情况下，这个出发点可能很有用：

• 一家机构已交付最终的HTML文件。
• 开发人员已完成页面
• 人工智能编码工具生成了一个已获批准的设计方案。
• Figma 设计稿已实现为 HTML 格式。
• 需要将几种HTML页面变体导入GemPages。
• 营销团队需要在页面开发完成后进行管理。

这些工作流程分别解决生产流程中的不同环节，彼此互不依赖。请选择最适合您团队所需完成的工作流程。

从一张图片开始

当你的主要参考资料是视觉资料时，请使用图片。

这在以下情况下可能很有用：

• 设计师提供了模型图。
• 您有一张现有页面的屏幕截图。
• 你的团队想要重现一种视觉方向
• 页面概念已在视觉上呈现，但尚未编写代码。

从网址开始

如果参考页面已在线存在，请使用URL。

这在以下情况下可能很有用：

• 您的团队已有着陆页
• 你想把一个活动页面导入到 GemPages 中。
• 你想使用一篇现有的软文作为素材来源。
• 网页本身就是所需页面的最清晰体现。

示例用例

1. 在制定营销内容之前，先对产品进行调研。

营销人员在准备营销活动时，可以要求人工智能使用 GemCommerce MCP 来研究 Shopify 产品。

该工作流程可以分析产品、竞争对手、客户反馈、痛点、异议和潜在切入点。最终生成的报告为团队提供了更清晰的依据，以便撰写软文、列表文章、对比文章或落地页文案。

2. 将已完成的文章转换为 HTML 落地页

内容团队可能已经有了经批准的软文、列表文章或对比文章，但没有页面设计。

团队可以请求 GemCommerce MCP 将文章与合适的模板进行匹配，并创建一个完整的 着陆页.html 文件中。

如果店铺的品牌风格已保存，工作流程可以重复使用相同的颜色和字体。如果缺少必要信息，工作流程会添加带括号的占位符，而不是凭空捏造信息。

团队可以在浏览器中查看 HTML，通过 AI 对话请求修改，并将已批准的 HTML 作为 AI 页面生成的来源。

3. 将 AI 编码页面导入 GemPages

营销人员或开发人员可以使用 Claude Code 创建完整的 HTML 着陆页。

团队无需将文件留在编码环境中，而是可以请求 GemCommerce MCP 将其构建为 GemPages 页面。构建完成后，工作流程会返回预览和编辑器 URL。

团队可以审核结果，进行最终修改，然后手动发布。

4. 传输代理机构提供的 HTML 页面

代理机构可能会以 HTML 格式交付页面，而客户的电子商务团队则在 GemPages 中管理营销活动。

HTML 到 GemPages 的工作流程可以处理这种转换。客户收到的是一个可编辑的页面，而不是一个代码文件，这样每次修改都需要代理机构或开发人员的持续支持。

5. 运行完整的从研究到页面撰写的工作流程

一个团队在推出新产品时，可以结合所有三种工作流程：

• 利用内容研究来考察产品、竞争对手、客户反馈、痛点、异议和内容机会。
• 根据这些发现，撰写或批准一篇软文、列表文章或对比文章。
• 使用“内容转HTML”功能，将文章与合适的模板匹配并创建 着陆页.html.
• 使用生成的 HTML 作为 AI 页面生成的数据源。
• 完成最终审核并手动发布。

6. 根据视觉参考生成页面

创意团队可能已经有了能够传达预期页面设计的屏幕截图或模型，但还没有HTML代码。

该图像可直接作为人工智能页面生成的参考。

例如：

使用 GemCommerce MCP。参考附图，在 GemPages 中创建一个可编辑页面。

7. 从现有网址生成页面

电商团队可能已经拥有一个在线的营销活动页面。

团队无需下载页面并将其准备为 HTML 格式，可以直接提供页面的 URL。

例如：

使用 GemCommerce MCP。基于此 URL 创建一个可编辑页面：[URL]。

人工审核仍然必不可少

GemPages MCP 可以减少重复的研究和制作工作，但每个输出结果在用于营销活动或面向客户之前都应该经过审核。

评论内容研究

使用研究结果前，请检查：

• 信息来源是否相关
• 客户账单是否准确无误
• 现有证据是否支持这些结论
• 竞争对手信息是否最新
• 所提出的说法是否能够得到证实
• 推荐角度是否适合品牌和产品

研究可能会揭示出有用的模式，但团队仍然需要决定该模式是否适用于此次活动。

将内容审核为 HTML 输出

在使用 landing-page.html 作为 AI 页面生成的数据源之前，请检查：

• 所选结构是否适合文章
• 原有的信息和叙述是否仍然清晰
• 是否遗漏了任何重要的原始资料？
• 标题和行动号召是否恰当
• 颜色和字体是否与品牌相符
• 说法是否仍然准确
• 是否所有带括号的占位符都已解决
• 所需图片和辅助素材是否可用

所选模板提供了一个结构化的起点，但并不能保证页面的实际效果。转化率仍然取决于产品、优惠、流量、内容质量、受众以及最终的实施效果等因素。

查看已转换页面

GemPages MCP 会创建一个可编辑页面，以便进一步审核和完善。请在 GemPages 中进行必要的更改，并在页面通过团队的最终审核后再发布。

GemPages MCP 可以为生产过程提供支持，但准确性、合规性、品牌判断和最终审批仍由您的团队负责。

GemPages MCP 目前处于 Beta 测试阶段。

随着产品开发，可用的工作流程、支持的元素、设置过程和相关指南可能会发生变化。我们将根据技术进步和早期用户的反馈发布新功能和修复程序。

我们将逐步推出访问权限，以便与测试用户密切合作，发现问题，并在更广泛地开放之前改进用户体验。

在测试阶段，用户在使用某些研究资源、HTML结构、页面格式或组件时可能会遇到限制。可编辑程度也可能因提供的HTML代码和当前支持的元素而异。

早期用户的反馈将在塑造未来的发展方向方面发挥重要作用。

要了解如何连接到 GemPages MCP，请参阅 本文.