新手入门编辑模板

新手入门编辑模板—以单页版为例

【单页版的编辑】

单页版是一个可以利用原有支持功能,按照需求在页面上添加功能组件编辑设置的版本

编辑步骤为:

1. 授权小程序账号绑定模板(步骤:小程序管理----我已有小程序账号,马上去授权)

http://i.vzan.cc/temp/image/png/2018/12/24/121418cd96d877c0e54b8f87a8f0041cb6cdf1.png
 

2. 小程序编辑:小程序编辑里面的组件都是框架,是用于承载内容,如图片,富文本等待的,可以根据要求调整组件的位置页面上添加功能组件编辑设置:

(1)轮播图:可以图片自动轮播,自由手动切换,一般用作广告图展示,让页面更加丰富。步骤:自定义页面---轮播图

http://i.vzan.cc/temp/image/png/2018/12/24/1214293aa4b080a357447c878e551a34a5acac.png
(2)表单:自定义表单,让客户填写信息提交,信息存在于【自定义表单】里,一般用作预约功能或者收集用户信息留言等等。

http://i.vzan.cc/temp/image/png/2018/12/24/121441ffa9936b7d6547dd97123df091063a48.png
 

(3)拨打电话:可以设置店主的电话,用来用户和店主的联系方式。

http://i.vzan.cc/temp/image/png/2018/12/24/12144996a23e2e6ff2451da93b2dd926850330.png
 

(4)富文本:可以编辑文字或者上传图片,让小程序内容更加详细。

http://i.vzan.cc/temp/image/png/2018/12/24/121501c113eaf824824ab09156e225167114f4.png
 

(5)视频:上传视频展示。

http://i.vzan.cc/temp/image/png/2018/12/24/121514de1f2a77aef849f0b8aed2c1d34b85bc.png
 

(6)图片:可以上传产品图片或者店铺图片等等来展示。

http://i.vzan.cc/temp/image/png/2018/12/24/1215240eaec988d50040f480b622595f56ba83.png
 

(7)地图:设置地图,用户进入小程序可点击导航到设置的地址

http://i.vzan.cc/temp/image/png/2018/12/24/1215376570e8d0b06e4417bf5ed9b481984afc.png
 

http://i.vzan.cc/temp/image/png/2018/12/24/121547421dee298dc7439494778f64af6fd85e.png
 

(8)背景音乐:可上传音乐展示,一打开进入小程序音乐就会自动播放,有利于营造氛围

http://i.vzan.cc/temp/image/png/2018/12/24/121558e4c5c44be95c4c06b916ca96e78577d3.png
 

(9)广告:广告组件的使用前提是:小程序账号开通了流量主  (用户1000以上) 可以接腾讯的广告 ,赚取广告费

http://i.vzan.cc/temp/image/png/2018/12/24/121606be0527d4126147c78e66f5f84e0a4b0f.png
 

(10)关注公众号功能:扫小程序码会显示公众号,可以直接通过小程序关注公众号。

http://i.vzan.cc/temp/image/png/2018/12/24/121618d8a2104d959f43d5b893766b82cfa747.png
 

设置前提:微信公众平台--设置--接口设置--开启公众号关注组件选择关注的公众号(需要同主体),扫码进入小程序可关注该公众号

http://i.vzan.cc/temp/image/png/2018/12/24/121628c94e67d9d0e94b5e86ac755cb122bdd2.png
 

3,预览小程序设置效果

步骤:小程序管理页面---第三方操作界面---- 设置体验者-获取体验者二维码---体验者微信扫码预览小程序。

http://i.vzan.cc/temp/image/png/2018/12/24/1216378adf147a465946f48da21ab3e94fd2e7.png
 

4,发布小程序

步骤:小程序管理页面---进入个人操作界面

http://i.vzan.cc/temp/image/png/2018/12/24/121658eae547d5bfad4728bddce331dc097007.png
 

点击打开操作文档,按照操作文档步骤,一步步操作。

http://i.vzan.cc/temp/image/png/2018/12/24/121719d4097868d46b40d29e06fe6ae6b09571.png

0 个评论

要回复文章请先登录注册