小程序运营📱

小程序的页面装修是指通过可视化的工具和灵活的设计选项，对小程序页面布局、样式、功能模块等内容进行自定义配置的过程。具体可分为小程序首页和小程序自定义页面，小程序首页即进入小程序的首先呈现的页面，自定义页面则是作为首页跳转的二级页面，需通过首页各组件配置跳转链接方可进入。

一. 首页

在这里你可以对小程序的首页布置进行页面装修，所有配置效果在保存发布后实时同步至小程序首页中。

• 系统默认首页版本
  • 系统在初始化环节中会自动创建一个标准小程序首页版本，并默认开启状态。
  • 可以在默认首页版本进行页面装修，也可以新创建一个页面
  • 对于已经设置了多个版本的页面，只能开启其中一个实时展示在C端
  • 进入装修页面，可以根据需要对小程序的首页进行设置，支持支付宝、小红书、抖音和微信小程序分开设置
  • 页面支持复制，当我们需要在原有页面上修改部分内容但又希望保留原始版本时，可以使用复制功能，快速创建
  • 最多可创建100个版本，当达到数量时可对之前版本进行删除来解决

1. 页面装修流程

1. 点击「页面装修」，进入装修页面
2. 选择合适组件，添加至页面中
3. 按照页面提示设置根据组件类型设置内容
4. 保存发布，可通过二维码扫码预览装修效果

2. 装修基础组件介绍

图片组件

图片组件常用于插入banner或作为其他组件的图形标题使用

• 同个页面最多可使用20个图片组件

1. 首先添加一个“图片”组件，选中图片后拖拽到页面的合适位置即可。

2. 选中“图片”组件后，右边会弹出图片组件的设置页面；

3. 可以对图片边距进行设置，支持下/左右边距修改最大支持16px

4. 可以设置是否对图片使用圆角

5. 可对抖音端、小红书、微信端与支付宝端显示进行控制，如仅抖音端，则表示该部分内容仅能在抖音小程序页面显示，支付宝和微信页面则不显示。默认所有端均显示，可根据实际进行设置。

6. 设置跳转链接。即顾客在点击图片后可以直接跳转到指定着陆页。当然也可以不设置，仅做一张宣传图。

7. 其中图片尺寸需要满足格式jpg、jpeg、png，图片尺寸固定宽度750px，高度不得超过2000px，大小≤600kb

   

图文导航

当SP活动内容过多，无法在单个页面全部呈现时，可根据活动主题和业态将内容分布在多个页面，并在活动主页面中通过图文导航（金刚区）实现引流。

• 同个页面最多可使用20个图文导航组件

1. 在左边页面组件中将图文导航拖拽至小程序页面的适当位置，选中图文导航之后会在右侧出现设置栏；
2. 在这里，你可以设置排列方式以及下边距的修改，支持下边距修改最大支持16px
3. 可对导航项数量进行增减，排列顺序进行调整
4. 点击导航图标后，可对导航名称，跳转链接，显示控制进行设置
5. 图标支持自定义上传

卡片导航

对金刚区功能模块的自定义。

• 同个页面最多可使用5个卡片导航组件

1. 在左边页面组件中将卡片导航拖拽至小程序页面的适当位置，选中卡片导航之后会在右侧出现设置栏；
2. 可以卡片导航进行排列方式的调整以及边距的调整
3. 系统初始化中自带「附近门店」、「线上订单」、「卡券包」三个导航栏
4. 点击导航图标后，可对导航名称，导航简述，跳转链接，显示控制进行设置
5. 图标支持自定义上传

轮播焦点图

用于多张图片展示场景，点击图片可进行页面跳转

• 同个页面最多可使用20个轮播焦点图组件

1. 在左边页面组件中将轮播焦点图组件拖拽至小程序页面的适当位置，选中轮播焦点图之后会在右侧出现设置栏
2. 可对下边距进行调整，支持下边距修改最大支持16px
3. 上传图片，图片规格需满足：格式jpg、png，宽高1344px*528px，大小≤600kb，最多添加16张
4. 当添加了多张图片时，可对其排列顺序进行调整
5. 设置跳转链接后，可对显示控制进行设置，即对抖音端，小红书，微信端及支付宝端是否显示进行控制设置

沉浸式轮播

用于小程序首页顶部多张图片轮播，支持包含顶部页面标题在内的更大区域的海报图配置，提升页面的氛围感。支持配置跳转链接后点击图片可进行页面跳转。

• 同个页面最多可使用1个沉浸式轮播组件

1. 沉浸式轮播图对图片设计要求较高，banner主视觉和文字不可放入预留区域防止被搜索条及页头遮盖，预留区域为图片上面，高度为432px

2. 图片格式支持jpg、png，宽高1125px*1284px，大小≤600kb，最多添加16张

3. 可以设置展示方式，有三种类型可选择：超大，大，标准。系统可预览效果

4. 添加图片后，可对页头文字颜色，跳转链接，显示端进行设置

   • 页头文字颜色：目前仅支持微信端修改页头文字： 包括手机端电量、信号标志、电量、WiFi等标志颜色

   • 跳转链接，配置后点击图片即可跳转至对应链接页面

   • 显示控制：可以对抖音，小红书，微信，支付宝端是否显示进行设置（当系统未授权抖音/小红书/支付宝/微信小程序时，则不能设置对应端显示）

自定义热区

支持一张图片配置多个热区跳转链接，进行商场活动功能导航

• 同个页面最多可使用20个自定义热区组件

1. 图片的上传需满足格式jpg、jpeg、png，图片尺寸固定宽度750px，高度不得超过2000px

2. 支持是否对抖音端，小红书，微信端，支付宝端显示进行控制

3. 在设置热区时，支持热区的复制及删除

4. 每个热区可以设置不同的页面地址

5. 一张图的热区有数量的限制

   • 一张图最多添加30个热区。报错提示：“图片热区最多添加30个”

   • 最少添加1个。报错提示：“图片热区至少添加1个”

3. 装修营销组件介绍

有价券橱窗组件

可根据品牌、业态、价位等维度自定义不同主题的货架，并自由添加所有应用类型的有价券进行推荐展示。

• 同个页面最多可使用20个有价券橱窗组件

1. 将有价券橱窗组件拖拽至页面画布中，点击一下画布中的该组件，进行组件设置
2. 有价券橱窗组件支持沉浸式背景模式，如同一品牌券，可设置沉浸式背景打造品牌氛围
3. 如果不需要沉浸式背景模式，可选择无背景模式，该模式下可设置是否显示标题，标题自定义
4. 可根据卡券数量设置排列方式：一列、两列、三列、滑动
5. 支持对显示端进行设置，如只选择抖音端，则表示该商品只能在抖音端露出售卖
6. 最后点击「添加有价券」，在有价券列表中选择要展示的有价券，可选择不同售卖时间的有价券
7. 支持设置有价券默认排列数量

限时售卖货架组件

常用于波段式的节点售卖活动，相较于有价券橱窗更加强调时效性，仅可展示限时售卖计划所关联的有价券。（限时售卖计划中的有价券具有相同的售卖时间和售卖结束时间，小程序端显示时将会显示距离本场开始/结束仅剩多少时分秒）

• 同个页面最多可使用20个限时售卖货架组件

1. 将限时售卖货架组件拖拽至页面画布中，点击一下画布中的该组件，进行组件信息设置
2. 输入标题，可设置是否显示标题，若关闭，则小程序页面中不显示所设置的标题
3. 根据卡券数量设置排列方式：一列、两列、三列、滑动
4. 设置显示端，支持对不同端小程序显示端进行控制，如仅选择抖音端，则只在抖音小程序中显示
5. 添加限时售卖计划，进入限时售卖计划列表中添加所需的计划，如果没有所需要的，可点击「前往创建限时售卖计划」

城市热卖组件

用于向用户展示其定位城市适用的有价券，未上架或审核未通过的有价券不展示。

• 同个页面最多可使用1个城市热卖组件

1. 将城市热卖组件拖拽至页面画布中，点击一下画布中的该组件，进行组件信息设置
2. 可设置卡券排列方式，其中「自动」表示：自动根据当前城市适用有价券的数量规则进行排列展示，≤5：一列、6-10：双列、≥11：三列。
3. 支持下边距修改最大支持16px
4. 设置显示端，支持对不同端小程序显示端进行控制，如仅选择抖音端，则只在抖音小程序中显示
5. 设置选择行数：设置默认展示的有价券行数，超出部分需要用户点击「查看更多」

4. 小程序跳转携带动态业务参数

功能说明

该功能支持影能小程序在跳转其他小程序/H5页面时,自动携带动态参数（如手机号），从而实现顾客在跳转到目标小程序/H5页面时的单点登录，提升顾客体验。

此功能的实现需要目标小程序进行开发对接，如需使用请联系影能项目经理。

1. 商管后台配置

• 在小程序装修中，跳转链接选择为微信小程序链接/支付宝小程序链接/ 抖音链接/H5链接时，可选择需要携带的业务参数。
  • 手机号：顾客手机号，没有则为空
  • 会员卡号：会员卡号，没有则为空
  • 商场编码：当前顾客小程序页面所在商场的商场编码
  • 外部商场编码：当前顾客小程序页面所在商场的外部商场编码
  • openid/userid：当前顾客登录小程序的openid/userid
  • unionid： 当前顾客登录的unionid

2. 跳转逻辑

• 微信/支付宝/抖音/小红书小程序，均可跳转H5页面
• 微信小程序可跳转其他微信小程序；支付宝小程序可跳转其他支付宝小程序
• 抖音/小红书小程序，不可跳转其他小程序

3. 使用动态参数对接指南

可向影能项目经理获取【小程序跳转携带参数对接指南】

二. 自定义页面

自定义页面中装修组件与首页中一致，可作为二级页面，通过在首页中设置跳转链接为自定义页面实现对外展示。

示例：

在首页装修中，沉浸式轮播图中设置跳转链接，链接类型选择自定义页面，选择自定义页面名称，保存发布后，顾客即可通过点击该轮播图跳转至自定义页面中。

三. 推广渠道

可设置推广渠道，用于链接提取器或者页面装修中推广渠道的配置

1. 支持批量输入推广渠道，需要用回车换行来区分不同的推广渠道

2. 推广渠道设置完成后，点击进入查看详情，还可进行渠道明细的创建。如推广渠道为电梯，明细可设置A1，B2，用于更细化会员开卡来源

3. 可对推广渠道是否启用进行设置。创建完成后默认开启，如未启用，则该推广渠道会在推广渠道选择器中会被过滤，但已经携带该渠道参数的二维码或链接的数据统计并不会受影响。

• 对于门店的推广渠道在门店添加后会自动创建，无需再单独创建
• 推广渠道名称可以再编辑，再次编辑后，相关推广渠道也将随之改变

场景一：页面装修

在页面装修中，使用基础组件配置跳转链接时，可添加推广渠道，从而获取相应数据。

场景二：链接跳转

可在通过链接生成器提取小程序链接，配置到公众号或其他平台时，可在该链接中添加推广渠道，从而可知晓有多少用户是通过该种方式参与活动的。