近年来，在电商、新零售趋势的影响下，实体零售商也在寻求自身渠道变革，提升消费者体验。如今微信用户已超十亿，市场空间巨大。微信小程序的推出，不仅可以降低品牌开发和营销成本，实现精准营销，提升品牌知名度，还可以提供便捷的支付方式，提升用户购物体验。因此，不少品牌纷纷投入小程序的开发。

下面我们就来教大家如何使用微信小程序第三方开发平台“快应用”打造一个满意的商城小程序，废话不多说，赶紧动手吧！

前期准备

1. 使用 或 IE 浏览器

2、最好心里有个框架，画个大概的框架，或者直接在微信上搜索同行的小程序，参照他们的模板进行模仿。

3.材料网络：

我现在教你制作的商城小程序适合所有想通过小程序销售商品的电商、商店商家。

使用到的功能有轮播、通知、图片列表、图片组件、限时特卖、商品列表、优惠券、类目组件、购物车、个人中心

让我们直接进入正题吧。

首先，进入“快应用”官网，点击顶部的“自定义”，选择“新建一个空白模板”，设置小程序封面和名称

第二步，我们来为首页做一个轮播，在左侧组件列表中点击“轮播”组件。（平台所有组件都有详细教程，见下图箭头指向的红色三角形）设置轮播大小，然后点击“管理轮播组”。

点击“点击分组”再点击“添加”，然后设置排序数量，图片，是否跳转或调用函数，是否显示，设置并保存。（做完之后记得点击最上面的保存，保存后点击预览就可以查看制作效果了）

三、制作消息通知，选择“系统通知”组件，设置页面规格，点击“管理消息”，再“添加消息”，设置内容和序号，保存即可。

其实这个消息组件是由“系统通知”、“自由面板”和“图片”三个组件组成的。在上面制作一个系统通知。然后点击“自由面板”，将“图片”拖拽到自由面板上，设置好规格和大小即可。

最后把“自由面板”“组件间距”改为“-31”，它就会和上面制作的系统通知组件重叠在一起，这样看起来就不会那么单调了。间距大小需要根据不同图片的大小不同慢慢调整。

第四，以“图片”元件为分割线，并设定规格。

五、使用“图片列表”建立产品分类，选择“图片列表”设置排版和规格，下拉“更换图片”，设置图片的“规格”，分类完成后将每张图片链接到它上面就可以跳转了。

第六，创建“限时闪购”和“疯狂特卖”，用“图片列表”来排版，并链接到“相关页面”分类（现在创建首页，分类还没准备好，先不要急着跳）

第七，使用“商品列表1”创建专项商品展示，设置展示规格，“绑定数据”就是绑定类目，然后点击“管理对象”

选择并点击“添加类别”设置类别，然后点击“添加产品”设置产品描述和价格并保存，保存后可以在前端预览中看到。

8.使用“滑块”组件展示优惠券信息，将“图片”组件拖拽到滑块上，并设置图片规格

然后点击优惠券图片，然后点击“事件”“功能”调用函数并选择“获取优惠券”

设置优惠券，请点击顶部的“管理”，然后点击“营销插件”，再点击“添加优惠券”，设置优惠券类型、适用场景、名称、使用条件等，设置完成后保存。

第九步，设置底部产品推荐。操作方法同第7步。

10、使用“底部导航”组件，点击右侧的“添加”按钮，设置文字描述和图片规格，最多可以选择5个底部导航。

图片规格与文字说明准备好后，点击“链接到”，选择需要跳转的功能即可，其他设置相同。

好的，主页现在已经完成。单击预览以查看结果。

11.添加分类。点击右下角的“添加分组”，各分组的创建和上面的操作一样。将准备好的分类绑定到首页的相关组件上，即可跳转到页面。

商城APP已经做好了，小伙伴们是不是觉得做APP很简单呢？有兴趣的话就自己做一个吧。