H5样例

## H5样例 `当前文档更新时间2020/06/16` #### 本页目录 1.查看全部H5样例 2.查看H5样例详情 3.通过链接体验示例 4.通过二维码/小程序码体验示例 5.提交需求单 6.使用模板创建H5活动 ### 1.查看全部H5样例 登录业务平台后点击 H5样例管理-H5样例查看 >w 若无菜单,请联系管理员在[客户列表](doc:Gu1dEiSA)检查你账户的角色关联的权限 >w 若管理员无配置菜单权限,请联系橙蕉运营人员或代理商 ![image.png](https://cos.easydoc.net/29764780/files/k8flogoi) ### 2.查看H5样例详情 登录业务平台后点击 H5样例管理-H5样例,点击一个H5样例进入详情(如上图) ![image.png](https://cos.easydoc.net/29764780/files/k8flxqox.png) ### 3.通过链接体验示例 若样例以H5形式展示,请复制链接发送到手机端,使用手机微信打开或者浏览器打开即可从客户角度体验活动 ![image.png](https://cos.easydoc.net/29764780/files/k8fm2d31.png) ### 4.通过二维码/小程序码体验示例 若样例已发布到小程序或链接生成了二维码,则可以扫码体验 ![image.png](https://cos.easydoc.net/29764780/files/k8fm2r1k.png) ### 5.提交需求单 登录业务平台后点击 H5样例管理-H5样例,点击一个H5样例进入详情,点击右下角或页面底部的提交需求按钮提交需求,提交后可以在[需求单详情](doc:Ol2qZMGh)中查看 ![image.png](https://cos.easydoc.net/29764780/files/k8flz7gz.png) ![image.png](https://cos.easydoc.net/29764780/files/k8fn9vkz.png) ### 6.使用模板创建H5活动 #### 6.1找到关联模板的H5活动 登录业务平台后点击 H5样例管理-H5样例,搜索活动关键字如红包,找到心仪样例时,点击H5样例进入详情,若此活动不需定制可直接创建你自己的H5活动,右下角或页面底部有H5活动按钮创建H5活动(若没有此按钮,请联系您的代理商或橙蕉运营开通此功能)。点击创建H5活动。 ![image.png](https://cos.easydoc.net/29764780/files/kbgcg36s.png) #### 6.2填写活动信息 ![image.png](https://cos.easydoc.net/29764780/files/kbgd0ool.png) #### 6.3保存活动信息 ![image.png](https://cos.easydoc.net/29764780/files/kbgd3hjv.png) #### 6.4查看H5配置 新增成功后点击修改配置,或点击查看H5活动详情后点击修改配置按钮进入修改配置页面配置此活动的具体信息。↓ ![image.png](https://cos.easydoc.net/29764780/files/kbgd5mxt.png) 具体配置信息,请参考H5活动模板配置说明中您所选的活动,目前支持的活动包括: 1.[红包助力活动](doc:HGPJISQO) #### 6.5活动发布到小程序 活动创建成功后,上下架操作请到活动管理-[H5活动](doc:LgPI40So)中处理。因活动具有短期时效性,默认上架后不会显示到小程序端,建议您进入资源位管理中,设置首页[开屏图](doc:uBvRbo0Z)、[轮播图](doc:SelWw8ed)等明显位置跳转到活动详情。