什么是产品页面?
A Shopify 产品页面 是一个专门展示您在线商店中单个产品详情的页面。它通常包括:
- 产品图片
- 标题和说明
- 定价和供货
- 变体(例如尺寸或颜色)
- 号召性用语按钮,例如 添加到购物车 or 立即购买
这是您的客户在做出购买决定之前会访问的页面,因此良好的设计对于转化至关重要。
详细了解 产品页 配备 产品模板 开始.
如何使用 GemPages 创建新产品页面
步骤1:在Shopify中创建产品
在使用 GemPages 设计产品页面之前,您必须先在 Shopify 后台创建产品。如果您的产品已经存在,则可以跳过此步骤。
- 登录 到您的 Shopify 管理仪表板。
- 从左侧菜单中,转至 产品 并点击 添加产品.

- 填写您的产品详细信息:
- 标题和说明
- 产品图片或视频
- 定价和库存
- 变体(如果适用)

- 点击 已保存 将产品添加到您的 Shopify 商店。
创建产品后,您就可以使用 GemPages 构建自定义产品页面。
步骤2:在GemPages中创建新的Shopify产品页面
您可以通过两种方式创建产品页面:从 GemPages 控制面板创建,或直接在 GemPages 编辑器中创建。
两种方法都会引导你完成相同的设置过程。
选项 1:从 GemPages 仪表板创建新产品页面
- 打开 GemPages 仪表板 => 前往.

选项 2:从 GemPages 编辑器创建新产品页面
如果您正在编辑其他页面,并且想要在不离开编辑器的情况下创建新的产品页面,请按照以下步骤操作:
- 在 GemPages 编辑器中,点击顶部的当前页面名称。
- 此时将显示您现有页面的列表。选择 建立新页面.

步骤 3:选择如何构建您的产品页面
无论你在第二步中使用了哪种方法,你现在都将拥有 三个选择 创建您的产品页面。
选项 1:从头开始
选择 白手起家 如果您想使用以下方式设计您的产品页面 空白的画布.
此选项可让您完全灵活地按照自己的意愿设计布局。
方案二:使用现成模板
您可以从专业设计的模板库中进行选择,以加快您的工作流程。
使用模板:
- 浏览可用模板
- 将鼠标悬停在您想要使用的模板上
- 点击 用作产品页面

模板的设计遵循最佳实践,可帮助您快速创建专业美观的产品页面。
选项 3:导入 GemPages 文件
您还可以通过导入之前导出的 GemPages 文件来创建产品页面。
此选项适用于以下情况:
- 重用已保存的布局
- 门店间共享设计
- 页面迁移
有关此方法的更多详细信息,请参阅这篇文章: https://help.gempages.net/articles/export-import-templates
步骤4:自定义您的Shopify产品页面
布局创建完成后, GemPages 编辑器 即将打开。在 GemPages 编辑器中,您可以拖放元素来构建高转化率的产品页面。建议添加:
这些元素有助于创造专业的购物体验并提高您的转化率。
如何使用图片布局功能创建产品页面
此 图片转布局 特集 让您 将图像或 URL 转换为可编辑的页面布局.
这有助于加快页面创建速度,它能自动检测各个部分,并根据视觉输入生成结构化的布局。
您可以使用:
- 截图
- 网页网址
系统将分析输入内容,并在编辑器中生成可编辑部分。
第一步:从零开始创建一个新页面
点击 白手起家 创建空白页面。进入编辑器后,您会看到将 URL 或图像转换为页面布局的选项。
步骤二:选择输入法
此时,你将拥有 两个选择:
- 粘贴 URL 以创建布局
将网页网址粘贴到输入框中。系统将分析该网址并提取布局元素。
- 上载图片
点击上传区域,从您的设备中选择一张图片。这张图片将用于生成页面结构。
步骤3:生成布局
- 输入网址或上传图片后:
- 点击 产生.
重要提示: 请确保您拥有在网页上使用图片的合法权利。GemPages不对您与图片所有者之间的任何版权纠纷负责。
如何将产品分配给模板
创建产品页面只是第一步。要使其上线,您必须 分配产品 到那个页面。
- 分配产品意味着将您的 Shopify 产品链接到您刚刚设计的 GemPages 模板。
- 这可确保当客户访问您商店中的该产品时,他们会看到您的自定义 GemPages 设计而不是 Shopify 的默认布局。
请关注我们的完整指南 如何将产品分配给模板.
如何将产品页面添加到您的商店菜单
创建并分配产品页面后,您可能希望使其可从商店的导航菜单(例如页眉或页脚)访问。
要将产品页面添加到菜单中:
- 去你的 Shopify 管理控制台
- 导航 在线商店 → 内容 → 菜单
- 选择要添加产品页面的菜单(例如,主菜单)
- 点击 添加菜单项
- 在“链接”字段中,选择 产品 并选择您想要的产品


- 请输入菜单项的名称
- 点击 已保存
添加后,客户可以直接从您商店的导航栏轻松访问您的产品页面。
谢谢您的意见