1. 登入微信公众平台网址:https://mp.weixin.qq.com/输入您的邮箱账号及密码。
![](https://box.kancloud.cn/8a6184f793afc37ad623ea5f75a96bf4_459x185.png)
管理员扫码进入
![](https://box.kancloud.cn/455c1ab55e83875f0264372a59337c2e_355x141.png)
进入后,在设置-基本设置里找到您的原始ID,在开发设置找到您的APPID(小程序ID)和APP Secret(小程序密钥)并记下来。
![](https://box.kancloud.cn/9d1bba31b9555a4d79b3afcb6daceb93_445x197.png)
![](https://box.kancloud.cn/ab5451b98518f13af6898fcdc36035f7_440x174.png)
![](https://box.kancloud.cn/4575efbb3b68b0dc633b8c3744e0e6a1_438x181.png)
一定要在开发设置里添加服务器域名
![](https://box.kancloud.cn/e0ae60a113e07f88107c8e306db1a5a0_415x158.png)
服务器域名直接复制唛盟的网页,因为是在唛盟上制作小程序,注意的是只用复制WX.hongmaiwang.cn
![](https://box.kancloud.cn/b15c7f310042ab5f9076e45d4526acb1_470x253.png)
![](https://box.kancloud.cn/d81cfeee6f64bb3146f095745c59ddf8_441x249.png)
2. 登入唛盟网址:https://wx.hongmaiwang.cn/
注册您的小程序,用户名写中文,密码建议用您在微信公众平台的密码。
![](https://box.kancloud.cn/ef8b2b3c6114be67df6bd1de309cb0a7_449x213.png)
再直接输入您的用户名和密码登入。
![](https://box.kancloud.cn/53f6af643ea1842cab1629b50f9dcdb5_385x184.png)
3. 进入页面后新建小程序,将之前在微信公众平台的信息填写上去
![](https://box.kancloud.cn/fe5875e823b7a8a6b0230cf214ddbbee_450x186.png)
![](https://box.kancloud.cn/284cf0c36da2adc3342e1c1b8eeda759_435x221.png)
记得添加应用,添加行业通用DIY小程序,生成版本。
![](https://box.kancloud.cn/c36f4925910f6d66d27052e55db08355_397x102.png)
![](https://box.kancloud.cn/0500401eed76701bcd8092eb4fb4ce18_397x120.png)
![](https://box.kancloud.cn/a070b1d29258777f5c9bfd48f35258d0_426x205.png)
4. 生成版本后,点击上传微信审核,这样就可以一边装修,一边在手机上实时预览。
需要等该15秒
![](https://box.kancloud.cn/bd4e29dd651c2281ee41e854e412fbb1_410x138.png)
管理员扫二维码
![](https://box.kancloud.cn/dbfa3e695358948b6a7ac865eee65ab7_398x165.png)
版本号写纯数字,版本描述根据自己小程序随意填写,然后点击上传代码
![](https://box.kancloud.cn/c74c7bced5779315e780c1fcdecf3a3c_397x133.png)
上传成功后,去提交审核
![](https://box.kancloud.cn/0ba18ed283876dd948d0e534ab49df14_397x141.png)
会自动跳转微信公众平台,输入您微信公众平台的账号和密码
![](https://box.kancloud.cn/3e67197a411e7945eabea88f5bbea773_397x147.png)
管理员扫码进入
![](https://box.kancloud.cn/75364b3d41810b984b62cc4f46acba43_276x160.png)
在首页-前往发布
![](https://box.kancloud.cn/8ce466a0c1ea71b81abaf8e4e49eab26_347x148.png)
![](https://box.kancloud.cn/7a38d916c2a660e94476dbb7d046e829_397x89.png)
选为体验版本(体验版本是您在没有正式发布前,只是方便自己预览不对外公开的版本)
![](https://box.kancloud.cn/fc269c4c3b1b31f59a5227e287e47dcf_398x113.png)
管理员扫码就可以实时预览了
![](https://box.kancloud.cn/3c6cd8c68faba881bdfcc90041e60c4d_229x199.png)
5. 再回到唛盟,进入行业通用DIY小程序进行装修
![](https://box.kancloud.cn/14919c10878782d1f67e4ea4a4fc7939_430x155.png)
6. 在模板管理里面,我的模板-添加模板
![](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)
7. 根据自己的需求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)
8. 跳转页面
如果您想要点击图片跳转到另一个页面内容,就需要再新建一个页面,并进行编辑。记得备注名称是为了区别其他页面,并且为了设置链接时输入的名称。
![](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)
9. 拨打电话
当您需要点击图片直接呼出电话的效果,就把电话号码写上去就可以了。
![](https://box.kancloud.cn/522887bf3641886cc1079fdfe368b692_429x124.png)
10. 地图位置
当您需要点击图片或者图标就显示位置时,就选地图位置,并设置您想要的定位。
![](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)
11. 添加导航,和幻灯片一样,在模块里直接添加,图片可以换,建议是88*88像素,字体可以编辑。
![](https://box.kancloud.cn/b9e14ab1a4ead62fdda467f29609c5da_405x245.png)
导航图标个数可选择
![](https://box.kancloud.cn/83d2bbc60932fb90293ab2838785e7bb_416x218.png)
导航名称可编辑
![](https://box.kancloud.cn/f279a0e8e2758d08fa4a2230e4463523_437x190.png)
设置链接同上
12. 添加视频
当您需要添加视频时,直接在模块里添加。
![](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)
13. 添加表单
假如您需要有类似预定功能或者需要客户报名的版块,就可以添加表单。
![](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)
14. 设计导航
这是底部菜单,必须设置链接选择你要跳转的页面,比如首页,否则手机上预览一片空白没有内容!图标和文字自行编辑,设置链接方法同上。
![](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)
15. 装修完后回到微信公众平台,登入您的账号提交审核
![](https://box.kancloud.cn/673cac0f079f648dd2126152134d3b01_1013x289.png)
![](https://box.kancloud.cn/28039357d62ae379d403747a2fa0099f_648x558.png)
功能页面选择第一个
![](https://box.kancloud.cn/72b0c2de303523301929d54cf36f5e54_669x468.png)
根据自己的小程序编辑标题选择服务类型,标签是为了方便别人搜索你的小程序,每添加一个标签就回车分开
![](https://box.kancloud.cn/ed3f13ab2527f0faec7ac0d8dbe0222b_702x305.png)
完成后提交审核,审核需要点时间,审核过了就能发布了,您就可以搜索您的小程序并转发推广,别人也可以搜索您的小程序。
![](https://box.kancloud.cn/43c73041718fc9b57db263202fb2b189_619x257.png)