1. 再回到唛盟,进入行业通用DIY小程序进行装修
![](https://box.kancloud.cn/14919c10878782d1f67e4ea4a4fc7939_430x155.png)
2. 在模板管理里面,我的模板-添加模板
![](https://box.kancloud.cn/e315aebd4339686dc44ca31554ba12b7_452x200.png)
根据自己需求编辑模板信息并上传封面
![](https://box.kancloud.cn/c6cf2f307ef9534e329b38b99937e40c_377x236.png)
添加页面
![](https://box.kancloud.cn/0aaedf0ae61b6be988840d6f96656006_392x232.png)
添加页面后,先编辑首页,备注名称是为了后台方便管理,自己对编辑的页面进行的取名,方便区分其他页面,页面标题是小程序顶部的标题,例如:唛盟商城,这是展示在外的。
![](https://box.kancloud.cn/2f389b45540e98d336389c52d76b4f0e_424x201.png)
3. 根据自己的需求DIY装修,在模块里添加自己想要的版块,一般来说,首页有幻灯片,所以优先添加幻灯片。每个模板都可以自由编辑,上传的图片,为了清晰,建议上传3780*2520像素图片。
![](https://box.kancloud.cn/418d02486856392507fa0bb34576aed5_414x222.png)
上传图片
![](https://box.kancloud.cn/57ff70d91ef76a3335ac5ed0b04286a7_425x187.png)
![](https://box.kancloud.cn/a07357532ba1b0e4807e43a5d8517090_428x197.png)
也可以继续添加幻灯片
![](https://box.kancloud.cn/ec321d72ccf689f8c348eee4ade5f165_436x157.png)
设置链接不管是幻灯片还是导航图片,当您需要别人点击图片能跳转其他内容时,就必须设置链接。
![](https://box.kancloud.cn/1c34d99fa2defaf2a04a159fc37745b3_385x205.png)
4. 跳转页面
如果您想要点击图片跳转到另一个页面内容,就需要再新建一个页面,并进行编辑。记得备注名称是为了区别其他页面,并且为了设置链接时输入的名称。
![](https://box.kancloud.cn/ee86731fddbe6cd71e393e431fb149e1_380x97.png)
添加新的页面并编辑
![](https://box.kancloud.cn/b8f4e09d360bec2974dc9b8aa7ad50f4_397x234.png)
保存后,在页面列表里就会出现您刚编辑的页面
![](https://box.kancloud.cn/7751abc13aa3b8435388b455602b9e79_430x151.png)
再编辑首页设置链接
![](https://box.kancloud.cn/825410f3926d5469dc1dd4053cbf166c_431x137.png)
![](https://box.kancloud.cn/b88a49f763491eb85171f96961abb6d6_389x207.png)
![](https://box.kancloud.cn/7887332078d627fa554dbd4c862f304d_397x256.png)
那么在点击这个图片时,就能跳转到您想要的新页面。
![](https://box.kancloud.cn/373ce88eedc76f3f4daa4a4b0f63dd68_410x247.png)
5. 拨打电话
当您需要点击图片直接呼出电话的效果,就把电话号码写上去就可以了。
![](https://box.kancloud.cn/522887bf3641886cc1079fdfe368b692_429x124.png)
6. 地图位置
当您需要点击图片或者图标就显示位置时,就选地图位置,并设置您想要的定位。
![](https://box.kancloud.cn/faffe8acae563d228e2f12ed78f1b98a_429x117.png)
搜索您要的地理位置
![](https://box.kancloud.cn/a3e9500f45095125c7f18ee987445681_398x283.png)
选择,确定
![](https://box.kancloud.cn/2972b523e42497a5a112041e0573a1a3_398x320.png)
完成
![](https://box.kancloud.cn/3ed205c5669d47e3f2abe66be2dac83c_435x119.png)
7. 添加导航,和幻灯片一样,在模块里直接添加,图片可以换,建议是88*88像素,字体可以编辑。
![](https://box.kancloud.cn/b9e14ab1a4ead62fdda467f29609c5da_405x245.png)
导航图标个数可选择
![](https://box.kancloud.cn/83d2bbc60932fb90293ab2838785e7bb_416x218.png)
导航名称可编辑
![](https://box.kancloud.cn/f279a0e8e2758d08fa4a2230e4463523_437x190.png)
设置链接同上
8. 添加视频
当您需要添加视频时,直接在模块里添加。
![](https://box.kancloud.cn/0352b52405ab2cff5f67b67e29b5f442_425x153.png)
视频来源最好选腾讯视频,系统比较兼容。
首先在腾讯视频找您需要的视频,腾讯网址:https://v.qq.com/
![](https://box.kancloud.cn/6554864d5d8df2243ba965b44ce85cf9_378x147.png)
找到视频后,鼠标右键,复制视频页面地址粘贴到视频链接里面。
![](https://box.kancloud.cn/b5727b85e9665b240bb534aceb279952_426x184.png)
![](https://box.kancloud.cn/d4a1ef652cfb948fe58e4c27b90e4b26_426x180.png)
9. 添加表单
假如您需要有类似预定功能或者需要客户报名的版块,就可以添加表单。
![](https://box.kancloud.cn/0b8b2ae65e4f2e6e68620987aa68409e_424x197.png)
编辑表单
![](https://box.kancloud.cn/e5edea12cc8569f402196e79ba60fab9_428x176.png)
点击输入框可再添加一栏。
![](https://box.kancloud.cn/1902b519e1382d6671037e40a898dba4_397x207.png)
还可以预定日期,直接点击日期选择器
![](https://box.kancloud.cn/175c4f1d893519469b9b2f85e54569c7_397x206.png)
最后手机上预览的效果
![](https://box.kancloud.cn/15fc5fda59f260df010311d853b8c281_176x312.png)
![](https://box.kancloud.cn/a78e9b745fd0de89e57972c4b0b5bdcf_167x296.png)
![](https://box.kancloud.cn/6dfa9b5829efe4ef5e0f51fc61419a2e_173x308.png)
![](https://box.kancloud.cn/67328f283b6539c784db95d849695d36_175x311.png)
10. 设计导航
这是底部菜单,必须设置链接选择你要跳转的页面,比如首页,否则手机上预览一片空白没有内容!图标和文字自行编辑,设置链接方法同上。
![](https://box.kancloud.cn/fcf00cc265cd173e3e9b8a22d3dce3a3_397x238.png)
![](https://box.kancloud.cn/3a6e77bed0d31ade4dc9c42e1f03c8e3_622x478.png)
![](https://box.kancloud.cn/39eff798e5fdfea9561cbbd1632d0f7d_852x527.png)
如果您需要类似“购物车”、“个人中心”的导航,直接在其他页面中选择,这是系统自带的,不需要您自己去编辑新页面了。
![](https://box.kancloud.cn/31531d343b82ca926d06ae968a3d066e_632x514.png)