如何使用快速联系组件?

["wechat","weibo","qzone","douban","email"]


一、什么是快速联系组件?


快速联系组件是一个展示互动工具并且支持访客通过这些工具与网站管理者互动的模块,互动工具包括:QQ、Skype、What'sApp、阿里旺旺、邮箱、电话、短信、二维码、其它。快速联系组件一般放在网站页头或页脚位置,这样每个页面可以共用这个组件,一般采用悬浮的方式展示在网页右侧或下方(在pc端和pad端一般悬浮在网页右侧,手机端悬浮在网页底部)。快速联系组件针对不同语种的网站也有不同的用法,一般外贸网站(英文或小语种网站),偏向于选择Skype和邮箱,而中文站上一般多用QQ、电话等联系方式,请在使用过程中添加最适合自己网站应用场景的联系方式。



二、如何使用快速联系组件?


1、如何查看快速联系组件是否已经存在?

如果这个快速联系组件已经存在了,就不需要再添加,直接根据需要进行相关操作就可以(具体操作见下文所述);

如果你的页面上需要这个组件,但是还没有添加,就需要先添加快速联系组件了;怎么判断页面上有没有这个组件?单击查看如何查看某一块内容是使用什么组件制作的?


2、如何添加快速联系组件?

在页面上添加组件的方法都是一样的,单击查看如何添加组件?

添加的组件名称为“快速联系”,如下图1所示:

图1:

快速联系组件.jpg



3、如何设置快速联系组件?


3.1 进入组件的“设置”分两种场景

1)此组件已经添加好的场景:进入所有这类组件设置项方法都是一样的,可以参考这个攻略:如何进入组件的设置项?

快速联系组件如果悬浮在页面上的话,它在网站后台页面上只是一个占位,在页面上直接找“快速联系占位”几个字就可以找到这个组件的所在,如何这些联系方式在每个页面都出现了,可以优先找页脚和页头区域,如果只在某一个页面出现了,那么需要在这个页面的正文区域来找,单击查看什么是页头、页脚、正文区域?如果快速联系组件固定在页面上的话,与其它组件一样的。悬浮在页面上举例如下图2所示:

图2:

找到快速联系占位几个字.jpg


2)新添加的组件的场景:在添加此组件时会弹出这个组件的的设置对话框。



3.2 在组件的设置中可以设置组件展示的内容(如图3)

组件标题:根据需要填写,固定在页面上时,填写此标题会显示出来;悬浮在页面上时,标题不支持显示;

联系列表:展示联系的方式,单击“新增一条”按钮,可以快速填写联系方式;

图3:

设置快速联系-内容.jpg



3.3 在组件的设置中可以设置组件内容的展示风格(如图4)

选择展示风格:支持浮动和固定两种风格,如果是浮动,在pc端和pad端一般悬浮在网页右侧,手机端悬浮在网页底部;

选择浮动位置:支持居左或居右;

图4:

展示风格浮动位置.jpg


选择配色:选择不同的风格,支持设置的内容也是不一样的。

选择第2、3、4、5种风格时,支持自定义背景颜色、以及自定义显示的图片:

配色-1.jpg


选择第6种风格时,支持设置以下信息:

初始化样式设置:背景颜色、文字颜色;

选中交互样式设置:背景颜色、文字颜色;

配色2.jpg


选择第7种风格时,支持设置:图标背景颜色,如下图所示:

选择第7种风格时.jpg


选择第8种风格时,支持设置鼠标悬浮图标颜色,如下图所示:

选择第8种风格.jpg


选择第1种和第9种风格时,不支持自定义风格,看到的是什么样子就是什么样子。



3.4 保存组件设置的内容

设置好内容和风格以后,要记得单击右下角的“保存”按钮;

保存.jpg



4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮,目的是把此修改保存到网站后台;

然后可以单击“预览”按钮查看不同终端下展示的效果,如果不合适可以到后台再做修改;

如果需要让访客也看到,请单击页面右上角的“发布”按钮,发布之后稍等两分钟左右即可看网站前台展示效果。

保存预览发布.png


三、产品优化

1(1)当用户的网站设计偏向扁平风格时,可以选择使用新增的快速联系组件风格,提高网站风格的美观度和统一性。

快速组件设置-》风格-》选择新增风格11

快速联系风格880


(2)即可使用新增的快速联系组件风格。

快速联系风格组件2 880


新增功能:(8月28日)

1、快速联系组件新增微信图标;

【应用场景】当用户希望在网站的快速联系中增加微信方式时,可以直接在快速联系组件设置中选择“微信”,快速联系组件将会展示微信图标,方便访客直观查看。

【操作方式】登陆进入领动云-》编辑网站-》快速联系组件设置-》新增联系方式-》选择微信。

快速联系微信方式


添加效果如下所示:微信图标展示


根据需要还可以对这个组件做以下操作,具体请单击以下链接了解。


5、单击查看如何编辑组件的样式(快速联系组件使用此功能的机会很少,知晓就可以)

组件的“编辑样式”功能主要可以编辑此组件的以下内容:组件背景、组件边框、组件边距、文字字号、颜色等,根据需求选择使用;

组件的“编辑样式”功能操作入口:所有组件的“编辑样式”功能操作入口都是一样的,具体操作方法请单击查看如何编辑组件的样式


6、单击查看如何应用组件?(快速联系组件使用此功能的机会很少,知晓就可以)

通过组件的“应用组件”功能,可以将当前页面的组件应用到其他页面上,因为原理上它们是同一个组件,所以在任何被应用到的页面上编辑/删除组件时,被应用的页面会一起变化,这个是“应用组件”和“复制组件”最本质的区别。此功能经常用于面包屑导航、产品分类组件、文章分类组件等。被应用过去的组件会出现在页面的最底端,可以用鼠标左键按住组件名称拖动到需要的位置;

组件的“应用组件”功能操作入口:所有组件的“应用组件”功能操作入口都是一样的,具体操作方法请单击查看如何应用组件?


7、单击查看如何删除组件?

如果确定不需要这个组件了,可以通过“删除组件”按钮把此组件删除掉,被删除的组件会默认放到组件回收站中。

组件的“删除组件”功能操作入口:所有组件的“删除组件”功能操作入口都是一样的,具体操作方法请单击查看如何删除组件?


8、单击查看如何恢复组件?

如果需要恢复已经删除的组件,可以到组件回收站中,找到对应的组件,然后执行【还原】操作,即可恢复此组件到原有的页面上,通常会位于页面的最底端。

恢复组件的操作入口:所有组件的恢复功能操作入口都是一样的,具体请单击查看如何恢复组件?