微信商城首页设置
<p>[TOC]</p>
<p>在<a href="https://www.goodsfans.com/login">web管理后台登录</a>后进入菜单“微信商城”-“商城首页设置”，可以自定义排版。</p>
<p>为了方便新用户快速上手，给出了几个常见模板，可以先选择模板：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/dd14deb1d9eff4f439d0c36d02439d06" alt="" /></p>
<p>选择或不选择模板，之后进入首页编辑页面。页面左侧是所见即所得的微商城首页预览效果，下方是添加模块的操作区，右侧是设置区域。如下图所示：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/f3caf6eea24748083296a1b25d3d9831" alt="" /></p>
<p>其实各模板都是可以自定义出来的：点击下面需要添加的模块，上方预览区域会出现对应模块，然后在右侧进行对应设置。各个模块可以拖拽更改顺序，点击左上角的✘可以删除该模块。</p>
<p>模块有几种：地址搜索、图片导航、菜单、商品、商品分类、一组商品、免费领券、倒计时、富文本、辅助空白，还有默认的“页脚”和“台头”，下面一一说明。</p>
<h2>地址与搜索</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/400e66e07b746b71373b9f8a02023918" alt="" /></p>
<p>这个部分默认获取顾客地址，显示在横条的左侧。右侧默认是商品搜索功能。</p>
<p>地址部分，顾客在手机上点击可以选择配送或自取，填写配送地址、或选择自取门店。</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/4e6298aa9e60aba7f4d88390c5de5fb8" alt="" /></p>
<p>商品搜索，默认所有在售商品皆可搜到，如果商家不希望顾客在线搜索到所有商品下单，可以指定商品范围，比如线上只销售蛋糕。</p>
<h2>图片导航</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/3a30fe3c55477a902df84ae3f8c17390" alt="" /></p>
<p>支持上传图片、定义图片排版方式，定义每个图片的导航链接（在手机上点击图片后跳去哪个页面）。</p>
<p>图片导航有很多使用场景，可以是轮播广告，这种情况可以选择“展示方式”为“轮播显示”，可上传多个广告图片，在手机上会逐个播放显示。图片的长宽<strong>比例可自己决定</strong>，手机展示时会按比例展示。可以是上图那样的“扁图”、也可以是下图这样的手机竖屏大图：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/bf642ecead52d1fda43fb614f90d4d87" alt="大图" /></p>
<p>如果“展示方式”选择“分列展示”，所有图片会平铺下来。适用于商品或营销活动分类导航的场景，比如下图这样：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/3fce22585c81307cacc19fb75055c6ea" alt="品类分列" /></p>
<p>其他展示方式，望文生义也很容易理解。选择之后左侧也有对应的预览效果，多试试就知道啦~</p>
<p>为了顾客更流畅的打开页面，图片大小建议不要超过1M。轮播的同一组图片请使用同样高度，否则很难看。</p>
<h3>分时展示</h3>
<p>早餐、午餐、晚餐等不同时段，顾客更倾向于消费的商品并不相同，商家想推荐的商品或广告也不相同。所以模块支持设置在哪个时段显示。比如早餐显示一个模块、晚餐显示另一个模块，不同时段定义不同模块，就可以轮流显示，达到不同时段推荐顾客优先选择不同商品的效果。</p>
<p>分时展示在下拉大多数模块中都支持。</p>
<h2>菜单</h2>
<p>菜单模块，支持定义到各个功能的导航：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/c3a1dafdc1048025534e6e20a40c329f" alt="" /></p>
<p>菜单有默认的名字，可以修改。点击右上角的✘可以删除。点击“添加菜单”，在弹出窗口中可选择更多菜单，点击即可添加，如下图所示：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/f3a3d4b8739c424e333901dc81aa6632" alt="" /></p>
<p>菜单导航可以设置在页面的某个位置，也可以固定的页面底部，比如下图有两个菜单，一个（积分兑换那个）是嵌入页面并随着页面滑动而滑动的；一个（商城、订单、账户那个）是固定在页面底部、无论页面如何滑动都始终在页面底部方便顾客直接选择，展示方式选择“固定底部”即可。</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/f11df011979a79fbad0cf3b5a707a716" alt="" /></p>
<p>常用菜单说明：</p>
<ul>
<li>商城：即商城首页，方便顾客在任何页面回到首页。一般设置为固定底部菜单的第一个。</li>
<li>我的账户：显示跟顾客相关的信息，姓名、余额、积分、等级、券等等（此页面显示内容也支持配置）。习惯上一般设置为固定底部菜单的最右一个。</li>
<li>会员卡：跟“我的账户”类似，都是显示跟顾客相关的信息，区别在于增加了激活会员流程，如果已经激活会员、则默认显示“我的账户”页面。会员卡的菜单建议在公众号菜单、关注有礼的导航单独设置，方便顾客想激活会员时快速找到入口。</li>
<li>订单：顾客的订单，线下（门店）线上（微信商城和小程序）下单的订单均展示。可以设置到“我的账户”页面里面查看、默认就有，但考虑到订单相比其他信息查询更加频繁，可以单独作为一级菜单。</li>
<li>门店：是商家线下门店位置导航，方便线上顾客找到线下门店消费。</li>
<li>礼券集市：可以销售券，比如蛋糕券、月饼券。习惯上更喜欢嵌入到公众号推文向潜在消费者推销，图片导航也很常用。</li>
<li>砍价、社区团购等营销活动，当设置营销活动时可在菜单上设置入口方便顾客进入。</li>
<li>到店支付：点击后可出现动态安全码，给收银员扫码。默认在“我的账户”页面里有。建议在公众号菜单单独设置，方便顾客到店消费时快速打开。</li>
<li>充值：默认在“我的账户”页面里有。如果商家想强调，可以在菜单上设置入口，一般并不建议。</li>
<li>卡密充值：一般是企业客户的密码卡券充值使用，为了方便这部分顾客快速找到激活入口，建议在公众号菜单单独设置。</li>
<li>积分兑换：展示哪些商品支持积分兑换。其实支持积分兑换的商品在正常下单流程中就是可以选择使用积分的，一个集中的展示是为了方便会员浏览。在积分页面已有兑换入口，如果积分兑换是商家想强调的活动，也可以在菜单上设置入口，一般并不建议。</li>
<li>我的足迹：用户曾经进入浏览的商品，方便顾客逛了半天之后回头去找曾经看中的商品。以下“我的XX”这些菜单，习惯上一般是放到“我的账户”页面里的。</li>
<li>我的收藏：如果用户暂时不打算购买，但对某商品有倾向，可以先收藏，以后再考虑。可以在我的收藏里看到曾经收藏的商品。</li>
<li>我的券：顾客可以看到自己的券，包括有效的和已使用的已过期的。默认在“我的账户”页面里有。</li>
<li>我的砍价：如果商家搞砍价活动，顾客发起后，可以在这里看到自己活动的进展。</li>
<li>我的活动：如果商家组织线下活动让潜在消费者报名，用户可以在这里看到自己报名的活动。</li>
<li>大家说：顾客晒单评论的汇总。如果好评如潮，新顾客看到更容易下单。但这事比较考验运营，否则评论稀稀落落反而有副作用。</li>
<li>全部商品、商品品类：让顾客用“逛”的习惯浏览商品。商品种类少时可以使用“全部商品”，种类多时就应该分类看。更多情况下建议使用模块里的商品分类组件，详见后文介绍。</li>
<li>扫码购：顾客在门店购物，挑选完商品后，自助使用手机扫码商品上的码、自助支付结账。这个购物流程跟常规的收银流程不太一样，商家决定采用这种流程时再使用此功能。</li>
</ul>
<p>这些常用菜单，不仅仅可以以菜单的形式出现，还可以直接链接到图片导航：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/e27ce5db3a313f0ab86c98a3389bd2a5" alt="" /></p>
<p>除了微信商城页面的其他地方，比如公众号菜单、关注有礼等需要导航引导的地方，都可以引用这些菜单：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/e4afbbcad81d207d41377587e5b7f66e" alt="" /></p>
<p>如果这些菜单不够用，还可以“自定义菜单”。</p>
<h2>商品</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/b6f9785f9890c166070bc56900a6f4cd" alt="" /></p>
<p>可以添加希望突出强调的商品。可以选择“大图瀑布流”即单列或者“双列瀑布流”两种排列方式。“加入购物车”可以显示文字或图标。</p>
<h2>商品分类</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/9e7102827bb816d856e03407149e573c" alt="" /></p>
<p>商品分类模块，支持分类显示商品。分类可以在上、或在左（因为外卖平台的流行，分类显示在左侧的商家越来越多）。商品列表可以选择不同方式，“单行列表”适用于商品多、图片质量一般的情况；如果商品数量不多、图片精致希望顾客能看到大图，可以用“大图瀑布流”；如果商品数量稍多，“双列瀑布流”可以显示得紧凑又不失图片清晰。</p>
<h2>一组商品</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/b69c6e0866fdb9b83ba5c1d19f37b648" alt="" /></p>
<p>先选择商品标签，然后选择该标签下需要重点展示的商品。如果有很多，在微信上使用时点击“更多商品”会进入该标签商品的专门页面。</p>
<h2>免费领券</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/27b2553203c9eb1f987ffbe511755193" alt="" /></p>
<p>提前设置好券，然后在“免费领券”模块可以选择呈现哪些券给顾客领取。</p>
<h2>倒计时</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/a13ce9ecb9c8a453cfb107bc16576ea5" alt="" /></p>
<p>倒计时组件可与其他组件配合使用，营造一种优惠活动马上到期的紧迫感。</p>
<h2>富文本</h2>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/78f45262fb16f09be7ede1f9615280fc" alt="" /></p>
<p>富文本组件可以随意组织文字、图片等各种形式，还可以插入导航链接。适用于做一些说明性部分。</p>
<h2>辅助空白</h2>
<p>空白组件用于排版隔开其他组件。</p>
<h2>页脚和台头</h2>
<p>公众号关注引导和客服电话，会默认显示到页脚。可以配置，如下图所示：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/87e76589254eecf4c588fc66d530b356" alt="" /></p>
<p>“引导链接”和“引导二维码”填写一个即可。</p>
<p>页眉台头可以设置页面名称和分享文案（分享微信好友的样子），如下图：</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitfile/sign/062e56b02ce7bcaa84cb91514aea15ae" alt="" /></p>
<ul>
<li>页面用途：微信商城使用“普通页面”即可。“微信点单”在烘焙行业不常用。</li>
<li>配送自取显示：如果启用，代表进入此页面之前先让用户选择配送或自取信息，配送地址、自取门店、预期送达时间，这些信息将用于分配分店、判断对应的库存是否足够。一般来说，以蛋糕为主的微信商城倾向于让顾客先“逛”、库存也不是能否下单的决定因素，所以建议不启用；而以面包为主的微信商城，尤其是卖得比较火爆、库存经常卖光的商家，则倾向于让顾客先提供相关信息再进入，避免顾客逛了半天之后选购的东西都没货造成顾客不满。</li>
</ul>