维看帮助中心

如何使用快速联系组件?

浏览数量:481     作者:本站编辑     发布时间: 2017-02-15      来源:本站

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


快速联系组件是一个展示互动工具并且支持访客通过这些工具与网站管理者互动的模块,互动工具包括: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、快速联系组件新增微信图标;

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

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

快速联系微信方式


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


建站流程

 找不到你的问题?
 135-6001-3420
 seoprixcom@gmail.com
 214227632
Facebook
Twitter
Google
LinkedIn
Instagram
维看云建站系统
专业外贸建站系统,为你打造一个适合谷歌优化的网站!
  • 客服QQ
    214227632
  • 微信手机
    135-6001-3420
  • 邮箱
    seoprixcom@gmail.com