1. 登入微信公众平台网址:https://mp.weixin.qq.com/输入您的邮箱账号及密码。
![](https://box.kancloud.cn/a0e26a607077c07faa4aba79b777b73c_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/d11e388ff363d3975fdc423ae980d97e_449x212.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. 生成版本后,点击上传微信审核,这样就可以一边装修,一边在手机上实时预览。
![](https://box.kancloud.cn/37ffb38b324a9c755f1bea2817bf2c04_410x154.png)
需要等该 15 秒
![](https://box.kancloud.cn/8e71de424e1c0bd734eafbba84e34b70_461x156.png)
管理员扫二维码
![](https://box.kancloud.cn/dbfa3e695358948b6a7ac865eee65ab7_398x165.png)
版本号写纯数字,版本描述根据自己小程序随意填写,然后点击上传代码
![](https://box.kancloud.cn/c74c7bced5779315e780c1fcdecf3a3c_397x133.png)
上传成功后,去提交审核
![](https://box.kancloud.cn/cc1ebe4b6a08dc9de59356da3ba3bd84_421x149.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/b52ccb24ccd5150759ef0da3343a61a5_408x204.png)
有个概念,大致上架什么商品?有几类?添加分类有两种:一种是导入分类,另一种是自己添加商品分类,前者是系统已经为您分好的,您可以根据自己的商品需求选择,但是,如果系统为您准备的分类,您并不满意,不符合您的商品分类需求,就自己添加分类。
导入分类样式:
![](https://box.kancloud.cn/dec264defeafacf1181ff2d6e6df072b_397x292.png)
![](https://box.kancloud.cn/708f20d447164b29d1430d0451fd4296_397x323.png)
![](https://box.kancloud.cn/4ca3c2a4d142983aa60ca0be729f23e7_397x313.png)
自己添加商品分类时,尤为注意的是,一定要先做一个一级总分类!再根据自己的需求做二级分类。比如,您是开洗车行业的小程序,您的商品分类只有三个:上门洗车、汽车维修、汽车美容,但是这三个分类不能都是一级分类,因为之后添加商品时一级分类是看不到的,
只能看到二级分类,所以,要先有个总的一级分类,比如:洗车小程序,在这个基础上再添加分类即可。
添加商品分类:
先添加一级总分类
![](https://box.kancloud.cn/b79f7b7d6751aa55a4b87eba1b87ede2_420x327.png)
再继续添加商品分类
![](https://box.kancloud.cn/02d252b88d9279e511ccbc3485195ae8_418x179.png)
添加二级分类
![](https://box.kancloud.cn/6db326a1a5b36333a871cc524f6fd61f_406x305.png)
可以查看下级分类
![](https://box.kancloud.cn/6e9ec930c18de58fc4a176466c4633ec_397x111.png)
![](https://box.kancloud.cn/844c0c23fb5267751372ccb27a4f89cd_409x107.png)
7. 添加完分类就可以添加商品了
8. 添加商品也分两类,一类自己手动添加,另一类是采集淘宝
添加商品:
![](https://box.kancloud.cn/bb522cffa7abdd6a1df7d15881ca8091_434x196.png)
编辑商品,选择分类
![](https://box.kancloud.cn/7a6ddb040830a792816e66e0a7e8a2a8_281x295.png)
有上店自提的功能,可以在参数设置内设置
![](https://box.kancloud.cn/5f444073def849c6e4689c675dc1fed8_305x229.png)
![](https://box.kancloud.cn/2a581309bd8a9640548f1d7b1cccbb8b_398x258.png)
记得上传商品图片
![](https://box.kancloud.cn/41b0efaa0c847704745ab5481e4c7d8f_326x289.png)
一定要写库存,否则没法上架下单
![](https://box.kancloud.cn/833f62c57fc1265dbe56ed420b0aac0c_351x222.png)
编辑完后保存
![](https://box.kancloud.cn/9915b95eeba6a495064b61edafa025aa_397x258.png)
采集淘宝:
![](https://box.kancloud.cn/5f2c0f26869797695639329d78f7e6c4_411x147.png)
如果您的产品与淘宝某产品雷同或者您本来就有淘宝店,直接登入淘宝网址https://ai.taobao.com/
![](https://box.kancloud.cn/f9d4c31db0f1f131128892fd0ca1d913_390x163.png)
搜您要的产品并复制网址链接
![](https://box.kancloud.cn/5d4029e83fcba7187264d83e3a541186_384x260.png)
粘贴并选好分类,采集即可
![](https://box.kancloud.cn/df214c81ab4c868a59ea00781e8ad257_397x228.png)
![](https://box.kancloud.cn/7926986d3c0423f2ee2935e03f41f50a_397x153.png)
9. 以上完成后就可以正式装修了
首先回到官网系统
![](https://box.kancloud.cn/f5a18f2adf7f78db8d80e563eab19a2b_444x74.png)
![](https://box.kancloud.cn/a20233c4c0aeb2b805cd4de091c8e920_398x107.png)
根据自己需求编辑模板信息并上传封面
![](https://box.kancloud.cn/0da9154039451ccfd13ccffdbe535ee9_331x207.png)
添加模板后点击添加页面
![](https://box.kancloud.cn/0aaedf0ae61b6be988840d6f96656006_392x232.png)
添加页面后,先编辑首页,备注名称是为了后台方便管理,自己对编辑的页面进行的取名,方便区分其他页面,页面标题是小程序顶部的标题,例如:唛盟商城,这是展示在外的。
![](https://box.kancloud.cn/819089137771cac5403c45d39ad536f9_424x200.png)
10. 根据自己的需求 DIY 装修,在模块里添加自己想要的版块,一般来说,首页有幻灯片,所以优先添加幻灯片。每个模板都可以自由编辑,上传的图片,为了清晰,建议上传 3780*2520 像素图片。
![](https://box.kancloud.cn/d2e4ab8343bb4fc8344d6300513939c9_414x221.png)
上传图片
![](https://box.kancloud.cn/57ff70d91ef76a3335ac5ed0b04286a7_425x187.png)
![](https://box.kancloud.cn/5c583ce1c622da3fe7175ed3dec7666a_428x198.png)
也可以继续添加幻灯片
![](https://box.kancloud.cn/ec321d72ccf689f8c348eee4ade5f165_436x157.png)
设置链接 不管是幻灯片还是导航图片,当您需要别人点击图片能跳转其他内容时,就必须设置链接。
![](https://box.kancloud.cn/1c34d99fa2defaf2a04a159fc37745b3_385x205.png)
11. 跳转页面
如果您想要点击图片跳转到另一个页面内容,就需要再新建一个页面,并进行编辑。记得备注名称是为了区别其他页面,并且为了设置链接时输入的名称。
![](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/89639375fa04ba2b96be7529b23a1ff2_431x138.png)
![](https://box.kancloud.cn/b88a49f763491eb85171f96961abb6d6_389x207.png)
![](https://box.kancloud.cn/7887332078d627fa554dbd4c862f304d_397x256.png)
那么在点击这个图片时,就能跳转到您想要的新页面。
![](https://box.kancloud.cn/373ce88eedc76f3f4daa4a4b0f63dd68_410x247.png)
12. 拨打电话
![](https://box.kancloud.cn/522887bf3641886cc1079fdfe368b692_429x124.png)
当您需要点击图片直接呼出电话的效果,就把电话号码写上去就可以了。
13. 地图位置
当您需要点击图片或者图标就显示位置时,就选地图位置,并设置您想要的定位。
![](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)
14. 添加导航,和幻灯片一样,在模块里直接添加,图片可以换,建议是 88*88 像素,字体可以编辑。
![](https://box.kancloud.cn/b9e14ab1a4ead62fdda467f29609c5da_405x245.png)
导航图标个数可选择
![](https://box.kancloud.cn/83d2bbc60932fb90293ab2838785e7bb_416x218.png)
导航名称可编辑
![](https://box.kancloud.cn/f279a0e8e2758d08fa4a2230e4463523_437x190.png)
设置链接同上
15. 添加视频
当您需要添加视频时,直接在模块里添加。
![](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)
16. 添加表单
假如您需要有类似预定功能或者需要客户报名的版块,就可以添加表单。
![](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)
17. 设计导航
这是底部菜单,必须设置链接选择你要跳转的页面,比如首页,否则手机上预览一片空白没有内容!图标和文字自行编辑,设置链接方法同上。
![](https://box.kancloud.cn/fcf00cc265cd173e3e9b8a22d3dce3a3_397x238.png)
![](https://box.kancloud.cn/dc7ee6b97af3d12937312638b333b80e_398x306.png)
![](https://box.kancloud.cn/bbedfccbf2201cd9bedd990f73725b79_365x226.png)
如果您需要类似“购物车”、“个人中心”的导航,直接在其他页面中选择,这是系统自带的,不需要您自己去编辑新页面了。
![](https://box.kancloud.cn/e04e604ec207548b685b84d978d7a59e_398x324.png)
18. 装修完后回到微信公众平台,登入您的账号提交审核
![](https://box.kancloud.cn/5914d7a5ab92e7dcb15b6bd853d52cd7_406x117.png)
![](https://box.kancloud.cn/837c735fd45ca95d18439fcdd5e15690_361x311.png)
功能页面选择第一个
![](https://box.kancloud.cn/f978b3fcc80e07a9fc2e485c15a1450b_398x279.png)
根据自己的小程序编辑标题选择服务类型,标签是为了方便别人搜索你的小程序,每添加一个标签就回车分开
![](https://box.kancloud.cn/1d45d73f98f3c74c6126c60178e3aad4_398x173.png)
完成后提交审核,审核需要点时间,审核过了就能发布了,您就可以搜索您的小程序并转发推广,别人也可以搜索您的小程序。
![](https://box.kancloud.cn/9456553c0ba8ad579ada4bec180abd40_346x145.png)