跳至正文

为你的下一场店铺活动而准备

Shopify 横幅制作工具

围绕商品生成横幅图片,在桌面端和移动端构图中为信息留出空间。

生成横幅
AI 概念预览01 / 02
SUNDAY GOODS
AI 概念图:石桌上的奶油色与鼠尾草绿陶杯,为系列标题留有空间。
日常陶器为慢下来的清晨留点空间。

柔和色调,熟悉形状。让日常仪式有一个清新的开始。

探索系列

示意布局中的 AI 生成概念图,并非真实的 Shopify 主题预览。

让下一组商品自然融入店铺

带上商品参考图、活动方向和预期横幅位置,打开设计助手。

  1. 1提供商品与展示位置
  2. 2生成并检查每种构图
  3. 3下载后在主题中预览

黑五 Shopify 横幅案例:同一活动,两种构图

对比数码促销与美妆礼赠两种方向。在保持商品和优惠清晰一致的同时,分别安排桌面端与移动端的画面。

数码产品:让商品本身成为视觉焦点

钴蓝灯光与深色耳机营造醒目的促销氛围。桌面端为标题留出空间,移动端则重点检查耳机轮廓是否完整。

桌面端构图
黑色头戴式耳机置于钴蓝色展台上,商品周围留有文案空间。 桌面端构图.
黑色星期五好声音,放大听。

指定音频产品七折

移动端裁切
黑色头戴式耳机置于钴蓝色展台上,商品周围留有文案空间。 移动端裁切.
黑色星期五好声音,放大听。

指定音频产品七折

查看设计需求

请用我上传的[音频产品]照片,为[品牌]设计一组黑五 Shopify 横幅。采用深钴蓝摄影棚、克制的灯光和清晰的商品轮廓。先做桌面版:商品靠右,左侧为主题中的真实文字预留空间。再规划移动版,保证商品完整,并在上方留出标题位置。商品形状、颜色和标识与参考图保持一致。已确认优惠为[优惠内容],有效期为[日期与时区]。图片中不绘制文字,标题和优惠文案单独提供,供我填写到 Shopify 主题中。先完成一个方向供我确认。

进入 PagePop 制作我的活动

美妆产品:把促销做成一份礼赠灵感

暖陶土、琥珀玻璃与缎带带来更柔和的黑五视觉。保持产品组合完整,移动端精简标题但保留优惠信息。

桌面端构图
琥珀色精华瓶与奶油色护肤罐摆在陶土展台上,搭配象牙白缎带。 桌面端构图.
黑色星期五焕亮你的日常。

指定护肤产品八折

移动端裁切
琥珀色精华瓶与奶油色护肤罐摆在陶土展台上,搭配象牙白缎带。 移动端裁切.
黑色星期五焕亮你的日常。

指定护肤产品八折

查看设计需求

请用我上传的[美妆产品],为[品牌]设计黑五 Shopify 横幅。探索暖杏色、陶土色、柔软缎带与精致商品布光。桌面版将产品组合放在右侧,左侧留出主题真实文字的安静区域。移动版保留完整产品组合,上方为简短标题留空。包装、颜色和标签以我的照片为准。已确认优惠为[优惠内容],有效期为[日期与时区]。不要把文字、价格或按钮画进图片,标题和优惠文案单独提供,供我填写到 Shopify 区块。先确认桌面方向,再制作移动版。

进入 PagePop 制作我的活动

原创 AI 概念图搭配示例优惠。文案是独立文字层,使用时替换为店铺已确认的活动信息。

需要打印门店促销告示?制作促销牌

不确定横幅会怎样被裁剪?

比较桌面端和移动端构图,再检查主题的图片设置。

查看横幅尺寸与裁剪指南

开始前,你可能想了解

这里生成的是横幅图片,还是公告栏?

你可以用图片生成器制作适合首页、商品系列或活动区块的横幅图片,再自行添加到 Shopify 已有的区块中。生成图片不会安装公告栏、弹窗或可交互的主题组件。

Shopify 横幅应该用什么尺寸?

先查看主题区块的要求。2400 × 1000 px 的桌面端画布或 1200 × 1500 px 的移动端画布可以作为规划示例,并非 Shopify 要求或 PagePop 承诺的输出尺寸。请提出合适的构图需求,再检查下载结果的尺寸;如果主题要求特定尺寸,请调整文件。

可以单独生成移动端横幅吗?

你可以在 PagePop 中请求独立的竖版构图。这会生成另一张图片,不会配置你的 Shopify 主题。请检查主题是否提供独立的移动端图片字段。如果两个屏幕共用一张图,请在主题中预览并调整该图片的构图。

标题和按钮应该放在图片里吗?

制作商店横幅时,如果主题提供标题和按钮字段,建议直接使用。这能保留可点击的链接,也便于为小屏幕调整文字。请在图片对应位置留出清晰的空间。

可以使用我自己的商品和品牌方向吗?

上传商品参考图,描述配色、光线和活动氛围,并指出需要准确保留的细节。把图片用于商店前,请对照参考图检查生成的商品。

PagePop 会将横幅发布到 Shopify 吗?

PagePop 负责生成横幅图片。请先从 PagePop 下载选中的图片,再在 Shopify 主题编辑器中手动上传。店铺的修改和发布由你在 Shopify 中完成,PagePop 不会自动发布。保存前,请检查文件尺寸、文字对比度,以及桌面端和移动端的裁剪效果。