思考： 现在小商店是没有会员体系的，对于一些营销场景还是不够灵活，我基于我们第三方原有会员营销系统，思考一个可以让组件版小商店作为线下会员营销入口的方案，和大家分享一下，该方案没有实质性让小商店使用会员系统，只是让其作为线下会员开卡的入口，设计方面比较有开放性。后期如果小商店开放了会员营销相关的接口，可以直接对接。是基于微信的原生会员卡进行设计的。 实现效果： 1、打通小商店的会员体系，在小商店组件版成为会员之后，会同步的成为我们第三方系统的会员 2、如果已经是我们系统的会员了，两个体系的会员直接生成绑定关系，可在小程序中直接打开原生会员卡。 核心概念： unionid ：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/union-id.html 开放平台：公众号会和小程序绑定到同一个开放平台里面去 ，以获取unionid信息 微信原生会员卡：即我们系统现有的原生的微信会员卡。 小商店开发api接口和购物组件：https://developers.weixin.qq.com/doc/ministore/minishopopencomponent/Introduction.html，利用这个能力，我们可以更开放的设计小商店 流程图： [图片] 场景1： 用户第一次使用会员 用户第一次进入小商店，获取unionid信息 判断原会员系统中，用户不是会员，此时获取开卡信息，返回给小程序 小程序进入开卡页面，完成开卡之后，互支付会员系统生成会员信息，小商店生成会员信息，此时生成绑定关系 场景2： 用户已注册了互支付会员（记录了unionid 信息） 用户第一次进入小商店，获取unionid信息 通过unionid信息查询到会员信息，此时直接生成了会员的绑定关系，此时进入开卡组件之后，是直接打开原生会员卡的 对于小商店来说，我们可以在用户完成开卡之后，赠送优惠券（优惠券线上是可以使用的），同时线下引流也不要忘记（赠送线下的代金券-智慧经营2.0），做这样的开卡有礼，吸引用户开卡。目前我们对小商店会员唯一能做的营销，就是赠送他们小商店系统的优惠券 总的来说，目前微信官方小商店提供的能力有限，不能做的很全面，但是这也是小商店拥有会员系统的一个思路。可以共同讨论一下

1.获取应用 首先登录小商店官方pc后台 shop.weixin.qq.com 选择左侧菜单栏的最底部选项“服务市场”（服务市场是小商店官方提供的一个增值服务购买平台，商家用户可以在官方现有功能满足不了使用的情况下选购增值服务，包括小商店页面的装修、配送、ERP管理等。其中的开发者都是经过官方审核才能入驻其中，一般都拥有多年的对应应用开发经验。） 选择“装修与营销”类目，在其中找到下图中的：小商店装修营销伴侣（南京千呼软件技术有限公司） 第一次进入要等待全部类目列表加载完毕，然后切换到装修与营销类目，方可显示全应用列表。 [图片] 点击应用，跳转至应用详情页。可以选择7天的免费试用版，或者30天、90天、180天、365天的付费版本。 点击不同服务周期可以看到不同的价格，在20元-160元之间。 注意：免费的7天试用版本，在到期后，所编辑设计的模板将会失效，续费后即可正常使用。 [图片] 购买完成后在“我的服务”中，点击去使用，即可开始使用千呼小商店装修营销伴侣。 注意，此后每次操作都是在“服务市场-我的服务-点击去使用”。 [图片] 2.应用介绍 千呼小商店装修营销伴侣，是一个为商家用户提供小商店商城页面装修和营销功能的应用服务，目前版本以装修服务和营销活动为主，在“装修与营销”类目中好评星数全场第一。 后续我们会结合千呼软件十年终端门店解决方案的服务经验，将一些线下场景的功能与小商店相结合，如支付和硬件等，敬请期待。 [图片] 小商店原始页面设计比较单一，如下图左一，美观度和商品浏览范围其实都不足。且很多商家有淘宝京东，或者其他第三方商城SAAS的运营经验，习惯且追求商城的页面设计感，迎合自家产品的风格，和顾客体验度。 此类需求的客户就可以使用我们的小商店装修营销伴侣，进行全DIY或者模板套用，将小商店重新进行装修，商品重新进行排列分配，打造出独一无二的商城页面，如下图右三： [图片] 按照前一步骤，免费试用，在我的服务中找到千呼小商店装修营销伴侣，点击去使用，来到应用首页。 模板中心 如下图，我们可以在此页面查看首页模板和分类页模板，选中适用模板后可以直接点击使用，开始编辑。目前我们拥有26套首页模板和3套分类模板。具有不同的行业风格，涵盖大多数常用行业，后续我们也会不断更新。同时我们也会提供模板定制的增值服务，如现有模板不满足需求，我们可以为您量身定做属于自己的独家模板。接下来的详细编辑操作方式在后篇的《开始装修》和《组件介绍》中查看。 [图片] [图片] 首页装修 我们可在这里进行首页页面的装修，新增首页页面，进入后可以开始首页的DIY自由装修和模板套用装修。设计好的页面保存并发布后，会全部展现在本页面，点击设为首页即可生效为首页。所有页面可以后期再次编辑，随意切换，在链接中互相调用。编辑操作方式在后篇的《开始装修》和《组件介绍》中查看。 [图片] 分类装修 我们可在这里进行分类页页面的装修，点击新增分类页面或者点击前往模板中心使用模板套用装修。设计好的页面保存后，会全部展现在本页面，点击使用即可生效。后期也可以再次编辑，随意切换。编辑操作方式在后篇的《开始装修》和《组件介绍》中查看。 [图片] 素材管理 我们可以在本页面管理装修时所需的图片视频素材，可以预先在这里上传，也可以在编辑过程中上传。本页面主要是管理上传过的所有素材，可以将有用的素材分组保存下来，也可以将一次性使用的素材删除，并有回收站可以恢复。 [图片] 通知中心 在这里，可以查看由千呼软件官方发送的一些通知消息，我们一般会将官方最新更新动态同步发送在这里，便于大家查看，也会发送一些活动福利通知。 [图片] 营销中心 我们会将一些营销活动和客户对接方面的功能放在本页面。 客户中心：可以查看进店客户，分析客户群体，做定向的精准营销。 分享抢券：是一个具有裂变推广的营销应用，通过人传人的优惠券发放活动，可以有效提升潜在顾客量和门店知名度。 限时抢购：比官方的限时抢购更专业，重复时间设置更加智能，活动模块可以深度编辑，融入装修后的商城页。 分享抢券和限时抢购的详细介绍和操作方式在后篇的组件介绍-“分享抢券”“限时抢购”中查看。 [图片] 左下角小商店名称头像 在这里可以查看一些店铺信息，并开关本应用的服务状态，第一次使用的时候一定要在这里确认开关打开，并且管理员在手机微信端点击启用，不然装修后不会生效。 [图片] 3.开始装修 准备工作 在我的服务中找到千呼小商店装修营销伴侣，点击“去使用”后，进入我们的应用首页。 [图片] 有三种常见情况会导致装修效果不生效 1.点击左下角的小商店名称头像，跳转后确保打开了“服务订购”开关，管理员在手机微信中的服务通知里点击同意启用。不然即使编辑好了页面，发布后也不会有改变。如下图。 [图片] 2.确认没有使用官方的简易版装修，如果使用了，需要恢复成默认的模板一，不然即使编辑好了页面，发布后也不会有改变。如下图。 [图片] 3.设计好某一个页面后，右上角点击保存并发布，然后左上角点击返回。 [图片] 在首页装修或分类装修中找到刚才设计的页面，点击设为首页或者使用即可成功发布。这一步不操作，页面不会生效。 [图片] 我们推荐新手用户直接使用模板，只需要将内容和商品换成自己的就行。 有设计能力的用户和我们还没有出模板的行业用户，则可以按照自己的需求，使用直接DIY设计页面。 模板的更新也会一直持续，我们也提供一些付费的模板定制服务。 首页自定义DIY页面装修 点击左侧首页装修-页面设计，点击增建页面，即可开始装修。 [图片] 如下图所示，左侧的组件工具栏可以直接点击拖拽至空白页，不同组件的合理组合搭配可以将小商店的首页装修成符合各种需求的页面样式。 拖拽至中间页面后，点击每一个组件的范围内，右边都会出现对应的详细设置栏，每种组件有不同的可设置内容，大致为图片、链接、字体、间距、颜色、数量等（每一种组件的详细设置教学会在后面的介绍中） 装修完成后点击右上角的保存-立即发布，点击左上角返回图标。 [图片] 回到页面设计首页，找到刚才的自定义页面，点击设为首页，到此装修成功结束。 后续也可以在这里点击编辑或者继续装修，多个自定义页面可以互相连接，达成进一步的分类效果（在分类导航的组件介绍中有详细的操作方式） [图片] 首页选择模板后填充装修 首先，在首页中的模板中心-首页模板直接选择合适的模板点击立即使用。 [图片] 或者在新建空白页后点击模板素材，右侧弹出模板选择中心。 [图片] 选择模板后确认使用。 [图片] 确认使用后页面会出现模板中的所有预设组件，只需要点击各个组件的位置，在右边操作栏中换成自己的商品图片、名字、链接等。 [图片] 设置完成后点击保存-立即发布-左上角返回主页面-首页装修页面设计-点击设为首页，即可完成，与自定义页面操作一致。各个组件的细节操作和用法讲解会在后篇的组件介绍中。 [图片] 所有模板其实都是我们利用自定义DIY的功能做出来的，本质上没有任何区别。是我们利用商城类系统运营经验和不同行业的特点，将颜色布局和搭配相结合，做出的一些不同风格的固定模板，为适用的客户节省了自行DIY的时间，也会更加美观。 [图片] 分类装修 “分类装修”，功能是用于装修小商店的分类页，如下图，目前上线的三套以行业为主题的分类页模板，可以改变小商店原有分类页单调的风格，并可以搭配首页模板去使用。后续我们会不断更新分类模板。 [图片] 可以直接点击立即使用套用模板，或在分类装修-页面设计中，新增页面，进行完全的DIY。 [图片] 推荐新手用户直接使用模板，即使风格不合适，也可以在模板上继续编辑。下图为两种方式展示。 [图片] [图片] 编辑完成后点击右上角保存，点击左上角返回后点击使用即可生效。 [图片] 4.组件操作教学 模块素材 “模块素材”，是我们利用其它的组件，预先设置好了一些常用组合，形成一些固定的小模板，如扫码进群，联系我们，添加微信等这类使用频繁的组合效果，方便客户直接选用，不需要自己编辑，选用后也可以再次编辑细节。 如下图，在装修页面的左下方，选择使用行业模块素材，右侧会弹出素材库，其中是我们预先设计的所有小模板，选中以后右下角点击使用。 [图片] [图片] 如下图，是选择使用后的效果，然后设置所跳转的链接，点击拨打电话，在右侧链接设置。 [图片] 移动删除点击中间编辑区域右上角的第二个三横线按钮，会在右侧出现组件列表，找到对应的组件点击组件的左上角进行拖动布局。 [图片] 搜索导航 “搜索导航”组件，是一般置于商城首页顶端的搜索栏，可以用来搜索商品。 [图片] 拖拽至页面顶端，点击后，在右侧进行编辑，如下图。这个功能设置很简单，没有操作难点。 可编辑：框体形状 框内提示文字及位置 框体高度颜色位置 背景颜色 如下图。 [图片] 轮播图片 “轮播图片”指的是下图所示的滚动图片，一般置于商城上方，搜索栏下面。 [图片] 拖拽轮播图片至商城页面中，点击后可在右侧进行编辑。 其中可以编辑多张轮播图，可设置： 图片跳转链接 图片边距 图片圆角 切换时间 轮播高度 指示点色 指示点选中色 背景颜色 具体如下图所示。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面 拨打电话 商品列表 店铺直播间等。 [图片] 其中图片选择需要点击图片后上传本地图片至素材库。 [图片] 点击我的素材即可选用。 [图片] 热区/图片 “热区/图片”组件，是在基础的图片组件上，增加了一个“热区”功能并融合在一起。 常规图片只能设置整张图片跳一个链接。 热区图片可以在一张图片内选择多个区域，每个区域跳转不同的链接。 热区的使用场景是利用一张内容丰富的图片，如下图中包含了皮包、衣服和查看更多图标，我们可以通过设置让顾客点击不同区域跳转不同商品或页面。 [图片] 1.常规图片设置： 拖拽热区图片过来后，直接点击在右边选择本地上传图片，在我的素材选用，除常规设置外可以设置跳转链接。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面 拨打电话 商品列表 店铺直播间等。 [图片] 2.热区图片设置： 首先，需要设置热区的图片不能设置单独的链接，需要清空。 正常添加一张图片后，双击此图片，鼠标会变成手指状态，此时可以单击拖动一个区域，形成热区，右侧也会出现各个热区的设置栏。如下图，红色的方形就是拖拽形成的热区指示，可设置的跳转链接同上。 此功能主要的用处在于可以设计一张比较大的海报，在海报上直接设置出点击各种位置的指示图标，然后通过热区跳链接，能达到一种比较高端的首页装修感觉。 [图片] 商品 商品”组件是把在小商店官方后台已上架销售的所有商品同步过来，可以自由设置排列方式大小等，并且可以添加购买按键、添加热销角标等使页面更加美观专业。 将左侧商品组件拖拽至中间页面，点击范围内任意位置，即可在右边操作编辑。 [图片] 点击选择商品后，右侧弹出选择商品页面，将需要展示在此范围内的商品添加后点击确认即可。 [图片] 回到编辑页面，可在右侧编辑商品的布局样式，标题，价格显示，购买按钮等。 [图片] 标题文本 “标题文本”组件，在商城装修中大多会用于作为以下商品的一个介绍如下图，也可以作为一个单独的文字区域，引导用户点击跳转。 拖拽至中间后可以在右侧操作栏编辑主副标题、位置、字体、颜色、链接跳转指示标识文字。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面 拨打电话 商品列表 店铺直播间等。 [图片] 分类导航 “分类导航”组件，是一个比较重要且最常用的组件，几乎每一个商城都用。如下图所示，一般置于轮播图或顶部大图下方。起到展示分类，快捷进入的作用。 将左侧组件拖至指定位置后，可在右侧进行编辑，可设置每个图标的名称、图片、链接、每行展示数量、文字设置等，操作简单，一目了然。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面 拨打电话 商品列表 店铺直播间等。 多数用户使用分类导航的目的是为了跳转进一个分类商品页，如上图，链接的跳转可以设置为另一个自定义页面。可以预先提前设置好另一个分类页面，将里面的商品设置为对应的此类商品。 例如：我们可以先设置一个如下的页面，通过搜索栏和商品组件就可以简单完成，其中添加对应的商品。保存并发布。 [图片] 这样的页面我们可以提前按照需求对应分类导航的类别制作很多个，如下图。 [图片] 保存并发布后点击左上角返回，进入首页装修-页面设计中，开始编辑所需要分类导航的主页面，通过点击分类导航后在右侧设置链接，在链接选择页选择对应页面直接链接，如下图。设置完成后分类导航的效果就会是点击后跳转另一个页面，页面内是对应的商品。 [图片] [图片] 公告 “公告”组件，如下图所示，一般用于商城页面中醒目位置，去做一些提示引导，就是我们常见的小喇叭，滚动播报一些内容。 将公告组件拖至相应位置后，可在右侧编辑喇叭形状，多条文字内容，文字位置大小，滚动方向等。 [图片] 可以仅做文字展示，也可以跳转链接。其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面 拨打电话 商品列表 店铺直播间等。 [图片] 视频 “视频”组件，如下图。 [图片] 拖拽视频组件至相应位置后，可以在右侧点击上传视频（视频大小不能超过100M）和视频封面，上传后在我的素材选用。如下图。 [图片] [图片] 按钮 “按钮”组件如下图，一般需要配合“容器面板”组件同时使用才能达到最佳效果（请在容器面板组件的教学中会详细介绍） 通过容器面板可以将几个不同的组件放置在一个区域内相互组合，如下图，通过黑色背景，加上图片，文本，按钮四个组件，组合成了一个加群小卡片。 [图片] 我们可以编辑按钮的位置、颜色、和文字，灵活多用。并可以跳转链接，其中跳转链接可设置 ：购物袋 订单列表 优惠券 另一个自定义页面事件 拨打电话 商品列表 店铺直播间等。 其中有一个好用的方式是可以直接利用自定义事件中的预览功能，添加一张微信二维码或者群二维码的图片，用户点击按钮后可以直接长按加好友或者加群。如下图： [图片] 文本 “文本”组件，如下图所示，很简单，可以在任何位置编辑文字，并跳转链接。 可以单独使用，也可以配合容器面板进行使用。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 自定义页面事件 拨打电话 商品列表 店铺直播间等。 [图片] 容器面板 “容器面板”组件，如下图。是一个自由度极高的功能，简单来说就是在一个区域内可以添加图片，文本，按钮或者另一个容器面板进来。可以互相重叠排列组合，为了形成一些自定义的效果。 下图中的优惠专区，首先设置了灰色的容器面板背景，加上了圆角。左侧的图片是图片组件，右侧的优惠专区是文本，下面的立即购买是按钮。将这三个组件按照各自原本的设置方法设置好了形状大小颜色后，就出现了一个整体感觉非常好的小区域。其中图片、文本、按钮都可以跳转链接，但是建议如下图这种设计方式，还是设置按钮的链接体验感比较好。可以参考上一个组件介绍“按钮”中的，方式链接二维码图片。 [图片] 下图为拖拽按钮组件至容器面板中成功的效果，为了显示直观，原有的一些占位大的内容会被挤入下方，方便拖拽时调整位置。 [图片] 其中跳转链接可设置 ：购物袋 订单列表 优惠券 自定义页面事件 拨打电话 商品列表 店铺直播间等。 [图片] 容器分栏 “容器分栏”组件，是容器面板的进阶版本，可以添加更多的内容并进行分区。 如下图中，上方4个区域是拖拽容器分栏4次，会形成4个区域，每个区域都可以放置图片、文本、按钮、容器面板、和另一个双栏的容器。 可以看到，下图中上方四个区域分别为：图片，文本，按钮，利用容器面板添加的文本+按钮。 下方是一个双栏容器。 [图片] 大多数设计不需要这么复杂，一般都是通过图片进行组合，然后设置图片的链接跳转，制作出以下效果。 [图片] 悬浮按钮 “悬浮按钮”组件，如下图。一般用于放置在左右下角的一些快捷功能，大概率设置为客服电话。 拖拽至商城中后，可以在右侧设置上下左右的位置，图标，链接。 [图片] 点击后可跳转所支持的所有页面，但是大多数是设置成联系电话。如下图。 [图片] 对话框 “对话框”组件，是用户每次打开小商店的一个弹窗功能。如下图，拖拽至商城页面后会在此编辑页面占用一个位置，但是实际上发布后不占用任何位置，所以可以随意放置。 [图片] 首次拖拽或后续点击后，进入弹窗编辑页面，可以将图片、商品、文本、视频、按钮容器组合编辑使用。 一般情况此功能大多是利用图片或者文字做一些弹窗的活动通知，或者下图中那样利用商品去推荐一些每日折扣，可以直接点击商品进入购买页面，或者点击按钮跳转链接进入指定的一个分类页面等。 注意，发布前要确认弹出。 [图片] 优惠券 “优惠券”组件，如下图。用于在商城首页有一个专区可以直接让顾客领取优惠券。 首先将优惠券拖拽至指定位置，点击后在右侧进行编辑。 [图片] 这里的优惠券全部是抓取小商店官方后台设置的优惠券，所以要预先在小商店后台去设置添加优惠券。如下图： [图片] 设置好了之后，回到我们装修页面，点击优惠券组件位置，在右侧点击选择优惠券后会弹出一个优惠券选择栏。 点击添加后即可生效。 [图片] 然后回到编辑页面，可在右侧编辑优惠券的排列方式，颜色大小，按钮等，一目了然。 [图片] 分享抢券 “分享抢券”组件，是一个具有裂变推广的营销工具，流程是需要分享者分享指定数量的优惠券，被分享者领取后，分享者才能得到一张优惠券。 例如：商家设置了一张5元的直减券，领取的要求是需要用户1分享3张2元的优惠券给其他人并被领取，那么用户1为了获取到这张5元的券，就需要通过活动转发给用户234三人，而且在这三人领取后，用户1才能获得这张。这里有一个逻辑，分享者的券额肯定要比被分享的券额面值要大，不然不会激发他的参与热情。 具体设置步骤如下： 使用“分享抢券”组件之前，需要在我们应用的首页-营销中心中，点击分享抢券，创建活动。如下图： [图片] 点击新增活动创建。 [图片] 设置活动名称，需要分享者分享的次数，持续时间，标题封面，分享者的券，被分享者的券。 这里的优惠券也是抓取小商店本身的优惠券，所以需要在小商店的营销中心中去预先设置优惠券。 [图片] [图片] 点击保存后，会出现“去装修”按钮，点击进入子页面的编辑。如下图： [图片] 下图中，框选的位置为初始效果，可在右侧编辑细节，也可以在左侧利用其它组件，继续完善此页面。 可添加的组件包括图片、商品、文字、视频、按钮、容器和其它优惠券。 比如将优惠券适用的商品直接添加在下方，激发分享者的参与欲望。 [图片] 设置完毕后点击右上角保存，再点击左上角返回至应用首页。 进入页面设计中需要设置的页面，开始设置“分享抢券”组件。 托找分享抢券至指定位置，点击后在右侧选择活动，在弹出的侧边栏里会出现刚才设置好的活动，选择添加。 [图片] [图片] 然后会出现下图中的一个模块，在侧边栏可以编辑细节。 [图片] 编辑完成保存并发布。用户点击去分享以后跳转的就是上方预先设置好的子页面。 此功能为商家用户起到裂变推广的作用，类似拼多多的找人砍价的感觉，可以人传人，比较推荐大家使用。 限时抢购 “限时抢购”组件，需要在应用首页的营销中心里，点击限时抢购创建活动。如下图： [图片] [图片] 在本页面设置活动名称，时间。和重复的规则。 不重复：仅一次。 每天重复：活动持续时间内，每天的指定时间段内重复活动。 每周重复：每周指定的1天或几天中的指定时间段内重复活动。 每月重复：每月指定的1天重复活动。 [图片] 选择商品，这里也是抓取小商店官方后台已上架的商品，点击添加可以单选或多选商品参加活动。 [图片] 设置抢购价格，点击立即创建，活动设置完毕。 [图片] 进入页面设计中，选择需要设置的页面开始编辑。拖拽限时抢购组件至指定位置，点击后在右侧选择活动。 [图片] [图片] 添加活动后效果如下图，并可以继续在右侧设计细节。 [图片] 商家地址 “商家地址”，可以方便用户预先编辑好需要展示的联系方式和门店地址，然后可以在之后所有的首页模板中直接选用。 首先需要在我们应用首页，营销中心-商家地址中点击编辑。 [图片] 如下图，填写所有信息后在最下方点击立即创建，即可保存。 [图片] 然后进入需要设计的首页页面，拖拽左侧商家地址至对应区域，即可生效，效果如下图。 [图片]