# 微页面使用教程

<div data-elink-language-switch="1" id="bkmrk-english" style="border:1px solid #d6d9de;border-radius:6px;padding:10px 12px;margin:0 0 18px 0;background:#f8fafc;font-size:14px;">[English](/books/settings-store/page/tutorial-on-using-micro-pages)</div>**<span style="font-family:'微软雅黑', 'sans-serif';">一、功能介绍</span>**

微页面，是商家自主搭建个性化知识店铺页面的功能。微页面内的内容及展示样式，均可通过添加组件的方式实现自定义设置，一个知识店铺内可自主搭建多个页面，配合店铺导航实现跳转。

**特别提醒：**如果商家的H5店铺和小程序的用途不一样，可将H5店铺和小程序主页分开设置不同的微页面。（如商家的H5店铺主要用于售卖课程，小程序主要用户沉淀用户）

**<span style="font-family:'微软雅黑', 'sans-serif';">  
</span>**

**<span style="font-family:'微软雅黑', 'sans-serif';">二、场景示例</span>**

如果您的知识店铺课程较多，同时还有打卡、社群等活动，那么您可以采用店铺-微页面进行个性化展示设置；或者，您也可以制作多个微页面，例如一个微页面专门承载课程的促销活动，一个微页面专门承载测试活动、线下活动等社群内容，作为店铺的两个展示页面，配合店铺店铺实现跳转，节省用户查找内容的时间，给用户提供更好的购买/浏览体验。

**三、操作步骤**

1.第一步

<span style="color:rgb(53,53,53);background-color:rgb(255,255,255);">点击“店铺管理”-“移动端”-“微页面”，进入店铺微页面页：</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/3946000_1566791033.png ".png")

2.第二步

在微页面中，有22种组件可供选择，点击某组件，即可添加该组件并进行编辑，点击【保存】按钮即可保存微页面；

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/36622100_1566791033.png ".png")

<span style="font-family:'微软雅黑', sans-serif;color:#000000;font-size:16px;">若要复制已经创建好的微页面，则找到该微页面，点击【更多】-【创建副本】，即可复制一个一模一样的微页面；</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/65588100_1566791033.png ".png")

<span style="font-family:'微软雅黑', sans-serif;color:#000000;font-size:16px;"></span>

3.第三步

<span style="font-family:'微软雅黑', sans-serif;font-size:16px;">建好的微页面可以选择设置为店铺/小程序主页；</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/88027000_1566791033.png ".png")

4.第四步

微页面的应用：微页面是个可在店铺展示的页面，通过店铺导航、小程序导航、轮播图组件、分类导航组件选择跳转链接时，均可以选择跳转到某微页面。

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/86263500_1566791032.png ".png")

**四、最终效果**

将微页面设置为店铺首页后，用户即可看到微页面的展示效果。

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/15465500_1566791034.png ".png")