# 电脑端店铺

# 电脑端店铺导航使用教程

<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-the-store-navigation-on-the-desktop)</div><span class="bold:true font-family:Microsoft Yahei font-size:10.5pt" style="font-weight:bold;"></span>

<span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:17px;">一、 功能介绍</span><span style="font-size:15px;"><span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"></span><span style="color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">店铺导航，是商家自主设置知识店铺页面底部导航的功能。最多可设置6个导航，通过个性化导航设置，引导用户快速找到自己感兴趣的内容。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:17px;">二、 使用目的</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">商家设置店铺导航可以把页面进行分类以及引导用户去浏览不同主题的页面。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:17px;">三、 场景示例</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">场景一：商家的知识店铺内商品、活动较多，那么可以通过店铺导航进行页面引导。店铺导航可以跳转到微主页/ 课程主题/最新。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">场景二：商家可以设置一个活动的页面，一个课程促销页面，通过店铺导航，用户就可以实现主页/活动/促销/我的等页面的跳转，引导用户关注您提前设置好的内容。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:17px;">四、 操作路径</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">商家端：电脑端管理台→店铺<span style="font-size:15px;color:rgb(53,53,53);background-color:rgb(255,255,255);">→ </span> 店铺装修 →电脑端店铺 →店铺导航</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"> </span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:17px;">五、 使用教程</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第一步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">点击【店铺管理 - 电脑端 - 店铺导航】，进入店铺导航编辑页；</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"></span>![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/62904200_1699602429.png ".png")

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第二步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">您可以上传导航logo并在上方查看效果</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="width:547px;height:103.861px;font-size:15px;">![2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/65296900_1699602429.png ".png")</span>

<span style="width:547px;height:99.9892px;font-size:15px;">  
</span>

<span style="width:547px;height:99.9892px;font-size:15px;"></span>

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第三步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">您可以自定义课程搜索栏是否显示，显示则可以在预览效果栏查看效果</span></span>

<span style="width:547px;height:99.9892px;font-size:15px;">![3.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/81345400_1699602429.png ".png")</span>

<span style="width:547px;height:99.9892px;font-size:15px;">  
</span>

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第四步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">您可以自定义导航名称和导航跳转到的页面；还可用鼠标点击拖动导航编辑框，调整其顺序导航，最多可以添加至6个；</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

![4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/94991800_1699602429.png ".png")<span style="width:547px;height:99.9892px;font-size:15px;">  
</span>

# PC店铺新手入门

<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/newcomers-guide-to-pc-online-store)</div><span style="font-size:15px;">**第一步：**注册店铺：https://admin.xiaoe-tech.com/helpCenter/problem?first\_id=38&amp;second\_id=133&amp;document\_id=doc\_5a100547a8b71\_qai4S</span>

<span style="font-size:15px;">**第二步：**开通PC独立官网的前提，必须开通/续费旗舰版，从终端设置&gt;电脑端店铺，进入PC网开通PC网校</span>

<span style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;white-space:pre;font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/52707000_1699609840.png ".png")</span>

<span style="background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;white-space:pre;font-size:15px;">  
</span>

<span style="font-size:15px;">**第三步：**<span style="font-size:15px;">终端设置&gt;电脑端店铺</span>，分别设置微页面、店铺导航、电脑端设置和页脚设置。</span>

<span style="letter-spacing:0pt;white-space:pre;font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/55532200_1699609937.png ".png")</span>

<span style="letter-spacing:0pt;white-space:pre;font-size:15px;">  
</span>

<span style="font-size:15px;">**第四步：**设置好之后，可点击微页面的【分享】，选择复制PC网校链接或直接打开网页地址</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/45737500_1699609937.png ".png")<span style="font-size:15px;"></span>

# 页脚设置使用教程

<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-the-footer-settings)</div><span style="font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', sans-serif, 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC';white-space:pre;font-size:14px;"></span>

<span style="font-size:15px;"><span style="font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">页脚自定义支持三种样式，分别为默认模板、模板一、模板二，三种样式均支持自定义文字内容。</span><span style="font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:10.5pt;font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第一步：</span><span style="font-size:10.5pt;font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">进入【首页】-【终端设置】-【电脑端店铺】，点击【页脚设置】</span><span style="font-size:11pt;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:10.5pt;font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/93881800_1700211842.png ".png")</span></span>

<span style="font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:15px;"></span>

<span style="font-size:15px;"><span style="font-size:10.5pt;font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第二步：</span><span style="font-size:10.5pt;font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">选择合适的模板，并对模板内容进行编辑</span><span style="font-size:11pt;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', sans-serif, 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC';background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;white-space:pre;font-size:15px;"></span>

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

<span style="font-size:15px;">**<span style="font-size:15px;color:rgb(53,53,53);font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', sans-serif, 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC';white-space:pre;background-color:rgb(255,255,255);">第三步：</span>**<span style="font-size:15px;color:rgb(53,53,53);font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', sans-serif, 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC';letter-spacing:0pt;white-space:pre;background:rgb(255,255,255);vertical-align:baseline;">点击保存并启用，</span><span style="font-size:15px;color:rgb(53,53,53);font-family:'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Noto Sans CJK SC', sans-serif, 'SF Pro', Roboto, 'Droid Sans', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Heiti SC';letter-spacing:0pt;white-space:pre;background-color:rgb(255,255,255);">即可成功启用该模板。</span></span>

![spacer.gif](https://super.xiaoe-tech.com/ueditor/themes/default/images/spacer.gif "正在上传...")

# 富文本组件使用教程

<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-the-rich-text-component)</div><span style="font-size:14px;">可通过富文本实现个性化、灵活的页面装修，比如做海报做活动页，只怕想不到，没有它完不成。</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;font-size:14px;background-color:rgb(255,255,255);">![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/33248200_1612682073.png ".png")</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;font-size:14px;background-color:rgb(255,255,255);">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;font-size:14px;background-color:rgb(255,255,255);">![2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/13000900_1612682082.png ".png")</span>

# 导师专题使用教程

<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-the-tutor-special-topic)</div><span style="font-size:14px;">导师专题组件提供2种样式，一种为横向，一种为竖向，每种样式支持4种背景颜色，每种样式最多支持添加10个老师。</span>

<span style="font-size:14px;">● 样式1：</span>

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

<span style="font-size:14px;">● 样式2：</span>

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

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">显示在PC网站效果如下图：</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">![3.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/52226000_1612684299.png ".png")</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">![4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/10859700_1612684300.png ".png")</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif;background-color:rgb(255,255,255);font-size:14px;">  
</span>

# 电脑端微页面使用教程

<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-the-micro-page-on-the-desktop)</div><span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:17px;">一、功能介绍</span><span style="font-size:15px;"><span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span><span style="color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">微页面，是商家自主搭建个性化知识店铺页面的功能。微页面内的内容及展示样式，均可通过添加组件的方式实现自定义设置，一个知识店铺内可自主搭建多个页面，配合店铺导航实现跳转。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:17px;">二、使用目的</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">商家可以对微页面进行管理，进行新建、页面设置、装修、分享、删除以及创建副本操作管理。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:17px;">三、场景示例</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">场景一：如果商家的知识店铺课程较多，那么可以采用【店铺-微页面】进行个性化展示设置。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">场景二：如果商家微页面比较类似，可以创建微页面副本进行快速复制，节省重复操作流程。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">场景三：可以制作多个微页面，例如一个微页面专门承载课程的促销活动，一个微页面专门承载课程最新的内容，可以根据主题分类内容，在店铺展示多个不同主题的页面，配合店铺实现跳转，节省用户查找内容的时间，给用户提供更好的购买/浏览体验。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:17px;">四、操作路径</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">商家端：终端设置 → 电脑端店铺<span style="font-size:15px;">→页面管理</span></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"> </span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:17px;">五、使用教程</span><span style="font-size:15px;"><span style="font-size:15px;font-weight:700;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

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

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第二步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">点击“装修”选项进入装修店铺页面，有多种组件可供选择，点击某组件，即可添加该组件并进行编辑，点击【保存】按钮即可保存微页面；</span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">![电脑端装修.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/97399400_1699602596.png ".png")</span></span>

<span style="font-size:15px;"><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">  
</span></span>

<span style="background-color:rgb(255,255,255);color:rgb(53,53,53);font-size:15px;">若要复制已经创建好的微页面，则找到该微页面，点击“创建副本”选项，即可复制一个一模一样的微页面；若复制多了或者不需要该页面可以点击“删除”选项删除微页面</span>

**<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;">备注：默认店铺主页不能删除</span>**

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/59695300_1699602677.png ".png")</span>

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;">  
</span>

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;"></span>

<span style="font-size:15px;">**<span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);"></span>**</span>

<span style="font-size:15px;"><span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第三步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">创建好的微页面，可以进行页面名称修改和TDK设置，好的TDK设置可提高网站的点击和排名，更能吸引刚需用户进入网站。</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;font-size:15px;">设置TDK前提：必须在电脑端设置里开启课程和微页面TDK设置，若关闭则无法设置。</span>

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;"></span>![5.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/25115500_1699602597.png ".png")

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

<span style="font-size:15px;font-weight:700;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">第四步：</span><span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);letter-spacing:0pt;vertical-align:baseline;">建好的微页面可以选择默认主页为主页，或者设置其他页面为主页</span>

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;"></span>![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/87095300_1699602975.png ".png")

<span style="color:rgb(53,53,53);background:rgb(255,255,255);font-size:15px;"></span>

<span style="font-size:15px;">**<span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);">  
</span>**</span>

<span style="font-size:15px;">**<span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);">第五步：</span>**<span style="font-size:15px;color:rgb(53,53,53);background:rgb(255,255,255);">建好页面可通过分享查看效果</span></span>

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

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

# 电脑端店铺导航设置教程

<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-navigating-settings-for-the-online-store-on-desktop)</div><span style="font-size:17px;">**一、 功能介绍**</span>

<span style="font-size:15px;">店铺导航，是商家自主设置知识店铺页面底部导航的功能。最多可设置6个导航，通过个性化导航设置，引导用户快速找到自己感兴趣的内容。</span>

<span style="font-size:14px;">  
</span>

<span style="font-size:17px;">**二、 使用目的**</span>

<span style="font-size:15px;">商家设置店铺导航可以把页面进行分类以及引导用户去浏览不同主题的页面。</span>

<span style="font-size:14px;">  
</span>

<span style="font-size:17px;">**三、 场景示例**</span>

<span style="font-size:15px;">场景一：商家的知识店铺内商品、活动较多，那么可以通过店铺导航进行页面引导。店铺导航可以跳转到微主页/ 课程主题/最新。</span>

<span style="font-size:15px;">场景二：商家可以设置一个活动的页面，一个课程促销页面，通过店铺导航，用户就可以实现主页/活动/促销/我的等页面的跳转，引导用户关注您提前设置好的内容。</span>

<span style="font-size:14px;">  
</span>

<span style="font-size:17px;">**四、 操作路径**</span>

<span style="font-size:14px;">商家端：商家后台 → 终端设置 →电脑端店铺 →店铺导航</span>

<span style="font-size:14px;"></span>

<span style="font-size:17px;">**五、 使用教程**</span>

**<span style="font-size:14px;font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">第一步：</span>**<span style="font-size:14px;"><span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);"></span><span style="color:rgb(53,53,53);background:rgb(255,255,255);">点击【店铺 - 电脑端店铺 - 店铺导航】，进入店铺导航编辑页；</span></span>

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

<span style="font-size:14px;">**<span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">  
</span>**</span>

<span style="font-size:14px;">**<span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">第二步：</span>**<span style="color:rgb(53,53,53);background:rgb(255,255,255);">您可以上传导航logo并在上方查看效果</span></span>

<span style="font-size:14px;color:rgb(53,53,53);background:rgb(255,255,255);">![帮助中心-PC网校-店铺导航设置教程2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/11076500_1699610677.png ".png")</span>

<span style="font-size:14px;">**<span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">第三步：</span>**<span style="color:rgb(53,53,53);background:rgb(255,255,255);">您可以自定义课程搜索栏是否显示，显示则可以在预览效果栏查看效果</span></span>

<span style="font-size:14px;color:rgb(53,53,53);background:rgb(255,255,255);">![帮助中心-PC网校-店铺导航设置教程3.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/56035500_1699610677.png ".png")</span>

<span style="font-size:14px;">**<span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">  
</span>**</span>

<span style="font-size:14px;">**<span style="font-family:'Microsoft Yahei';color:rgb(53,53,53);background:rgb(255,255,255);">第四步：</span>**<span style="color:rgb(53,53,53);background:rgb(255,255,255);">您可以自定义导航名称和导航跳转到的页面；还可用鼠标点击拖动导航编辑框，调整其顺序导航，最多可以添加至6个；</span>  
</span>

![2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/8514200_1699610678.png ".png")<span style="font-size:14px;color:rgb(53,53,53);background:rgb(255,255,255);"></span>

<span style="font-size:14px;color:rgb(53,53,53);background:rgb(255,255,255);"></span>

# 用户可以在PC版店铺支付购买课程吗？

<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/can-users-pay-to-purchase-courses-in-the-pc-version-of-the-online-store)</div><span style="font-size:14px;"> 电脑浏览器访问付费课程后，点击购买按钮时，会弹出二维码引导用户通过手机微信扫码，扫码之后进入微信移动端的课程页面进一步完成支付，目前仅支持移动端微信支付，暂不支持通过pc端进行支付，且支付方式仅支持微信支付，不支持支付宝或银行卡支付。</span>

# pc版店铺的页脚可以自定义设置吗？

<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/can-the-footer-of-the-pc-version-of-the-online-store-be-customized)</div><span style="font-size:14px;">您好，pc版店铺的页脚支持自定义，目前支持3个页脚模板给商家选择使用。详细操作请见以下教程：[https://admin.xiaoe-tech.com/helpCenter/problem?first\_id=256&amp;second\_id=303&amp;document\_id=doc\_5e5dfbaf202c5\_LIBrl](https://admin.xiaoe-tech.com/helpCenter/problem?first_id=256&second_id=303&document_id=doc_5e5dfbaf202c5_LIBrl)</span>

# 电脑端店铺支持什么互动工具？

<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/what-interactive-tools-are-supported-in-the-online-store-on-the-desktop-version)</div><span style="color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:15px;">目前PC版店铺的互动工具支持：作业本、考试、表单、打卡、证书、测试互动、练习、付费问答、活动管理、圈子</span>

<span style="color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;font-size:15px;">注意：目前都是以H5的形式支持的。</span>

# 用户在PC版店铺观看直播课程时能发语音吗？

<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/can-users-send-voice-messages-when-watching-live-courses-in-the-pc-version-of-the-online-store)</div><span style="font-size:14px;">讲师对直播课程开启了【用户语音发言】功能，用户通过电脑端浏览器观看该直播课程，也是可以发送语音进行讨论的。</span>

# PC版店铺的店铺导航适用的场景是什么？

<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/what-scenarios-are-the-store-navigation-of-the-pc-version-of-the-online-store-applicable-to)</div><span style="font-size:14px;">知识店铺内商品、活动较多，那么可以通过店铺导航进行页面引导。店铺导航可以跳转到微页面/ 知识商品/ 商品分组/自定义链接。</span>

# 店铺导航使用教程

<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-the-online-store-navigation)</div><span style="font-weight:bold;color:rgb(53,53,53);font-family:'微软雅黑', sans-serif;font-size:16px;">一、功能介绍</span>

<span style="color:rgb(53,53,53);font-family:'微软雅黑', sans-serif;font-size:16px;">店铺导航，是商家自主设置知识店铺页面底部导航的功能。最多可设置5个导航，通过个性化导航设置，引导用户快速找到自己感兴趣的内容。</span>

<span style="font-size:16px;">  
</span>

<span style="font-weight:bold;color:rgb(53,53,53);font-family:'微软雅黑', sans-serif;font-size:16px;">二、场景示例</span>

<span style="color:rgb(53,53,53);font-family:'微软雅黑', sans-serif;font-size:16px;">如果您的知识店铺内商品、活动较多，那么您可以通过店铺导航进行页面引导。店铺导航可以跳转到微主页/ 知识商品/我的消息/我的已购/自定义链接/商品分组。例如，您可以设置一个活动的页面，一个课程促销页面，通过店铺导航，用户就可以实现主页/活动/促销/我的等页面的跳转，引导用户关注您提前设置好的内容。</span>

<span style="font-size:16px;">  
</span>

<span style="font-weight:bold;font-size:16px;">三、操作步骤</span>

<span style="font-size:16px;">1.第一步</span>

<span style="font-size:16px;">点击“店铺管理”-“店铺装修”-“店铺导航”，进入店铺导航编辑页；</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif, TXihei, THeiti;font-size:16px;">  
</span>

<span style="font-size:16px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/85745900_1564393116.cn/txdocpic/0/e64b32c7d8adbacfe966ec541d4a2329/0)</span>

<span style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif, TXihei, THeiti;font-size:16px;">  
</span>

<span style="font-size:16px;">2. 第二步</span>

<span style="font-size:16px;">您可以自定义导航名称、导航图标和导航跳转到的页面（首页和我的导航跳转链接不可更改）；还可用鼠标点击拖动导航编辑框，调整其顺序（首页和我的导航位置不可更改），导航最多可以添加至5个；</span>

<span style="font-size:16px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/23646800_1564393117.cn/txdocpic/0/9b923e19cc020dcaede7b2cdfde0bce5/0)</span>

<span style="font-size:16px;">  
</span>

<span style="font-size:16px;">3.第三步</span>

<span style="font-size:16px;">点击【<span class="author-p-158919413346 font-size:12pt" style="font-size:12pt;">保存】，店铺导航则保存更新并生效。</span></span>

<span style="font-size:16px;">  
</span>

<span style="font-weight:bold;font-size:16px;">四、最终效果</span>

<span style="font-size:16px;">店铺底部导航展示为运营者自定义的效果。</span>

<span style="font-size:16px;">  
</span>

<span style="font-size:16px;"><span class="author-p-158919413397 color:#353535 font-family:PingFangSC, Microsoft Yahei, Helvetica, Tahoma, Arial, Hiragino Sans GB, GB W3, STXihei, STHeiti, Heiti, SimSun, sans-serif font-size:10.5pt" style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif, TXihei, THeiti;font-size:10.5pt;"> </span><span class="Tencent-attachment-1563801055436-50ab93ae42f8dff2 author-p-158919413397 color:#353535 font-family:PingFangSC, Microsoft Yahei, Helvetica, Tahoma, Arial, Hiragino Sans GB, GB W3, STXihei, STHeiti, Heiti, SimSun, sans-serif font-size:9pt attrimg img" style="color:rgb(53,53,53);font-family:PingFangSC, 'Microsoft Yahei', Helvetica, Tahoma, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei, STHeiti, Heiti, SimSun, sans-serif, TXihei, THeiti;font-size:9pt;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/58649700_1564393117.cn/txdocpic/0/1ba4da28bfc3b69726afb13397ec9c02/0)</span></span>

# 微页面使用教程

<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")