在 OS 3.0 主题中增建 AI 生成组件（限量开放） – SHOPLINE 常见问题

为了简化店铺设计流程，SHOPLINE 在主题编辑器中推出了 AI 生成组件功能。这款 AI 助手允许商家仅通过输入文本提示词，即可创建自定义网页模块（如图片横幅或促销区域），无需任何代码知识。

本文将引导您了解 AI 生成组件的设置流程及关键注意事项。此外，SHOPLINE 近期还将推出更多 AI 驱动的相关功能，以进一步优化您的店铺运营。

注意：

该功能目前处于 Beta 测试阶段，仅对部分选定商家开放。如果您在主题编辑器中未看到此选项，请联系您的 SHOPLINE 客户经理申请开通。
AI 生成组件是 SHOPLINE 持续扩展 AI 赋能工具的一环，旨在帮助商家更高效地构建和管理店铺。

AI 生成组件的功能特点

AI 生成组件为您构建店铺布局提供了一种灵活且高效的方式。通过利用 AI 模型，您可以创建并管理在整个品牌中保持一致的自定义模块。

无需安装应用：与通过 Section Gallery 插件创建的组件不同，此功能原生集成在主题编辑器中，无需额外安装任何应用程序。
全店跨主题共享：AI 组件一旦生成，即可作为可复用组件供全店使用。您可以将同一个组件应用到店内任何现有或未来的 OS 3.0 主题中，无需重复生成。
实时预览生成：AI 助手将实时生成代码并渲染页面区块，让您可以在最终确定前预览布局效果。

注意：生成过程中请停留在当前页面，不要刷新浏览器页面或关闭主题编辑器视窗，否则生成程序将会终止。
不影响主题升级：使用 AI 生成页面 section 不会导致您的主题变为「自定义主题」。您的主题仍保持官方原版状态，未来仍可享受 SHOPLINE 提供的版本升级服务。

设定 AI 生成组件

AI 助手通过将您的创意转化为功能性的网页模块来简化创建过程。请参考以下步骤，直接在主题编辑器中生成并自定义您的 AI 组件。

在 SHOPLINE admin 管理后台，前往【在线商店】>【店铺设计】>【我的主题】。选择一个 OS 3.0 主题（包括官方、第三方及自定义主题）并点击【设计】以进入主题编辑器。
在主题编辑器中，定位到您想要添加组件的页面（例如：首页）。
在左侧侧边栏中，点击【+ 添加组件】并选择 AI 生成组件入口。这将开启交互式的 AI 生成窗口。

提示：在【+ 添加组件】列表中浏览已生成的 AI 组件时，将鼠标悬停在某个组件上，右侧会实时渲染该组件的预览效果，方便您在添加前先查看效果。
窗口开启后，为 AI 提供提示词：
- 从系统提供的预设示例问题中选择以快速开始。
- 或者，手动输入详细的需求描述（例如：「一个包含三张图片和行动按钮的轮播横幅」）。
点击【执行生成】按钮开始流程。AI 将实时生成代码并渲染组件。这让您可以在最终确定前预览布局效果。
组件生成后，选中该组件即可在侧边设置面板中修改细节。您可以像操作普通模块一样，进一步微调其内容、颜色和布局。
点击【保存】以应用更改。

如何使用已生成的 AI 组件

AI 组件具有高度的灵活性，一旦在店铺中生成，即可在不同场景下重复使用，无需重新输入提示词。

场景 1：跨主题使用 (从 A 主题到 B 主题)：即使您在主题 A（如 Fashion）中生成了 AI 组件，当您切换到主题 B（如 Sipply，需同为 OS 3.0 主题）时，只需在左侧侧边栏点击【+ 添加组件】，在搜索框或列表中找到该 AI 组件的名称即可直接添加。
场景 2：跨页面使用 (从首页到其他页面)：如果您在【首页】生成了一个满意的 AI 组件，您可以导航至【商品列表页】，通过【+ 添加组件】再次添加同一个 AI 区塊，实现全店风格统一。

翻译 AI 生成组件中的文案

AI 组件生成后，画面上显示的文案暂时只是预览效果，还没有真正保存到您的店铺中。

因此，如果您现在打开 UGC 多语言可视化翻译，或 SHOPLINE 管理后台【语言设置】中的语料匯出功能，会找不到这段文案。

若您需要翻译组件中的文案，请按照以下步骤操作：

在主题编辑器中打开该 AI 生成组件，对其文案进行任意编辑（例如修改文字内容，或输入一个空格）。

点击【保存】。

注意：只有经过手动编辑并保存后的文案，才会出现在 UGC 多语言可视化翻译与【语言设置】的语料匯出功能中。AI 刚生成时显示的文案，如果没有手动保存过，就不会同步到这两项功能里。

回到 UGC 多语言可视化翻译重新搜索该组件文案，即可看到已同步的内容并进行多语言翻译。【语言设置】中的语料匯出功能同样能正常抓取该文案。

注意：完成保存后，您也可以前往 SHOPLINE admin 管理后台 >【应用】>【UGC 多语言可视化翻译】>【UGC 翻译分页】，向下滑动至【主题模板】，直接查看尚未翻译的文案数量并进行翻译。详细操作请参考《UGC多语言可视化翻译》。

重新生成 AI 组件

如果您对已生成的 AI 组件不满意，无需重新输入完整提示词，也不用从头开始，可以

在原有基础上继续补充新的提示词，让 AI 重新生成并优化该组件。

系统会记住您之前输入过的提示词，并将新的提示词累加在一起发送给 AI 也就是说，每一轮新的提示词都是在之前内容基础上补充说明，而不是覆盖替换。例如：

第一轮输入：「生成轮播图」。
第二轮补充：「支持 4 张轮播图」；实际发送给 AI 的提示词为「生成轮播图，支持 4 张轮播图」。
第三轮再补充：「同时支持视频」；实际发送的提示词为：「生成轮播图，支持 4 张轮播图，同时支持视频」。

组件生成后，编辑器会记录并显示您本次使用的提示词，默认收起显示，点击可展开查看；如果内容较长，展开后还可以滚动查看。若您对该组件进行了多次生成，编辑器只会显示最近一次成功生成时使用的提示词。

注意：同一主题下，同一时间只能有一个组件正在生成中（无论是首次生成还是重新

生成）。如果您在某个组件生成过程中，尝试对另一个组件重新生成，系统会暂时禁

用发送按钮，并提示：「已有组件生成任务，请等待任务完成后重试」。

重新生成失败后如何处理

如果重新生成失败，您之前成功生成的组件版本不会受到影响：

左侧组件列表仍会显示组件原本的名称，不会显示为「生成失败」 。
右侧设置面板会显示上一次成功生成时的组件配置，以及提示词输入框。
提示词输入框上方会显示上一次成功生成时使用的提示词，输入框内则保留您本次生成失败时输入的内容，方便您编辑后重新尝试。

删除 AI 生成组件

如果店铺中不再需要某个 AI 组件，您可以直接在主题编辑器的组件列表中将其删除。

在组件列表中找到您想删除的 AI 组件，将鼠标移到该组件上，组件右侧会出现【...】（更多操作）图标，点击该图示后选择【删除组件】。
在弹出的确认窗口【是否删除 AI 组件】中，点击【确认删除】以完成删除。

重要提示：

由于 AI 组件属于跨主题共享的组件，此操作将从店内所有使用该组件的主题模板中一并移除该组件，且无法撤销。
若其他主题中也使用了同一个 AI 组件，删除后，这些主题的组件列表中会将该组件显示为【已删除】。点击【已删除】的组件时，系统会提示：「该 AI 组件已被移除，是否从当前主题删除？」确认后，会将该组件从当前主题的列表中一并移除。

AI 生成组件注意事项与功能限制

为确保最佳页面性能和流畅的设计体验，请留意以下技术要求及区域限制。

主题兼容性：此功能仅适用于 OS 3.0 主题。旧版主题不支持 AI 生成组件功能。
内测权限限制：该功能目前处于 Beta 测试阶段，且需要开通白名单。如需申请访问权限，请联系您的客户经理。
组件数量上限：由于 AI 组件属于店铺层级、可供店内所有 OS 3.0 主题共享，因此每个店铺最多可保存 50 个 AI 生成组件。