装修、内容与上线

顾客打开你的小程序或网页看到的一切——首页长什么样、按钮是什么颜色、底部导航写什么字、有哪些文章可读——都在站点后台的内容组里配置。这五个页面各管一段，顺序建议按下面走。

先干什么、后干什么

1. 1

   备素材（素材库）

   先把要用的图片、视频传进来。装修和文章里所有图片字段点开都是这个素材库，先传好后面就不用来回切页面。

2. 2

   搭页面（页面装修）

   拖拽组件把首页、活动页搭出来。改的是草稿，随便试；确认没问题再点发布，前台才会变。

3. 3

   调外观（主题与导航）

   整站主题色、底部导航的文案与图标。这一层跟具体页面无关，改一次全端生效。

4. 4

   写内容（文章）

   资讯、公告、图文教程放这里，支持草稿、定时发布、置顶和付费阅读。

5. 5

   发出去（小程序发布）

   扫码把小程序托管到平台，之后提交代码、提审、上线都在后台点，不用再开开发者工具。

页面装修：先把页面建出来

进内容 → 页面装修。这个列表管的是页面的「生老病死」，具体内容在编辑器里改。表格四列：页面、线上版本、更新时间、操作。名称后面可能挂两个徽标——「首页」和「会员中心」，表示这个页面正被前台的哪个位置占用。

点右上角新建页面，取个名字（1–64 个字符，如「店铺首页」「618 活动页」），创建后直接进编辑器。新页面在发布前不会出现在前台。

把某个页面挂到首页 / 会员中心

在行末的更多菜单里选设为首页或设为会员中心。两个动作都有个硬前提：

• 设为首页后，前台首页立即切换为该页面的线上版本，原来的首页自动取消徽标（页面本身还在，可以随时再挂回去）。
• 设为会员中心后，前台「我的」页整页展示该页面的线上版本。建议这个页面里放一个「会员卡片」组件，否则顾客在「我的」页看不到自己的头像与资产。
• 不想要了就选取消会员中心，「我的」页恢复系统内置布局（会员卡 + 资产 + 功能列表），页面本身不受影响。
• 删除页面后前台不再可访问，版本记录一并归档；首页不允许删除，要换先把别的页面设为首页。

编辑器：三栏怎么用

点页面名称或行内的装修按钮进编辑器。屏幕分三栏：左边组件库、中间手机画布、右边属性面板。

1. 1

   左栏挑组件

   点一下就追加到画布（有选中组件时插在它后面），或者按住拖到画布里想要的位置——拖动时会有一条蓝线提示落点。

2. 2

   中间调顺序

   点画布里的任意组件选中它，右上角浮出四个小按钮：上移、下移、复制、删除。也可以直接把组件拖到新位置。

3. 3

   右栏改内容

   选中组件时这里是它的属性表单（文案、图片、跳转、颜色、数量等）；点画布空白处取消选中，这里就变成页面设置——页面标题（显示在前台导航栏与分享卡片）和页面背景。

• 一个页面最多放 50 个组件，右栏页面设置底部实时显示「已放置 N / 50」，到顶后组件库会置灰并提示。
• 悬浮按钮不占页面位置，它钉在画布左下或右下角；放多个会自动上下堆叠。
• 门店位置的属性面板顶部有个「地图检索」小工具：输入门店名或地址关键字，点搜索结果即可一次性回填名称、地址、经纬度。如果提示「平台未配置地图服务」，手动填坐标也一样能用。
• 富文本字段支持 HTML，保存时服务端会做一次净化，不必担心粘贴进来的内容带脏标签。

顺手的几个键

草稿和发布：为什么我改了前台没变

这是新手最常问的一件事。装修数据有两份：一份草稿、一份线上。你在编辑器里改的、按「保存草稿」存下来的，全是草稿；顾客手机上看到的永远是线上那份。两份数据互不干扰——这正是你能安心在营业时间改首页的原因。

• 点发布会弹出确认框，里面有个「发布说明（可选）」——写一句「本次改了什么」，它会记进版本记录，日后回溯全靠它。
• 如果发布时还有没保存的改动，系统会先自动保存草稿再发布，保证发出去的就是你屏幕上看到的。
• 发布成功后工具条会闪一下「已发布 v3」，页面名旁边的版本徽标同步变成「线上 v3」。

版本记录：发错了怎么退回去

每次发布都会定格一份不可修改的快照。在列表页的更多菜单里选版本记录，或在编辑器工具条点版本记录，右侧会滑出全部历史版本：版本号、发布时间、发布说明、操作人，当前线上那一版带「当前线上」徽标。

• 预览：在手机框里渲染那一版的内容，恢复之前先看清楚是不是你要的那版。
• 恢复此版本：把该版本的内容拷回草稿，线上页面不动。

主题与导航：整站外观

内容 → 主题与导航管的是跟具体页面无关的那层皮：整站主题色和底部导航条。核心规则一句话——每个字段留空就是不覆盖，用客户端自带的默认样式；只有你明确填了值的项才会下发。

整站主题色

色值框旁边有取色器，填过之后会多出一个「清除」按钮把它还原成留空。两个色值框下方的迷你预览会实时显示导航条和主按钮的效果。

底部导航

导航的条数和它们各自指向哪个页面由客户端包固定，后台不能增删或换页；能改的是文案、图标和配色。页面上按第 1 项（默认「首页」）、第 2 项（默认「我的」）分块列出。

• 配色四项：文字色、选中色、背景色、顶部分割线（默认 / 深色 / 浅色）。
• 每一项可改文案（最多 8 字，留空跟随默认）、图标与选中图标。
• 图标建议 81×81 像素的 PNG；微信端使用网络图标需要基础库 2.7.0 以上。
• 只传了图标没传选中图标（或反过来）会有黄字提醒——两个必须成对设置才会生效，避免点选前后视觉割裂。

文章：资讯与图文

内容 → 文章。列表顶部三个筛选：状态分段（全部 / 草稿 / 定时发布 / 已发布）、分类下拉、标题搜索。表格列出标题、分类、状态、浏览量、发布时间，标题后可能带「置顶」和「付费 ¥x」徽标。

点新建文章进编辑页。左边主栏放标题（必填）、摘要（列表与分享处展示的一句话）和富文本正文；右边一列是辅助设置。

• 列表行的更多菜单里有三个轻操作：置顶 / 取消置顶、发布 / 转草稿、删除。改一篇文章的上下架不必进编辑页。
• 分类管理在列表右上角：新建、重命名、删除。仍有文章的分类删不掉——先把里面的文章移走或删掉。
• 文章编辑页同样有未保存守卫：改了没存就想走会被拦一下，改动会在本次浏览中暂存（不关标签页就能回来恢复），关掉标签页则找不回。

素材库：图片视频都从这里来

内容 → 素材库存放本站点的图片、视频、音频与文档，仅本站可见。装修组件里的图片字段、文章封面、导航图标，点开都是同一个素材库（可以现场上传，也可以挑一张传过的）。

• 上传支持一次选多个文件，右上角会显示「正在上传 xxx · 3/8 · 62%」，大文件传到一半可以点「取消上传」。某个文件格式不对或超限只会跳过它，不影响其余文件，末尾会告诉你哪些没传上、为什么。
• 工具栏右侧常驻显示本站已用「共 N 个 · xx MB」，心里有个数。
• 分类用来归置素材：下拉旁的加号新建分类，选中某个分类后可以删除它——只有空分类能删，素材永远不会随分类一起被删。
• 鼠标移到素材卡片上会浮出三个小按钮：移动到分组、重命名、删除。删除不可恢复，注意别删掉还挂在页面上的图。

模板包：把装修搬到另一个站点

开连锁或者做同类站点时，不用一页页重搭。页面装修列表页右上角有导出全部页面，行内更多菜单里有导出模板（只导这一页），导出的是一个 JSON 文件；到另一个站点点导入模板选中它即可。

• 导出时可以勾选「包含主题外观」，把主题色与底部导航装修一并打包；导入时若包里含外观，会覆盖目标站点的外观设置，弹窗里会如实提示。
• 导入进来的页面一律是草稿，不会自动发布，也不会改变目标站点当前的首页 / 会员中心设置——需要你逐个确认后再发布。
• 包里的图片仍然指向原站点的素材地址。跨站导入后建议进编辑器把图片换成目标站自己的素材，避免以后原站清理素材导致图裂。

小程序发布：先完成一次扫码授权

内容 → 小程序发布让你在后台完成小程序的提交代码、提审、上线，不用打开开发者工具。页面分三个页签：授权与发布、发布记录、登录凭证。

1. 1

   发起授权

   点「发起授权」，弹窗里选「打开授权页扫码」（电脑上用微信扫），或者「复制手机端授权链接」发到微信里打开。链接 10 分钟内有效。

2. 2

   小程序管理员确认

   必须由该小程序的管理员微信完成确认，别人扫没用。确认完成后本页会自动更新，不用手动刷新。

3. 3

   补齐登录凭证

   授权成功后 AppID 会自动同步到「登录凭证」页签（原来为空时），但 AppSecret 仍需你自己去那个页签填，否则顾客的小程序登录会用不了。

授权成功后卡片会显示小程序头像、名称、主体、AppID 与授权时间。日常只需要两个按钮：刷新信息（小程序改了名或头像时同步过来）、解除托管——解除只是断开本站点与该小程序的托管关系，不影响微信侧授权，也不影响已经发布的线上版本，随时可以重新扫码建立。

提交、审核、上线、回退

发布卡片分左右两块：左边「进行中」是你当前这一单走到哪一步了，右边「线上版本」是顾客此刻用的版本。整条路径是：提交代码 → 体验版验证 → 提审 → 发布上线。

1. 1

   提交新代码

   选一个平台提供的代码模板（有默认项）、填版本号（如 1.0.0）和版本说明。提交会覆盖小程序的开发版本。

2. 2

   先用体验版验证

   点「体验码」出二维码扫一扫。前提是先在「体验者」里绑好体验者的微信号——微信侧最多 90 人。这一步别省，发布是不可撤销的。

3. 3

   配置域名

   点一次「配置域名」把服务器域名清单下发到小程序，下发成功会提示「域名清单已下发到小程序」。站点换过访问域名后记得重新下发一次。

4. 4

   提交审核

   点「提交审核」后状态变成「审核中」。停留在本页时系统会自动帮你刷新审核状态，也可以手动点「刷新审核状态」。等不及了可以「撤回提审」。

5. 5

   发布上线

   审核通过后才会出现「发布上线」按钮。确认框会告诉你它将替换哪个线上版本——点下去立刻对全部顾客生效。

灰度与回退

• 灰度放量：按 1–100 的比例把新版本放给一部分顾客，其余人继续用旧版。线上版本卡片会挂「灰度 20%」徽标，随时可以「取消灰度」回到全量旧版本。
• 回退版本：回到上一个线上版本，立即对所有顾客生效。回退之后如果又想用回新版，得重新走一遍提审发布流程——所以回退是止血手段，不是切换开关。
• 拿不准后台记的和微信那边是不是一致？点「查询微信侧状态」，会拉回微信侧的线上版本号、体验版版本号与灰度比例给你核对。
• 发布记录页签是完整流水：版本、模板、状态、操作人、提交时间、发布时间，出了问题先来这里看是谁在什么时候发的。

谁能改什么

以上每个页面都受站点角色控制。权限不足时页面不会假装能用——装修编辑器会在工具条右侧显示「只读」徽标并隐藏保存/发布按钮，主题与导航会提示「当前账号仅有查看权限，外观配置为只读」，素材库的上传与删除按钮直接不出现。

• 装修与外观共用一套权限：能看是一回事，能改能发布是另一回事。
• 小程序发布把权限拆得更细：授权绑定、解除托管、域名下发、体验者管理是一类；提交代码、提审、撤回、发布、回退、灰度是另一类。可以只给运维同事发布权，不给他解绑权。
• 角色与权限的分配方式见开店：先做这四件事。

小程序的登录凭证、其他端（网页、支付宝、抖音等）的接入在设置 → 多端渠道，详见触达顾客；面向顾客的推送与公众号内容在触达组。