店面页面
任意网格的静态横幅卡片——不必动主题代码。
页面顶部三张特色卡片。「饮品」分类下的专属促销。页脚之前的信任标识。1/3 + 2/3 主次拼接,大卡英雄+小卡「特卖」。PromoCards 都能在一个面板里搞定:八种网格布局、三种卡片样式、三种高度,任何图片位都可换成 YouTube 视频。
功能说明
一个卡片构建器,把横幅卡片投放到店面四个位置——Page Top(页面顶部)、Category Top(指定分类标题下方)、Category Bottom(分类商品之后)、Page Bottom(页脚之上)。每个卡片组可选布局(1 列、2 列、1/3+2/3、2/3+1/3、3 列、4 列、5 列、6 列)、卡片样式(Stacked 图上文下、Overlay 文字覆于图上、Beside 图左文右)、高度(Compact 2:1、Normal 16:9、Tall 3:2),并可用「移动端列数」覆盖默认的 1 列折叠。每张卡片支持标题、副标题、正文、桌面与手机分别上传图片、按钮或整卡可点击 URL、调度、单卡启用开关。在任意卡片粘贴 YouTube URL 即可改用隐私优先的 nocookie 播放器——Shorts 链接会自动以 9:16 竖向框架渲染。
适合哪些人
店面不止商品列表的商家。零售展示系列、特卖与运费/退货信任标识。餐厅突出工作日午市套餐、周末早午餐与外烩。服务业有多个预约分类(疗程、套餐、礼券)。房产/物业以精选房源切入。汽车并排陈列零配件目录、保养预约、分期方案。任何不希望雇设计师手改首页的商家。
使用流程
- 在「设置 > 应用」启用 PromoCards。打开「应用 > PromoCards」点击「添加分组」。
- 选择位置(Page Top / Category Top / Category Bottom / Page Bottom)、布局(1-6 列或 1/3+2/3 拼接)、卡片样式(Stacked / Overlay / Beside)、高度(Compact / Normal / Tall),以及调度——起止日期、营业时段——保存分组。
- 在分组内添加卡片:图片(或 YouTube URL)、标题、副标题、正文、按钮。拖动卡片在组内调序;在主列表拖动分组,以决定多个分组共享同一位置时的先后顺序。
什么时候用
当希望多条信息同屏可见时使用——三张并排的分类入口、一排信任标识、英雄+辅助两卡组合。一张轮播主图更合适时用 Carousels;必看且时效性强的信息(歇业日、年龄确认、闪购优惠码)用「弹窗与横幅」。
常见问题
与 Carousels 有什么不同?
Carousels 在店面最顶部逐张展示并每 5 秒自动轮换。PromoCards 以网格同时展示所有卡片,并可置于四个不同位置——页面顶部、分类下方、分类之后、页脚之上。两者可同时启用,互不冲突。
可以让同一组出现在所有页面,还是仅限特定分类?
Page Top 与 Page Bottom 在店面首页/商品列表生效。Category Top 与 Category Bottom 需要选定具体分类——卡片仅在该分类可见的页面渲染。同一位置可叠加多个分组(例如 1 列季节性横幅 + 一排 3 列分类入口),通过主列表拖拽排序决定先后。
可以用 YouTube 视频代替静态图吗?
可以——在卡片的「视频」字段粘贴任意 youtube.com/watch、youtu.be 或 youtube.com/shorts URL。访客先看到带播放按钮的缩略图;点击后才载入播放器。隐私优先的 nocookie 嵌入意味着访客真正点击之前不会写入任何 YouTube cookie。Shorts 链接会自动把卡片切换为 9:16 竖向框架,适合菜谱片段、改造对比、快速演示等竖向短视频原生比例播放。
会自适应手机吗?
会。默认下大多数布局在手机端折叠为 1 列;5 列与 6 列布局折叠为 2 列(通常是小图标或信任标识)。可在每个分组用「移动端列数」覆盖——例如希望 4 列商品高亮在手机上保持 2 列而不是 1 列。
可以排程单张卡片吗?
排程作用于整个分组(起止日期 + 「显示时段」规则:始终、营业时段、营业外)。单张卡片有「启用」开关,方便不删除地下架某张;但没有独立日期——时效活动请用分组排程,或拆成两个分组以使用不同时段。
图片应该多大?
桌面图自动裁剪为 1600×900(16:9);手机图自动裁剪为 800×800。请上传不小于上述尺寸以保证清晰;SVG 与 WebP 文件不裁剪,按原样存储。不上传手机图则所有屏幕复用桌面图。