生成式人工智能不仅是搜索与内容生成的利器,更是强大的编码工具,能赋能各类电商企业。虽不能将新手变为编程大师,但 ChatGPT 等工具可生成实用代码,供营销人员和商家直接应用于自动化工作流。
发布到 Shopify 博客
“内容先行、商业随后”模式已成主流,但 Shopify 商家常面临编辑器功能局限的问题。其默认博客编辑器缺乏自动解析能力,例如输入 YouTube 链接仅显示为纯文本,需手动粘贴 HTML 代码才能嵌入视频;相比之下,WordPress.com 编辑器可自动生成响应式嵌入视频并自适应屏幕尺寸。
Shopify 博客编辑器要求用户粘贴 HTML 代码以实现视频嵌入。
理想方案是绕过 Shopify 编辑器,在 Google Docs 中撰写包含图片、表格及视频的完整内容后,自动同步至 Shopify 博客。为此,我通过 ChatGPT 生成了实现该功能的代码。
AI 解决方案
ChatGPT 提供的方案分为两部分:
- 使用 Google Apps Script 处理内容,将 Google 文档转换为标准 HTML;
- 通过 Shopify REST API 将内容发布至博客。
Google Apps Script 是基于 JavaScript 的开发环境,内置 Google API 服务,可直接从任何 Google 文档访问。
Google Apps Script 是 Google Docs 和其他 Google 应用程序中可用的开发环境。
ChatGPT 生成了详细代码及操作步骤,可直接复制粘贴至 Apps Script 环境。该脚本包含六个核心函数:
- postArticleToShopify():主函数,调用支持函数并连接 Shopify API;
- convertBodyToHTML(body):核心转换函数,识别文档中的列表、表格、段落等元素,并处理段落内嵌套的文本、标题、图片或链接;
- extractYouTubeVideoId(url):从 URL 字符串中提取 YouTube 视频 ID;
- generateYouTubeEmbed(videoId):根据视频 ID 构建响应式嵌入视频的 HTML 标签;
- formatCurrentDate():辅助函数,获取并格式化当前日期作为文章发布日期;
- escapeHTML(text):辅助函数,转义向 Shopify API 发送 HTML 时可能引发问题的特殊字符。
令人惊喜的是,ChatGPT 对 Apps Script 和 Shopify API 的规范十分熟悉,例如准确知道图像文件需编码为数据形式传递,而非直接上传。
自定义 Shopify 应用
最后需在 Shopify 后台“应用和销售渠道”中创建自定义应用,授权安装后获取 API 访问令牌,使 Apps Script 具备发布权限。
创建自定义应用即可获得 API 令牌。
已发布内容
借助 ChatGPT 生成的代码,不到 30 分钟即完成可行方案:在 Google Docs 中撰写的内容可完整显示于 Shopify 博客。
ChatGPT 的代码将 Google Doc 转换为 Shopify 中的完整博客文章。
该流程可重复使用,任何人皆可在 Google Docs 中创作含多媒体元素的内容,并在 Shopify 中生成干净、响应式的博客文章。
影响与启示
ChatGPT 初始方案存在若干瑕疵:
- 对 Google Doc 结构理解不足,初始代码在文档层级查找图片和链接,而实际这些元素位于段落内部;
- 生成 YouTube 响应式 HTML 时重复加载图片,调整变量赋值后解决;
- 部分代码需重构以提升可读性与功能性;
- Shopify API 所需的博客 ID 不易获取,最终借助 Postman 工具配合 API 查询获得。
尽管如此,该案例证明 ChatGPT 能为具备基础技术知识的用户生成实用代码,且大幅提升开发效率。若无 AI 辅助,同类任务耗时将显著增加。

