折叠标签的效果是能在特定范围内点击标签能缩小和显示内容。使用折叠标签的好处是在有限的范围内预览内容，而且不用进行太多的页面滚动，极大的提升用户体验。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面点击【模块-新增模块-排版】，添加【折叠标签】模块。

2. 编辑模块

2.1 鼠标移动到模块右上角，出现【编辑折叠标签】按钮，点击进入。

2.2 在编辑模块弹窗中可添加标签项，设置标签项名称。如标签风格选择【切换式】，默认展开仅支持勾选一个标签项。

点击查看：横向/纵向标签使用教程

点击查看：图片标签使用教程

2.3 标签风格说明：排列式是指多个标签项可以同时展开；切换式是点击标签项后，只会展开一个标签项。

3. 添加内容

3.1 分别给标签添加模块。如需展示产品可添加产品展示模块、展示文字或图片可添加常用模块。根据实际需求添加对应模块来展示内容即可。

4. 设置样式

4.1 鼠标移动至模块右上角点击设置样式按钮，在【换皮肤】中可更换模块皮肤或展示样式，在【自定义样式】中可对模块文字、背景等进行自定义设置。

利用横向标签/纵向标签可以实现点击不同标签出现不同内容的效果。

二、功能说明

【版本】无版本限制

三、设置教程（本教程以添加“横向标签”模块为例。）

1. 添加模块

方法1：进入电脑网站设计页面，点击页面左侧导航【模块-新增模块-排版】进行添加【横项标签/纵向标签】模块；

方法2：在左侧导航点击【模块】，直接点击搜索框输入关键词搜索模块添加。

单击默认添加到当前页面底部，长按可拖动模块到指定位置。

2. 编辑模块

2.1 新增标签

鼠标放在模块上，出现编辑按钮时点击【+】直接添加标签。或者点击【编辑横向标签】进入【常规】导航项【添加标签项】。

2.2 常规

在【常规】中可编辑模块标题、选择样式、添加/删除标签项等操作。

图片标签使用教程：点击查看

2.3 高级

切换效果：滑动-鼠标滑动即切换标签，点击-鼠标点击后切换标签

跳转链接：开启后可对每个标签项设置跳转链接，支持点击跳转到对应文章分类、栏目页等

显示更多：开启后显示“更多>>”点击跳转到预设链接

标签高度介绍：/sys/view.jsp?id=1119812‍

3. 添加内容

完成以上标签的编辑后，需给标签添加内容。（标签模块内无法添加排版模块）

可直接点击标签内的“添加模块”按钮进行添加，或拖动新模块至标签内。

4. 设置样式

鼠标放在模块上，点击编辑样式按钮进入支持设置模块皮肤颜色，更换样式等操作。

标签模块高度自适应的效果

不同标签之间的内容高度不一样，标签模块的整体高度会随着标签内容高度的变化而变化。例如，由于标签“产品展示1”的内容较多，当从标签“产品展示1”切换到标签“产品展示2”时，标签模块的整体高度会发生改变。

二、功能说明

【版本】无版本限制

三、设置教程

1.1 进入电脑网站设计页面，在页面做成导航点击【模块-排版】，新增一个【横向标签】或【纵向标签】。教程以纵向标签模块为例。

1.2 鼠标悬停在纵向标签模块上，点击左上角的【编辑纵向标签】按钮，在弹窗内选择【高级】，勾选【独立设置标签高度】。

1.3 添加功能模块到纵向标签模块中。这里以【产品展示】模块为例，添加两个产品展示模块到纵向标签模块中，在【产品展示1】模块中添加8个产品，在【产品展示2】模块中添加4个产品，由于两个模块的内容高度不一样，因此在两个模块间切换时，标签的整体高度会变化，如图。

四、注意事项

当添加【文本模块】、【图片模块】、【按钮模块】到标签模块内时，由于这三个模块默认是会被放置在自由容器内，因此添加这三个模块到标签模块内，都相当于添加了自由容器到标签模块内。

由于自由模块的默认高度是固定的，因此当添加这三个模块到标签模块内时，勾选了独立设置标签高度后，还需要手动调整自由容器的内容高度，才能实现标签模块高度自适应的效果。

添加图片标签模块可以设置如下图效果，适用用于展示人物介绍、团队介绍、产品展示等。

二、功能说明

【版本】无版本限制

【格式】支持上传jpg、jpeg、bmp、png、gif图片

三、设置教程

1. 添加模块

在建站电脑端设计页面导航点击【模块-新增模块-排版】添加【图片标签】模块（单击模块默认添加在当前页面较底部）。

2. 模块设置

2.1 编辑模块

鼠标放在标签图片上，出现编辑名称按钮时点击进入编辑模块页面。

2.2 编辑标签模块常规项。

标签风格设置后对全部标签项生效；

标签图片支持上传jpg、jpeg、bmp、png、gif图片；

可以点击排序进行标签项排序，也可以直接长按拖动排序。

2.3 编辑标签模块高级项。

切换效果：滑动-鼠标滑动即切换标签，点击-鼠标点击后切换标签

跳转链接：开启后可对每个标签项设置跳转链接，支持点击跳转到对应文章分类、栏目页等

显示更多：开启后显示“更多>>”点击跳转到预设链接

标签高度介绍：/sys/view.jsp?id=1119812‍

3. 标签内容

设置好标签模块后，我们需要给标签添加对应的展示内容。添加内容有两种方式，【添加模块】或者【添加素材】。

3.1 添加模块

在图片标签中点击添加模块，可以添加除排版模块外其他模块。您可以随意调整模块的摆放位置来达到您喜欢的效果。

3.2 添加素材

在图片标签中点击添加素材，选择您喜欢的素材可以直接添加在标签内，添加后您可以二次编辑素材来达到您想要的效果。

4. 设置样式

鼠标放在模块上，出现编辑按钮时点击设置样式按钮，可以更改模块样式。

多列排版的好处是能够在一定的区域里可以以多列的形式来展示内容。同时也能够根据个人需求添加不同的模块展示。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面点击左侧导航【模块-新增模块-排版】，添加【多列排版】模块。

1.2 选择排版列数，最多支持五列（根据实际需求选择，并非越多就越好哦）。列间距默认为10，支持自定义列间距。

1.3 添加好多列排版后给排版分别添加模块或素材。

1.4 最后根据需求调整好模块位置即可。

通栏介绍：

通栏是承载模块的容器，模块被放置在通栏之中：模块可任意摆放，同时具备自由块的特质，可圈选多个模块进行对齐、复制等操作、模块移动有对齐线等。

添加常用模块到通栏中，直接添加，不再包于自由容器中再添加。

通栏默认带有左右内边距（不同屏幕分辨率的左右内边距数值不同），内边距可调节。

可实现效果：

可添加全屏背景，实现与横幅类似效果。不受区域宽度影响。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加通栏

1.1 在电脑网站设计页面点击左侧导航【模块-新增模块-排版】，添加【通栏排版】模块。

2. 编辑模块

2.1 添加通栏排版模块后点击【编辑通栏模块】按钮，进入设置通栏模块。

2.2 通栏默认背景无底色，可点击通栏背景自定义，给通栏设置背景色或设置图片/视频背景（付费版本视频较大不超过1024m）。

选择差速能带来很好的视觉差效果，轮播是图片轮流播放，两者都是要求在有背景图的条件下才能操作。

效果-轮播

①选择轮播效果，如未开启独立轮播背景页，则单张背景图片做轮播效果。

②如开启独立轮播页背景，可单独设置每一个背景图，做多图轮播效果。

2.3 在【高级】中设置通栏的边框、内容边距和宽度。

3. 添加模块

3.1 在通栏里添加模块或添加素材，根据个人需求编辑内容。

3.2 通栏模块结合通过文本、图片、按钮模块即可做出下图炫酷效果。

网站内容/产品非常多的时候，可以添加搜索模块，用户通过关键词搜索相关内容/关键词，提升用户体验感。

二、功能说明

【版本】无版本限制

三、设置教程

1. 产品搜索

使用场景：通过产品名称/产品信息搜索出产品…

1.1 在电脑网站设计页面点击左侧导航【模块-新增模块-产品】，添加【产品搜索】模块。

1.2 在【常规】中选择模块颜色、模块背景色、样式。

1.3 在【搜索设置】中设置搜索提示、搜索类型、搜索内容。

① 搜索类型：支持精准搜索或模糊搜索。

② 搜索内容：可以选择【指定参数】或【全部】（“全部”是包括产品名称、产品参数、所有产品库）。

搜索内容设置选择【指定参数】时，可以对不同产品库分别设置产品库内的哪些参数允许作为搜索内容，并不是说这个模块只搜索该产品库。

1.4 在【展示设置】中设置搜索框宽高，设置相关搜索推荐关键词。

（每个关键词可以加10个字符；1个汉字=2个字符，1个英文/数字=1个字符。如果是组合设置，只要不超过10个字符就可以）

1.5 设置完成后点击【确定】完成添加。鼠标放置模块上进行拖动到合适的位置。点击【设置样式】按钮可进行模块常规、内容区、动画区的设置。

2. 全站搜索

2.1 在电脑网站设计页面点击左侧导航【模块-新增模块-互动】，添加【全站搜索】模块。

2.2 在【常规】中选择模块颜色、模块背景色、模块样式。

2.3 在【搜索设置】中设置搜索提示、搜索类型、搜索内容和下拉菜单。

① 搜索类型：支持精准搜索和模糊搜索（同时会影响全站搜索模块的下拉菜单的显示）

精准搜索是指，搜索结果中，必须有和搜索词完全一致的那一部分内容，搜索词和搜索结果中的某一部分是100%匹配的，那一部分是“完全匹配”的；

模糊搜索是属于“不完全匹配”类型，也就是只需要匹配到搜索的关键词的部分内容即可检索出来。*如果是英文字母的单词，还是需要搜索一整个词才能正常搜出结果。

② 搜索内容：支持全部或指定范围

电脑网站全站搜索模块搜索范围包括：产品名称、产品参数、产品详细说明、文章标题、文章详细说明、栏目标题、栏目图文、图册名称（仅图册）、图册详情（仅图册）、下载文件名称。可以设置指定搜索某几个范围。

2.4 在【展示设置】中设置搜索框宽度与高度，设置推荐关键词。

2.5 完成以上设置后点击【确定】添加模块，添加后可移动模块到合适位置。

四、常见问题

Q：搜索是否区分英文字母大小写？

A：全站搜索模块、产品搜索模块都不区分字母大小写。

留言功能是用户对网站进行反馈的主要通道，网站管理者要想提高网站的用户体验，那么为网站增加一个留言功能是必不可少的，网站有了留言功能后，管理者能够根据用户反馈的意见对网站以及是网站产品销售，服务等进行改善，从而可以提高用户的体验度。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面左侧导航点击【模块-新增模块-互动】，添加【留言提交】模块。

1.2 在【常规】中选择模块样式，如选择样式二可设置按钮样式。

1.3 在【高级】中设置是否显示更多。如设置显示，点击更多按钮可查看留言。

1.4 完成以上设置后点击【保存】完成模块添加，拖动模块到合适位置。可以点击【设置样式】按钮进入编辑模块内容、动画等样式。

2. 管理留言

用户提交的留言可在管理后台查看、管理、导出。

点击查看：管理后台【留言】功能介绍

如网站为全屏沉浸式浏览效果，可在指定页面插入会员登录页面，不影响其他页面的浏览同时又有会员登录入口。

二、功能说明

【版本】无版本限制

三、设置教程

1. 在电脑设计页面点击左侧导航【模块-新增模块-互动】，添加【会员登录】模块。

2. 在弹窗中选择按钮样式后点击【保存】即可添加模块。添加后可拖动模块到合适位置，同时可进行样式的设置。

对于企业，会有一些和自身业务相关的数据，需要给到客户提供查询服务，信息查询模块正是帮助企业满足这类服务的。

二、功能说明

【版本】高级版及以上

三、设置教程

1.1 在电脑设计页面左侧导航点击【模块-新增模块-互动】，添加【信息查询】模块。

1.2 若出现无法添加模块，则需要查看是否开启查询功能。

1.3 在添加模块弹窗选择需要展示的查询项目，设置是否显示查询名称、提示，如没有查询项目，点击右上角的【添加查询】开始添加内容。

点击查看：信息查询系统使用教程-Excel导入（☆推荐）

点击查看：信息查询系统使用教程-手动添加

1.4 添加完查询项目及模块后，可拖动模块到合适位置，点击【设置样式】按钮可进入设置模块动画、背景色等。

图册相当于一个个文件夹，每个文件夹里可以存放不同主题的图片，使用图册可以妥善管理多张图片。使用图册分类可以将这些文件夹进行整理分类，使得其在网站页面可以按分类显示。图册分类与筛选结果页结合还可实现左边点击分类，右边出现对应分类图册的效果，让用户拥有更好的查看体验。

二、功能说明

【版本】无版本限制

三、设置教程

1. 创建图册及分类

点击查看：图册功能使用教程

2. 添加图册分类模块

2.1 在电脑网站设计页面左侧导航点击【模块-新增模块-高级】，添加【图册分类】模块。

2.2 在弹窗中选择模块方向、分类以及打开方式。然后点击【确定】添加模块。

2.3 点击任意一个分类进入图册分类筛选页。

2.4 在左侧添加【图册分类】模块，并设置模块方向为：纵向，打开方式为：当前窗口。完成后即可实现点击左侧图册分类，右侧显示对应图册分类内容的效果。

2.5 完成效果后可以分别点击两个模块进行样式的设置，调整至喜欢的样式效果。

一、功能介绍

动态数字模块提供从0至预设数值的数字滚动效果，可以很好的增强网站动态设计感，对强调数据的网站设计来说，可吸引用户视觉关注。

上方案例的效果仅需添加文本模块+数字动态模块即可实现。

① 添加文本模块，编辑好相关文字

② 添加动态数字模块，编辑好数字相关设置

③ 调整两个模块的位置

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面左侧点击【模块-新增模块-高级】，添加【动态数字】模块。

2. 编辑模块

2.1 鼠标移动到模块上，点击【编辑数字】按钮，输入开始数字与结束数字。

2.2 点击【编辑文本】按钮可调整数字颜色、字体、字号等。

2.3 点击【设置动画】按钮编辑数字持续、延迟时间。点击【播放动画】按钮可查看效果。如下图：

2.4 如有需要也可以给模块设置跳转链接（例如公司注册时间的文案点击可跳转到公司介绍页面）。

在线地图模块能用于展示企业所在地址、联系方式等信息，便于用户查看并联系企业。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面左侧导航点击【模块-新增模块-高级】，添加【在线地图】。

1.2 在【常规】中点击编辑按钮，进入【编辑地址】输入公司所在地址或公司名字，点击【搜索位置】按钮，地图会自动定位到您的公司所在地址。同一个在线地图模块中支持添加多个地址。点击【添加地址】创建新的地址。

1.3 在【高级】中设置是否显示地图详情。

1.4 信息显示位置如下，完成地图模块添加后，拖动地图模块至合适位置即可。

2. 地图版本说明

支持选择“百度地图”或“谷歌地图”。

① 使用“谷歌地图”：

国内访客无法正常访问谷歌地图，会出现提示“当前谷歌地图在中国区已经被屏蔽”。

设置时，需要在谷歌未屏蔽地区才可以保存设置；不一定要设置英文地址，设置中文地址的也是可以正常搜索的，但是前提是谷歌地图接口带有这个地址才能搜索出结果。不支持多地址。

② 使用“百度地图”：

百度地图没有提供英文版接口，即使网站使用英文版语言版本，地图还是中文内容的。如需要添加国外地址，建议使用谷歌地图。

支持多地点模块样式选择，且模块样式面板中支持文字自定义设置等。

四、常见问题

Q：如果出现无法准确定位的情况怎么办？

A：请检查是否有输入详细的地址，例如xx市xx区xx路xx街xx巷xx号，需要尽量写详细

在网站提供当前时间显示，给用户更贴心的访问体验感。例如有预约性质的网站，当前时间的显示突显出网站的人性化。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

1.1 在电脑网站设计页面左侧导航点击【模块-新增模块-高级】，添加【当前时间】模块。

1.2 选择模块样式后点击【确定】完成模块的添加，添加后可以拖动模块到合适位置。

2. 设置样式

2.1 鼠标移动到模块上，点击【设置样式】按钮，进入内容区可调整文字字体、字号、颜色及样式，同时支持给文字设置跳转链接。

点击收藏本站按钮直接收藏网站，点击设为首页按钮可将网站设为浏览器首页（即打开浏览器靠前个页面）。

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

在电脑网站设计页面左侧导航点击【模块-新增模块-高级】，添加【收藏本站】模块，点击【确定】完成模块的添加。

2. 设置样式

添加模块后，鼠标移动到模块上，点击【设置样式】给文字设置字体、字号、颜色。

3. 调整位置

拖动模块移动到合适到位置。

四、相关说明

① 收藏本站

目前谷歌、360、火狐、2345加速浏览器，不能直接收藏本站；

搜狗、ie8、猎豹浏览器可以点击收藏本站按钮直接收藏网站。

② 设为首页

点击【设为首页】没有反应或者任何效果，是因为被浏览器阻止了。

建站电脑版提供设计素材，可点击使用直接套用素材，简单修改内容就可以拥有一个好看的网站设计效果。

二、功能说明

【版本】无版本限制

三、设置教程

1. 新增素材

1.1 在电脑网站设计页面左侧导航点击【模块-新增素材】。

2. 选择素材

2.1   选择喜欢的素材点击预览可查看素材以及素材的宽高。

2.2 点击使用可添加素材。

3. 编辑素材

3.1 素材一般是多个模块的组合，添加素材后可以编辑模块。如文本模块，修改为网站需要的内容；图片模块修改与网站内容相关的图片。

可在【栏目模块】中查看已经添加和隐藏的模块，如模块数量太多可进行删减释放模块数量。

二、功能说明

【版本】无版本限制

三、设置教程

1. 在电脑网站设计页面点击左侧导航【模块-栏目模块】，可查看栏目下所用的模块以及被隐藏的模块。点击被隐藏模块的“眼睛”按钮可恢复模块。

2. 进入管理模块弹窗，可筛选未使用模块进行管理，支持全选未使用模块批量删除。筛选已使用模块，可查看当前使用模块数量情况。

3. 不同版本自定义模块数量限制不同，如提示已达到数量限制可通过步骤2办法进行清理。

导航栏是提示引用户进入相关页面的标识，让访问者清晰快速的找到所需资源。导航栏的设置是提高用户体验度的因素之一，在建设网站过程中导航栏起到关键作用。

（图来源：淘宝）

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

在电脑网站设计页面点击左侧导航【模块-新增模块-产品】，添加【商城导航】模块。

2. 管理分类

商城导航默认展示网站全部产品分类，因此需要先在管理后台设置好产品分类。

点击查看：产品分类使用教程

3. 编辑模块

3.1 常规

在常规中选择模块样式和模块背景色。

3.2 高级

① 图标：支持设置显示图标，给分类添加图标。如下图：

② 行高：支持自定义导航行高。

③ 默认展开：首页指首页内会展开显示分类项，其他页面默认收起；全部展开指在任意页面分类项都是展开显示的；不展开指在任意页面分享类都是收起状态。

④ 跳转方式：可选择新窗口或当前窗口进入选择的分类筛选页。

⑤ 导航菜单：勾选有下级菜单时不可点击后如分类有三级分类，那么一级与二级分类点击无效果，需要点击三级分类才会进入分类筛选页。

如未勾选则分类有三级分类时，一级与二级点击也可进入对应分类筛选页。