小程序装修能做什么:32 个组件、用品商城和每块被点了多少

更新于 2026-10-25 · 宠舍 FanMeowy

现在首页、活动页这类装修页面可以从 32 个组件里挑着放:基础 15 个、宠物 12 个、商城 5 个(商品橱窗、搜索框、分类 Tab、领券、你家的猫在吃)。商品橱窗按分类、品牌、分组、新上架、卖得最好、限时价这些条件自动取商品,上新、下架、改价不用回来改装修;一张图可以分区域各点去一处;每页能设顶部搜索栏、悬浮按钮和分享卡片;装修器里每块标着近 7 天被买家点了几次。App、网页后台、电脑版都能装,也可以在 App 里跟小饭说一句「帮我把用品首页装修一下」,或者让它只改一块、看看哪块没人点。

装修能装哪些页、有几种装法

装修改的是买家打开小程序看到的样子:首页、活动页这类装修页面,买家点「种群」看到的种群页,点开一只宠物看到的详情页,还有底部导航和开屏。装修不动宠物档案、客户和订单。

装法有三种,可以混着用。

小程序用品首页截图:顶部搜索栏、轮播图、公告、领券、限时价和右下角悬浮按钮
一个装好的用品首页:顶部搜索栏、公告、领券、限时价,右下角是悬浮按钮
三种装法
装法适合在哪
用一套装修套装第一次装,或者想整体换个样子App「小程序 → 装修页面」点「用一套装修」
自己加模块细调某一页,或者从空白页做起装修页面里点开一页,在装修器里加、改、排
跟小饭说商品多的用品首页,想省事App 里打开小饭直接说

32 个组件:基础 15、宠物 12、商城 5

在装修器里点「添加」,组件按基础、宠物、商城三组排,带「新」标的是这次新加的。小程序更新到新版本后,买家那边才会显示带「新」标的组件。

种群页、详情页也能放其中大部分;搜索框、分类 Tab、你家的猫在吃只在首页、活动页这类装修页面里用。

App 手机装修器添加模块截图:全部 32 个,商城组五个组件
添加模块:全部 32 个,商城组有商品橱窗、搜索框、分类 Tab、领券、你家的猫在吃
装修器里能加的组件
分组组件
基础 15轮播图、单张图片、魔方、公告、Banner、快捷菜单、多行菜单、导流栏、水平滚动、标题、正文、视频、双列视频、按钮、分割线
宠物 12数据展示、宠物复合轮播、宠物列表、宠物轮播、宠物介绍、自动滚动、宠物展示、魔镜记录、星球、宠舍足迹、宠物水平滚动、视频墙
商城 5商品橱窗、搜索框、分类 Tab、领券、你家的猫在吃

商品橱窗:按条件自动取商品,上新下架不用回来改

先选「取哪些商品」:按分类、按品牌、按分组、店里推荐、新上架、卖得最好、限时价,或者自己挑。按条件取的,上新、下架、改价以后买家看到的跟着变,不用回来改装修;自己挑的最多 20 件,按挑的顺序显示。按分类、品牌、分组、店里推荐取的,还能选先排哪些、最多显示几件,设置里会写「现在符合几件,显示前几件」。

排法有五种:大图(一行一个)、两列、三列、列表、横滑。显示什么也能选:划线价、已售和规格、会员价(只有会员看得到)、加购按钮的样子、角标(商品在「热卖」「新品」这类分组里就带上),以及售罄的商品变淡留着还是不显示。价格和库存都是买家打开时现取的。

商品橱窗设置截图:取哪些商品八种方式、最多显示几件、现在符合几件
取哪些商品:八种,下面写着现在符合几件
商品橱窗设置截图:大图、两列、三列、列表、横滑五种排法,近 7 天点击次数
五种排法,上面是这一块近 7 天被点了几次
小程序截图:新上架横滑商品、分类 Tab 和两列商品
买家看到的:新上架横滑,下面是分类 Tab

魔方、搜索框、分类 Tab、菜单角标:把用品商城排清楚

魔方是一组图片格子,六种版式:一行两个、一行三个、一行四个、左一右二、上一下二、图文格。图文格适合做「逛逛分类」:可以直接用商城的一级分类自动排(最多 8 个),名字和件数自动写;图里不用写字,标题由组件画,换季改字不用重做图。

搜索框放在页面里,点了去商品搜索页,下面可以带一排热词(最多 8 个,每个 6 个字以内),点热词直接搜。

分类 Tab 把商品分类做成一排 Tab,下面跟着商品。可以直接用商城一级分类,也可以自己挑分类、分组或品牌(最多 8 个);第一个 Tab「全部」显示全部在售,Tab 那一行滑到顶会停住。

快捷菜单和多行菜单的每一项可以加角标,比如「热卖」「新品」「限时」,4 个字以内,三种样式。做品牌墙时用多行菜单放品牌,每一项链到这个品牌的商品。

魔方设置截图:一行两个、一行三个、一行四个、左一右二、上一下二、图文格六种版式
魔方的六种版式
小程序截图:逛逛分类图文格自动写件数,常买品牌菜单带热卖、新品、限时角标
图文格「逛逛分类」和带角标的品牌菜单
小程序墨夜风格截图:带热词的搜索框、一行两个的魔方、品牌菜单、大图商品
墨夜风格:带热词的搜索框、一行两个的魔方、大图商品

点了去哪:链接和图片热区

菜单的每一项、按钮、轮播图每一张、单张图片、魔方每一格、模块标题右上的入口,都能设「点了去哪」。能去的地方分四类:商品(商品分类、单个商品、品牌、商品分组、搜索结果、优惠券)、店铺页面(自己做的装修页面,以及首页、种群、购物车、我的订单这类系统页面)、宠物(某一只的详情、按条件列一组)、其他(文章、网页,公众号文章也能放)。

一张图想点不同的地方,用热区:选「分区域,各去各的」,在图上画框,每个框单独设去哪;也可以「按格子自动分」成 2×2、2×3、2×4 或 3×3。单张图片和轮播图的每一张都能画。

点了去哪选择面板截图:商品分类、单个商品、品牌、商品分组、搜索结果、优惠券,店铺页面,宠物
点了去哪:商品类有六种
网页后台装修器截图:单张图片分区域设置,按格子自动分,每个区域单独设置链接
网页后台画热区:每个区域单独设链接,也能按格子自动分

整页设置:顶部栏、悬浮按钮、分享卡片

在装修器的「页面」里设整页的东西。顶部栏有三种:只写店名;店名下面一行搜索栏;压在首图上(往下滑变成店名)。搜索栏这种左边可以放「全部分类」,右边放购物车、加微信或我的订单。

悬浮按钮在右下角,最多 3 个:加微信、购物车(带件数)、打电话、回到顶部(滑过一屏才出)、去种群。

分享卡片:每页单独写转发标题(30 字以内)和图;不设就用店铺的转发封面。

网页后台装修器截图:左侧页面结构带点击次数,右侧页面设置里的顶部栏、悬浮按钮、分享卡片
网页后台:右边是页面设置(顶部栏、悬浮按钮、分享卡片),左边每块写着近 7 天的点击

领券、公告和「你家的猫在吃」

领券组件把优惠券放到页面上,买家直接点「领取」。可以设成自动(本店现在能领的都列出来),也可以自己挑 1 到 6 张;横排可滑,或者一行一张。券在 App「小程序管理 → 优惠券」或网页后台「营销 → 优惠券」里建。

公告放一两句要紧的话,比如休息日、包邮门槛:一行滚动轮流显示,或者整段显示,最多 5 条,每条都能设点了去哪。

「你家的猫在吃」是只给家长看的一块:从你这里接走宠物的家长打开小程序,能看到自家每只宠物口粮本里关联了本店商品的口粮,带「再来一包」,还能显示按喂量算出来大约哪天吃完。不是家长的买家打开,这一块整个不出现。记口粮时关联了本店商品,口粮才会出现在这里。

装修器截图:你家的猫在吃,只有本店家长看得到,示例卡片带再来一包和吃完日期
「你家的猫在吃」在装修器里画的是示例,买家那边只有家长看得到

每块被点了多少

装修器的「结构」里,每块旁边写着近 7 天被买家点了几次,可以按页面顺序看,也可以按点击多少排。近 7 天点得明显少的那块,下面会提示一句,比如「新上架」7 天只被点了 12 次,可以换一批商品,或换成别的分类。轮播图、菜单、魔方这种有好几项的,在这一块的设置里能看到每一项各被点了几次。

只算买家在小程序里点的,你和成员自己的号点的不算。买家的小程序更新到新版本后开始记。

App 装修器页面结构截图:每块写着近 7 天点击次数,点得少的那块下面有提示
页面结构:每块近 7 天被点了几次,点得少的那块会提示

让小饭装:整页装好用品首页,也能只改一块

在 App 里打开小饭,说「帮我把用品首页装修一下,猫粮和冻干放前面」。小饭先看店里在售的商品:各分类有多少件,卖得多的是哪些品牌和商品,再给出一页的方案,比如顶部搜索栏、分类图文格、常买品牌、按销量排的猫粮、冻干横滑和「你家的猫在吃」。

分类图文格的图可以让小饭画。画图按宠豆计费,开始前会先告诉你画几张、要多少宠豆(以页面实时显示为准),你说开始它才动手。装好后存成一个新页面「用品首页 · 小饭」,不覆盖现有的页面,也不会自动设成首页;你在装修器里看过、改过,再决定要不要设成微信首页。装的过程中你在装修器里放进去的图,小饭不会替换。

已经装好的页面,也可以让小饭只改一块,比如「首页加个搜索框,热词写冻干、猫砂」「这块商品橱窗只放一个品牌」「快捷菜单第一项加个热卖角标」「右下角放加微信和购物车」「这一页转发的标题改一下」「这个按钮点了去购物车」,或者问它「哪块最近没人点」。只改一块不画图、不花宠豆;改完直接生效,改错了可以在「页面 → 历史版本」里回去。图片热区要在图上画框,还是在装修器里设。

App、网页后台、电脑版都能装

App 和网页后台里的装修器是同一套网页,打开就是最新的,不用更新 App。电脑版要更新到新版本才有下面这些新设置,更新前可以先用 App 或网页后台。网页后台进入装修需要大会员,以页面提示为准。

三端装修能做的事
能做的事App网页后台电脑版
加组件、改设置、排顺序有有有
商品橱窗按条件取、魔方、搜索框、分类 Tab有有新版本起
热区(单张图片、轮播每一张)有有新版本起
顶部栏、悬浮按钮、分享卡片有有新版本起
领券、公告、你家的猫在吃有有新版本起
每块被点了多少有,每一项也能看有,每一项也能看新版本起,看整块
用一套装修套装有暂无暂无

怎么让买家看到

改完点「发布」才对买家生效;每次发布前自动留一版,在「页面 → 历史版本」里能回到最近 30 版中的任意一版。

带「新」标的组件、商品橱窗的新排法、热区、顶部栏这些,要你的小程序更新到新版本才会显示;还没更新的小程序先不显示这些,其余照常。小程序现在的版本在 App「小程序管理」里能看到,也可以在那里提审发布新版本。

常见问题

商品橱窗里的价格会过期吗?

不会。不管是按条件取还是自己挑的,买家看到的价格和库存都是打开那一刻现取的;下架、删掉的商品不显示。

以前做好的商品橱窗还能用吗?

能。以前挑好的照旧显示;打开设置,「取哪些商品」默认是「自己挑」,想改成按分类、品牌这些条件自动取,点一下就换。

魔方和轮播图怎么选?

轮播图是几张图轮流换,适合放活动海报;魔方是一组固定排好的图片格子,买家一眼看全,适合做分类入口、专区入口。

手机上能画热区吗?

能。在 App 装修器里选单张图片或轮播图的某一张,点「分区域,各去各的」,在图上画框,或按格子自动分。网页后台也能画,电脑版更新到新版本后也能画。

「你家的猫在吃」我自己打开为什么看不到?

这一块只给本店家长看,而且宠物口粮本里的口粮要关联本店在售的商品。你用自己的号打开看不到是正常的,在装修器里能看到示例。

点击次数从什么时候开始算?

买家的小程序更新到新版本后开始记,显示近 7 天的;你和成员自己的号点的不算。

让小饭装修要花钱吗?

排方案、装页面、只改一块都不收费;让小饭画图按宠豆计费,开始前会告诉你画几张、要多少宠豆,以页面实时显示为准。

还没用上宠舍管家?了解宠舍管家 · 繁育人专业平台

© 2026 宠舍 FanMeowy - 宠物管理平台