M 安仕达烘焙ERP小程序商城 · 商城装修
小程序商城门面搭建9 套首页模板 · 每页 5 到 10 个组件

首页长什么样,自己在后台排出来

小程序首页不用改一次付一次外包费。后台的装修器里已经备好 9 套首页模板,挑一套发布就行;想按自己的节奏排,就把组件一个个拖进自定义页面——公告、活动条、分类、商品墙,顺序和标题都归你。

装修器分四块:小程序模板、首页装修、我的页装修、页面装修管理;页面卡片上直接写着已发布与组件数量

小程序首页 · 简约外卖风格已发布 · 5 个组件
一屏要放四件事:怎么取、买什么、有什么活动、去哪领券自取 / 外卖切换 + 附近门店 + 活动条 + 商品墙
  • 顶部欢迎条会员等级 · 优惠券 · 积分 · 会员码1 个组件
  • 取货方式到店自取 / 外卖配送 / 附近门店1 个组件
  • 活动条签到有礼 / 一起拼团 / 限时秒杀 / 积分商城 / 领券1 个组件
  • 分类导航面包 · 私藏推荐 · 蛋糕 · 西点 · 鲜花1 个组件
  • 商品墙精选商品 · 更多 > · 销量 / 会员价 / 划线原价1 个组件
本页组件5 个
首页模板方案9 套

商品卡上的会员价、划线原价、销量与热卖角标都不在装修器里填——它们来自网店商品和价格,装修器只决定它们出现在第几屏。

本页 解决的问题 怎么配 后台实拍 走单 适用场景 使用边界 方案对比 上手 FAQ 全部功能
PAIN POINTS

为什么首页不能"一次做好常年不动"

烘焙店一年要换四五次重点:春天上果茶、夏天上冷萃、秋天上礼盒、过年上新春款。首页跟不上节奏,客人打开就以为店里没变化。

01

改一次首页要找人,一次等几天

请外包做页面,改一张图也要排期,季节款上架那几天首页还是去年的样子。

用商城装修:后台自己拖组件、换模板,当天上架当天就能把新品摆到第一屏。

02

活动做了,首页没有位置

拼团、签到、秒杀都在跑,客人从首页找不到入口,全靠群里发链接。

用商城装修:活动条就是给这些玩法留的口子,签到有礼、一起拼团、限时秒杀、积分商城、领券能一排摆出来。

03

客人进来不知道该自取还是要配送

把自提、配送、快递混着写,客人下单才发现取不了,退单和客诉都从这里来。

用商城装修:顶部把"到店自取 / 外卖到家 / 附近门店"分成两个明确入口,选错的机会就少一半。

HOW IT WORKS

装修这一页,看哪几格

入口在 O2O > 商城装修。进去先是页面列表,上面一排筛选,右上角是"新增装修页面"和"编辑默认首页",往下是模板卡片,每张卡片就是一个可发布的首页方案。

要填什么怎么填说明与例子
小程序模板第一块:整套首页模板的库目前共 9 套首页模板方案,对应小程序认得的 0 到 5 六种首页类型;卡片上有"简约首页""秋季简约""春季绿色风""夏季新品""马年新春首页"等名字
首页装修第二块:首页里组件的排布决定组件的顺序、标题与图片,排好之后发布,客人打开小程序看到的就是这一版
我的页装修第三块:"我的"那一页优惠券、积分、会员码、充值入口、社群福利、券包入口、活动中心这些位置在这里排
页面装修管理第四块:所有页面的台账列表上方能按模板名称、布局风格、状态筛;卡片上直接显示"已发布"和组件数量
新增装修页面右上角按钮,做一个自己的页面做好之后卡片上写的是"自定义页面",跟平台自带的"首页模板"分开两类
编辑默认首页右上角按钮,改当前正在用的那一版默认首页就是客人打开小程序第一眼看到的那一屏
数据来源卡片上会写这一版是什么来的"首页模板(接口数据)"是套模板改的;"自定义页面(接口数据)"是拖组件做的,两种都是走接口拿真实数据
状态草稿还是已发布只有已发布的那一版会在小程序上出现,改完别忘发布
更新时间 / 组件数量卡片底部两个信息实测每张卡片显示"刚刚更新 · 5 到 10 个组件",组件数量能一眼看出这一版排了多少东西
可拖进去的组件首页上能放的模块欢迎条与公告、自取与配送入口、附近门店、活动条(签到 / 拼团 / 秒杀 / 积分商城 / 领券)、分类导航、商品墙(精选商品 / 今日热销)、下单须知
商品卡上的数字不在装修器里填会员价、划线原价、销量、累计好评、热卖与新品角标全部来自网店商品,装修只决定它排在第几屏

首页模板是给整套页面定风格用的,自定义页面是给某一版活动页用的;两者在同一个列表里,靠"首页模板 / 自定义页面"这个来源标注区分。

SCREENSHOTS

后台实拍:装修器就长这样

这三张是装修器页面的真实截图。第一屏就是模板列表,共 9 套首页模板方案;点开任意一张卡片的编辑,进到三栏编辑器,左边挑组件、中间看手机效果、右边定页面参数。

页面装修管理 · 模板列表(上半)O2O > 商城装修 > 首页装修看原图
页面装修管理 · 模板列表(上半):顶部一行写着共 9 套首页模板方案,右上角是
① 挑模板顶部一行写着共 9 套首页模板方案,右上角是"新增装修页面"和"编辑默认首页"两个按钮,左边还有列表/网格两种视图切换。筛选条是模板名称、布局风格、状态三个框,配搜索与重置。每张卡片从上到下是:预览图、模板名、已发布角标、数据来源、更新时间与组件数量、五个小图标(编辑、预览、复制、删除、收藏)。第一张"简约首页"是白底红标题的商品海报,下面接会员卡和"自取 / 外卖"两格;第二张"秋季简约(免费)"是奶油底大图,带 Hello 欢迎条和"门店自取 / 配送服务 / 蛋糕预定"三宫格;第三张"夏季新品"整版玫红,写着活动时间 6.18-7.18、全店每满 80 减 10、热门商品买 2 送 1,下面是三个商品卡。
  • 共 9 套首页模板方案
  • 新增装修页面
  • 编辑默认首页
  • 已发布
  • 刚刚更新 · 10 个组件
页面装修管理 · 模板列表(下半)O2O > 商城装修 > 首页装修看原图
页面装修管理 · 模板列表(下半):往下翻还有六张卡片,能直接看出两类页面的区别:卡片上写首页模板(接口数据)的是平台自带的那几套,写自定义页面(接口数据)的是门店自己排出来的——
② 看差别往下翻还有六张卡片,能直接看出两类页面的区别:卡片上写首页模板(接口数据)的是平台自带的那几套,写自定义页面(接口数据)的是门店自己排出来的——"夏季新品(免费)""华永康首页""夏季风格"这三张就是自定义页面。风格也一眼分得开:春季绿色风是浅绿底配荔枝季蛋糕,简约外卖风格首页是一整张可颂大图加"免费领卡""进入会员中心",马年新春首页是深红底,把到店自提、外送到家、生日蛋糕预定、会员充值四格排成两行,底下还带"产品购买须知""产品配送须知"两条;华永康首页是绿底三段"下午茶甜点 / 三寸小蛋糕 / 手工面包";夏季风格整版粉色"甜蜜烘焙坊"。
  • 首页模板(接口数据)
  • 自定义页面(接口数据)
  • 5 到 10 个组件
  • 产品购买须知
装修器 · 组件库 / 手机预览 / 页面设置O2O > 商城装修 > 我的页装修看原图
装修器 · 组件库 / 手机预览 / 页面设置:打开任意一张卡片的编辑,就是这副三栏样子。左栏是组件库,分三组:基础组件 18 块(欢迎卡片、会员信息、会员等级、会员导航、资产横排、超级会员卡、省钱卡、文字横排、公告栏、快捷导航、工具服务、导航组、文本标题、图片卡片、搜索框、轮播图、辅助线、辅助空白),商品组件 1 块(商品列表),图文组件 3 块(热区海报、文本、图片)。中栏是手机实时预览,顶部状态栏、页面标题、会员卡、我的订单五格、我的资产四格、超级会员卡、底部导航(首页 / 分类 / 购物车 / 我的)都按你排的次序长出来。右栏是页面设置:页面名称、页面标题、背景颜色、按钮颜色、分享标题、底部导航开关。最上面一排按钮是保存、预览、发布、图片库,右边是撤销、重做、重置、返回。
③ 动手排打开任意一张卡片的编辑,就是这副三栏样子。左栏是组件库,分三组:基础组件 18 块(欢迎卡片、会员信息、会员等级、会员导航、资产横排、超级会员卡、省钱卡、文字横排、公告栏、快捷导航、工具服务、导航组、文本标题、图片卡片、搜索框、轮播图、辅助线、辅助空白),商品组件 1 块(商品列表),图文组件 3 块(热区海报、文本、图片)。中栏是手机实时预览,顶部状态栏、页面标题、会员卡、我的订单五格、我的资产四格、超级会员卡、底部导航(首页 / 分类 / 购物车 / 我的)都按你排的次序长出来。右栏是页面设置:页面名称、页面标题、背景颜色、按钮颜色、分享标题、底部导航开关。最上面一排按钮是保存、预览、发布、图片库,右边是撤销、重做、重置、返回。
  • 基础组件 18 块
  • 商品组件 1 块
  • 图文组件 3 块
  • 预览
  • 发布

截图里的商品图、价格与会员等级都是演示账套里的数据,点每张图右上角"看原图"可以放大逐格核对。

TEMPLATE WALL

九套模板各自的排版与组件数

名称、是否免费、数据来源、组件数量都照截图抄录;手机图是按模块顺序自绘的排版示意,用来看每套模板的排布差别,颜色取它自己的主色,不是实机截图。

简约首页

白底红标

示意排版从上到下:顶部海报 → 会员卡 → 自取 / 配送 / 预定 → 商品列表 → 下单与配送须知。

首页模板(接口数据)10 个组件已发布白底红标

秋季简约免费

奶油底

示意排版从上到下:顶部海报 → 欢迎条与公告栏 → 自取 / 配送 / 预定 → 图标宫格 → 商品列表。

首页模板(接口数据)9 个组件已发布奶油底

夏季新品

整版玫红

示意排版从上到下:顶部海报 → 欢迎条与公告栏 → 商品列表。

首页模板(接口数据)6 个组件已发布整版玫红

春季绿色风免费

浅绿清新

示意排版从上到下:顶部海报 → 自取 / 配送 / 预定 → 会员卡 → 图标宫格 → 两张并排入口。

首页模板(接口数据)5 个组件已发布浅绿清新

简约外卖风格首页

大图直给

示意排版从上到下:顶部海报 → 欢迎条与公告栏 → 自取 / 配送 / 预定 → 下单与配送须知。

首页模板(接口数据)5 个组件已发布大图直给

马年新春首页免费

深红节庆

示意排版从上到下:欢迎条与公告栏 → 顶部海报 → 两张并排入口 → 图标宫格 → 下单与配送须知。

首页模板(接口数据)6 个组件已发布深红节庆

夏季新品免费

蓝色饮品

示意排版从上到下:顶部海报 → 欢迎条与公告栏 → 图标宫格。

自定义页面(接口数据)7 个组件已发布蓝色饮品

华永康首页

绿底定制

示意排版从上到下:顶部海报 → 自取 / 配送 / 预定 → 两张并排入口。

自定义页面(接口数据)5 个组件已发布绿底定制

夏季风格

粉色甜品

示意排版从上到下:顶部海报 → 欢迎条与公告栏 → 商品列表 → 下单与配送须知。

自定义页面(接口数据)10 个组件已发布粉色甜品
COMPONENT LIBRARY

组件库里能拖的 22 块

自定义页面就是把下面这些组件一块一块往上叠:叠哪几块、什么顺序、跳哪个页面,都在编辑器里定;卡片上显示的组件数量,就是这一页叠了几块。

基础组件18 块

  • 欢迎卡片
  • 会员信息
  • 会员等级
  • 会员导航
  • 资产横排
  • 超级会员卡
  • 省钱卡
  • 文字横排
  • 公告栏
  • 快捷导航
  • 工具服务
  • 导航组
  • 文本标题
  • 图片卡片
  • 搜索框
  • 轮播图
  • 辅助线
  • 辅助空白

商品组件1 块

  • 商品列表

图文组件3 块

  • 热区海报
  • 文本
  • 图片
WORKED EXAMPLE

一次换首页,从挑模板到客人下单

以"夏季上新果茶,要把新品摆到第一屏"为例,整条动作从上到下五步,中间没有一步要找人开发。

步骤在哪做做什么小程序上会看到
1基础 > 物料管理新品建好、定价、写好规格还没有
2O2O > 微信商城 > 网店商品上架、填微信价格、勾"新品上市"商品能搜到,但不在首页
3O2O > 商城装修把商品墙组件的分类改成"果茶类",拖到第一屏首页第一屏出现新品
4O2O > 商城装修活动条把"限时秒杀"往前提一格活动入口更醒目
5商城装修发布客人打开就是这一版

看这一版要注意什么

首页唯一的目标是让客人三十秒内做完一个决定:自取还是配送、买哪一款。组件堆得多不如有顺序——先解决"怎么拿",再解决"买什么",最后才是活动。

  • 装修器只管排布,不管价格:商品卡上的会员价、销量都是接口取回来的真实数据,改不了也不用改。
  • 没上架的商品拖不进首页:第 2 步漏了,第 3 步就只能看见空位。
  • 改完要发布。列表卡片上状态是草稿时,客人看到的还是上一版;别在群里说"新首页上线了"结果没发布。
USE CASES

装修最常动的六个场合

同一套组件库,换场合只是换模板、换顺序、换商品墙的分类。

CASE 01

新店开业

直接从 9 套模板里挑一套最素的发布,先把门面立起来,别一上来排十几个组件。

CASE 02

季节换装

后台已经有"春季绿色风""夏季风格""秋季简约""马年新春首页"这类模板,换季就是换一版发布。

CASE 03

主推新品

不动模板,只把商品墙的分类改成新品那一类,拖到第一屏。

CASE 04

外卖为主的门店

用"简约外卖风格首页"那一套,顶部把自取 / 外卖两个入口做大,活动条往后放。

CASE 05

大促当天

活动条排到商品墙上方,签到有礼、拼团、秒杀、领券一排放出来,让人一进页面就看到有便宜。

CASE 06

连锁分店各一套

总部做几套自定义页面,不同门店挂不同首页,商品墙按本店在售的那批来。

BOUNDARIES

用之前先知道的六条边界

装修这件事的坑不在技术上,在"排了没发布"和"放了个空位"。

  • 首页模板方案是 9 套,对应小程序那边 0 到 5 的六种首页类型。想跳出这套编号,走自定义页面那条路。
  • 只有已发布的版本对客人可见;卡片上的状态一栏就是给你自己核对用的。
  • 组件数量在 5 到 10 个之间。堆到十件时先想清楚第一屏能不能装下最重要的那件事。
  • 商品墙依赖网店商品的上架状态。下架、没填微信价格的商品,在首页上是拖不出来的。
  • 价格与销量不由装修决定。想在首页卖拼团价、秒杀价,得去商城活动那边建方案,不是在这里改数字。
  • "首页装修"改的是首屏,"我的页装修"改的是会员中心那一页,两块各管各的;别把充值入口、券包入口这两个位置弄混。
SIDE BY SIDE

首页装修和我的页装修,各解决什么

两块都在装修器里,但客人走的路径完全不同:一个负责让他想买,一个负责让他觉得没亏。

比什么商城装修我的页装修
客人来这一页干什么逛、选、决定查券、查积分、开会员码
要排的东西取货入口、活动条、分类、商品墙、公告优惠券、积分、会员码、充值入口、社群福利、券包入口、活动中心
什么时候改上新、换季、做活动储值、券包、社群权益有变动时
最影响什么进店转化率复购与券核销
能不能挂活动靠活动条组件,跳签到 / 拼团 / 秒杀 / 积分商城 / 领券靠券包入口、活动中心,跳券包与活动页
见效速度当天当天
GET STARTED

三步把商城装修配出来

第一次装修,先挑模板发布,再考虑做自定义页面。

先把货备好

O2O > 微信商城 > 网店商品里,把要出现在首页的商品全部上架、填好微信价格,需要角标的勾上"新品上市 / 热销商品 / 推荐商品"。

挑一版排一排

O2O > 商城装修 > 首页装修,从 9 套模板里挑一套对得上门店类型的,把取货入口、活动条、分类、商品墙按"先解决怎么拿、再解决买什么"的顺序排。

发布并手机核对

发布之后自己用手机进一次小程序:看首页第一屏、点活动条能不能跳到拼团与秒杀、看商品卡上的会员价与划线原价对不对。以后每次动完都走这三步。

FAQ

关于商城装修,常被问到的事

不必。模板是省事的做法,"新增装修页面"能做完全自定义的页面;模板定风格,自定义页面定内容。

能,做几套自定义页面分别发布;商品墙的分类按本店在售的那批来,顶部"附近门店"会带客人选店。

不能在装修里改。商品卡显示的是网店商品的微信价格和促销价,要改价格去网店商品或促销方案。

发布之后就能,不用等审核。所以别在客流高峰随手改,改完先自己点开看一眼。

不是。首页卡片上显示的组件数量是 5 到 10 个,超出这个量级,第一屏放不下的内容多数客人根本不会滑到。

建议放。蛋糕类需要预约、定制要联系门店,把规则写在首页能省掉一半的售后解释。

ALL TOPICS

小程序商城的 5 个功能,一页一个

后台 O2O 菜单里的商城本体部分:装修页面、网店商品、线上订单、外卖商品、分店外卖商品。营销活动(拼团、抢购、签到等)在另一边的 O2O 营销那组页面里。

首页之外,商城还有四个功能要看

网店商品负责把货挂上、线上订单负责把单做完、外卖商品和分店外卖商品负责把美团京东那几个平台接上,五页连起来就是完整的一条线上通路。